*{margin:0;padding:0;box-sizing:border-box}body.modal-open{overflow:hidden!important}:root{color-scheme:light;--bg-primary: #f0ecf6;--bg-secondary: #e8e3f2;--bg-card: #e3def0;--bg-surface: #f8f6fc;--bg-hover: #d9d3e8;--bg-input: #edeaf5;--border: #d0c8e0;--text-primary: #2a2538;--text-secondary: #655e78;--text-muted: #958eaa;--accent: #7c4dbd;--accent-hover: #8e5fd0;--upvote: #7c4dbd;--downvote: #5a6abf;--danger: #cc3333;--success: #3a9955;--header-height: 0px;--sidebar-width: 260px;--card-c1: #cdc4e4;--card-c2: #d8cef0;--card-c3: #c4beda;--card-c4: #d2c8e6;--card-c5: #c8c2dc;--card-c6: #dbd4ec;--card-text: #6b6280;--card-title: #2a2538;--card-body: #4a4460;--card-stat: #7a7290;--card-cat-bg: rgba(100,60,160,.1);--card-cat-text: #5a4a80;--dock-bg: rgba(255,255,255,.45);--dock-shadow: rgba(0,0,0,.1);--dock-border: #ffd700}[data-theme=purple-dark]{color-scheme:dark;--bg-primary: #1a1528;--bg-secondary: #231e34;--bg-card: #2a2440;--bg-surface: #302a48;--bg-hover: #3a3358;--bg-input: #2a2440;--border: #3f3760;--text-primary: #e8e4f0;--text-secondary: #b0a8c8;--text-muted: #7a7098;--accent: #a47de0;--accent-hover: #b490f0;--upvote: #a47de0;--downvote: #7a8ae0;--card-c1: #2e2648;--card-c2: #342c50;--card-c3: #282244;--card-c4: #302a4c;--card-c5: #2c2646;--card-c6: #362e54;--card-text: #9088b0;--card-title: #e8e4f0;--card-body: #b8b0d0;--card-stat: #8880a8;--card-cat-bg: rgba(164,125,224,.15);--card-cat-text: #b8a0e0}[data-theme=blue-light]{--bg-primary: #edf2fa;--bg-secondary: #e0e8f4;--bg-card: #d8e2f0;--bg-surface: #f4f7fc;--bg-hover: #cdd8ea;--bg-input: #e8eef6;--border: #c0cce0;--text-primary: #1e2a3a;--text-secondary: #4a5a72;--text-muted: #7a8aa0;--accent: #3b7dd8;--accent-hover: #4e8ee6;--upvote: #3b7dd8;--downvote: #5a6abf;--card-c1: #c0d0e8;--card-c2: #ccdaf0;--card-c3: #b8c8e0;--card-c4: #c4d4ea;--card-c5: #bccce4;--card-c6: #d4def0;--card-text: #5a6a84;--card-title: #1e2a3a;--card-body: #3a4a60;--card-stat: #6a7a94;--card-cat-bg: rgba(59,125,216,.1);--card-cat-text: #3a6ab0}[data-theme=blue-dark]{color-scheme:dark;--bg-primary: #121a28;--bg-secondary: #1a2438;--bg-card: #202c40;--bg-surface: #263248;--bg-hover: #2e3c54;--bg-input: #202c40;--border: #304060;--text-primary: #e0e8f4;--text-secondary: #a0b0c8;--text-muted: #607890;--accent: #5a9af0;--accent-hover: #70aaf8;--upvote: #5a9af0;--downvote: #7a8ae0;--card-c1: #1e2c44;--card-c2: #24324c;--card-c3: #1a2840;--card-c4: #20304a;--card-c5: #1e2c44;--card-c6: #283650;--card-text: #7088a8;--card-title: #e0e8f4;--card-body: #a0b4cc;--card-stat: #6080a0;--card-cat-bg: rgba(90,154,240,.15);--card-cat-text: #80b0f0}[data-theme=green-light]{--bg-primary: #ecf5f0;--bg-secondary: #e0ede6;--bg-card: #d6e8de;--bg-surface: #f4faf6;--bg-hover: #cce0d4;--bg-input: #e6f0ea;--border: #b8d0c2;--text-primary: #1a2e22;--text-secondary: #4a6454;--text-muted: #7a9a88;--accent: #2e8b57;--accent-hover: #3ca068;--upvote: #2e8b57;--downvote: #5a8abf;--card-c1: #bcd8c8;--card-c2: #c8e2d2;--card-c3: #b4d0c0;--card-c4: #c0d8ca;--card-c5: #b8d4c4;--card-c6: #d0e4d6;--card-text: #5a7a66;--card-title: #1a2e22;--card-body: #3a5a46;--card-stat: #6a8a76;--card-cat-bg: rgba(46,139,87,.1);--card-cat-text: #2a7a4e}[data-theme=green-dark]{color-scheme:dark;--bg-primary: #101e16;--bg-secondary: #182a20;--bg-card: #1e3428;--bg-surface: #243e30;--bg-hover: #2e4a38;--bg-input: #1e3428;--border: #2e5040;--text-primary: #daf0e2;--text-secondary: #98c0a8;--text-muted: #5a8a6c;--accent: #4cc880;--accent-hover: #60d890;--upvote: #4cc880;--downvote: #6aa0d0;--card-c1: #1c3026;--card-c2: #22382c;--card-c3: #1a2c24;--card-c4: #20342a;--card-c5: #1c3026;--card-c6: #263c30;--card-text: #6a9a7c;--card-title: #daf0e2;--card-body: #98c0a8;--card-stat: #5a8a6e;--card-cat-bg: rgba(76,200,128,.15);--card-cat-text: #60d890}[data-theme=rose-light]{--bg-primary: #f8eff2;--bg-secondary: #f0e4ea;--bg-card: #eadce4;--bg-surface: #fcf6f8;--bg-hover: #e0d0da;--bg-input: #f2eaee;--border: #dcc4d0;--text-primary: #32202a;--text-secondary: #6e5060;--text-muted: #a08898;--accent: #c44a7a;--accent-hover: #d45a8a;--upvote: #c44a7a;--downvote: #8a5abf;--card-c1: #dcc0d0;--card-c2: #e4ccd8;--card-c3: #d4b8c8;--card-c4: #dec4d2;--card-c5: #d8bece;--card-c6: #e8d2dc;--card-text: #7a6070;--card-title: #32202a;--card-body: #5a4050;--card-stat: #8a7080;--card-cat-bg: rgba(196,74,122,.1);--card-cat-text: #a84070}[data-theme=rose-dark]{color-scheme:dark;--bg-primary: #1e1218;--bg-secondary: #2a1a22;--bg-card: #34202c;--bg-surface: #3e2834;--bg-hover: #4a3040;--bg-input: #34202c;--border: #503848;--text-primary: #f0e0e8;--text-secondary: #c0a0b0;--text-muted: #806878;--accent: #e06a9a;--accent-hover: #f07aaa;--upvote: #e06a9a;--downvote: #a07ae0;--card-c1: #301c28;--card-c2: #38222e;--card-c3: #2c1a24;--card-c4: #34202c;--card-c5: #301c28;--card-c6: #3c2632;--card-text: #9a7888;--card-title: #f0e0e8;--card-body: #c0a0b4;--card-stat: #8a6878;--card-cat-bg: rgba(224,106,154,.15);--card-cat-text: #f080aa}[data-theme=orange-light]{--bg-primary: #f8f0ea;--bg-secondary: #f0e6dc;--bg-card: #eadcd0;--bg-surface: #fcf8f4;--bg-hover: #e0d2c4;--bg-input: #f2ece4;--border: #dcc8b8;--text-primary: #322820;--text-secondary: #6e5a48;--text-muted: #a08a78;--accent: #d07030;--accent-hover: #e08040;--upvote: #d07030;--downvote: #8a7abf;--card-c1: #dcc4b0;--card-c2: #e4d0bc;--card-c3: #d4bca8;--card-c4: #dec8b4;--card-c5: #d8c0ae;--card-c6: #e8d4c0;--card-text: #7a6450;--card-title: #322820;--card-body: #5a4838;--card-stat: #8a7460;--card-cat-bg: rgba(208,112,48,.1);--card-cat-text: #b06028}[data-theme=orange-dark]{color-scheme:dark;--bg-primary: #1e1610;--bg-secondary: #2a1e16;--bg-card: #342618;--bg-surface: #3e2e20;--bg-hover: #4a382a;--bg-input: #342618;--border: #504030;--text-primary: #f0e4d8;--text-secondary: #c0a890;--text-muted: #806850;--accent: #f0903a;--accent-hover: #ffa050;--upvote: #f0903a;--downvote: #a08ae0;--card-c1: #302016;--card-c2: #38261a;--card-c3: #2c1e14;--card-c4: #342218;--card-c5: #302016;--card-c6: #3c2a1e;--card-text: #9a7c60;--card-title: #f0e4d8;--card-body: #c0a890;--card-stat: #8a7058;--card-cat-bg: rgba(240,144,58,.15);--card-cat-text: #f0a050}[data-theme=teal-light]{--bg-primary: #ecf4f4;--bg-secondary: #e0ecec;--bg-card: #d6e6e6;--bg-surface: #f4fafa;--bg-hover: #cce0e0;--bg-input: #e6f0f0;--border: #b8d0d0;--text-primary: #1a2e2e;--text-secondary: #4a6464;--text-muted: #7a9a9a;--accent: #1a8a8a;--accent-hover: #28a0a0;--upvote: #1a8a8a;--downvote: #5a80bf;--card-c1: #bcd4d4;--card-c2: #c8e0e0;--card-c3: #b4cece;--card-c4: #c0d6d6;--card-c5: #b8d2d2;--card-c6: #d0e2e2;--card-text: #5a7a7a;--card-title: #1a2e2e;--card-body: #3a5a5a;--card-stat: #6a8a8a;--card-cat-bg: rgba(26,138,138,.1);--card-cat-text: #1a7a7a}[data-theme=teal-dark]{color-scheme:dark;--bg-primary: #0e1a1a;--bg-secondary: #142424;--bg-card: #1a3030;--bg-surface: #203a3a;--bg-hover: #2a4848;--bg-input: #1a3030;--border: #2a4a4a;--text-primary: #daf0f0;--text-secondary: #90c0c0;--text-muted: #5a8a8a;--accent: #40c8c8;--accent-hover: #50d8d8;--upvote: #40c8c8;--downvote: #6aa0d0;--card-c1: #182c2c;--card-c2: #1e3434;--card-c3: #162a2a;--card-c4: #1c3232;--card-c5: #182c2c;--card-c6: #223838;--card-text: #5a9090;--card-title: #daf0f0;--card-body: #90c0c0;--card-stat: #4a8888;--card-cat-bg: rgba(64,200,200,.15);--card-cat-text: #50d8d8}[data-theme=white]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #f0f0f0;--bg-surface: #fafafa;--bg-hover: #eaeaea;--bg-input: #f5f5f5;--border: #d8d8d8;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #888888;--accent: #444444;--accent-hover: #333333;--upvote: #444444;--downvote: #777777;--card-c1: #e8e8e8;--card-c2: #eeeeee;--card-c3: #e2e2e2;--card-c4: #eaeaea;--card-c5: #e5e5e5;--card-c6: #f0f0f0;--card-text: #666666;--card-title: #1a1a1a;--card-body: #444444;--card-stat: #888888;--card-cat-bg: rgba(0,0,0,.06);--card-cat-text: #555555}[data-theme=dark]{color-scheme:dark;--bg-primary: #0e0e0e;--bg-secondary: #161616;--bg-card: #1c1c1c;--bg-surface: #222222;--bg-hover: #2a2a2a;--bg-input: #1c1c1c;--border: #333333;--text-primary: #e8e8e8;--text-secondary: #aaaaaa;--text-muted: #666666;--accent: #cccccc;--accent-hover: #e0e0e0;--upvote: #cccccc;--downvote: #888888;--card-c1: #1a1a1a;--card-c2: #202020;--card-c3: #181818;--card-c4: #1c1c1c;--card-c5: #1a1a1a;--card-c6: #242424;--card-text: #777777;--card-title: #e8e8e8;--card-body: #aaaaaa;--card-stat: #666666;--card-cat-bg: rgba(255,255,255,.08);--card-cat-text: #999999}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Noto Sans KR,-apple-system,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:10px 14px;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent)}.app{display:flex;flex-direction:column;min-height:100%}.main-content{margin-top:var(--header-height);max-width:680px;width:100%;margin-left:auto;margin-right:auto;padding:0 12px}.main-content.wide{max-width:1200px;padding:0 24px}.header{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:center;z-index:100;pointer-events:none}.header-logo{display:flex;align-items:center;position:relative;z-index:101;pointer-events:auto}.header-logo-img{height:90px;position:relative;top:6px;animation:logoSpin 12s linear infinite;transition:transform .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.header-logo:hover .header-logo-img{transform:scale(1.1)}[data-theme*=-dark] .header-logo-img,[data-theme*=-dark] .sidebar-title img,[data-theme=dark] .header-logo-img,[data-theme=dark] .sidebar-title img{filter:invert(1) drop-shadow(0 2px 8px rgba(255,255,255,.15))}[data-theme=white] .post-card:before,[data-theme=dark] .post-card:before{border:1px solid var(--border)}[data-theme=white] .post-modal,[data-theme=dark] .post-modal{border:1px solid var(--border)}[data-theme=white] .comment,[data-theme=dark] .comment{border-bottom:1px solid var(--border)}[data-theme=white] .vote-bar,[data-theme=dark] .vote-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}[data-theme*=-dark],[data-theme=dark]{--dock-bg: rgba(0,0,0,.5);--dock-shadow: rgba(0,0,0,.3);--dock-border: #b8860b}@keyframes logoSpin{0%{rotate:0deg}to{rotate:360deg}}.header-right{position:absolute;right:16px;display:flex;align-items:center;gap:10px}.header-write-btn{background:var(--accent);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700}.header-login-btn{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);transition:background .15s}.header-login-btn:hover{background:var(--bg-hover)}.header-user-wrap{position:relative}.header-user-btn{width:34px;height:34px;border-radius:50%;overflow:hidden;padding:0;border:2px solid var(--border);transition:border-color .15s}.header-user-btn:hover{border-color:var(--accent)}.header-user-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:14px;font-weight:700;border-radius:50%}.header-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.header-user-menu{position:absolute;top:42px;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #0000001f;min-width:160px;z-index:200;overflow:hidden}.header-user-menu-info{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.header-user-menu-nick{font-weight:700;font-size:14px}.header-user-menu-provider{font-size:11px;color:var(--text-muted)}.header-user-menu-item{display:block;width:100%;text-align:left;padding:10px 16px;font-size:13px;transition:background .1s}.header-user-menu-item:hover{background:var(--bg-hover)}.header-user-menu-item.logout{color:var(--danger)}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.login-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:32px 28px;width:340px;max-width:90vw;position:relative;box-shadow:0 8px 32px #00000026}.login-modal-close{position:absolute;top:12px;right:14px;font-size:18px;color:var(--text-muted)}.login-modal-title{font-size:20px;font-weight:900;margin-bottom:8px;text-align:center}.login-modal-desc{font-size:12px;color:var(--text-secondary);text-align:center;margin-bottom:24px;line-height:1.5}.login-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.login-google-wrap{display:flex;justify-content:center}.login-kakao-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:280px;height:44px;background:#fee500;color:#3c1e1e;border-radius:6px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:background .15s}.login-kakao-btn:hover{background:#fdd800}.login-google-fallback{display:flex;align-items:center;justify-content:center;gap:10px;width:280px;height:44px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s}.login-google-fallback:hover{background:#f7f8f8;box-shadow:0 1px 3px #0000001a}.login-google-btn:not(:empty)+.login-google-fallback{display:none}.login-kakao-icon{flex-shrink:0}.login-modal-error{color:var(--danger);font-size:12px;text-align:center;margin-top:12px}.post-card{position:relative;background:transparent;border:none;border-radius:16px;padding:20px;margin-bottom:10px;color:var(--text-primary);z-index:0;cursor:pointer;overflow:hidden;transition:background .2s ease;display:flex;flex-direction:column;height:300px;box-sizing:border-box}.post-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;z-index:-1;transition:background .2s ease}.post-card-wrap:nth-child(6n+1) .post-card:before{background:var(--card-c1)}.post-card-wrap:nth-child(6n+2) .post-card:before{background:var(--card-c2)}.post-card-wrap:nth-child(6n+3) .post-card:before{background:var(--card-c3)}.post-card-wrap:nth-child(6n+4) .post-card:before{background:var(--card-c4)}.post-card-wrap:nth-child(6n+5) .post-card:before{background:var(--card-c5)}.post-card-wrap:nth-child(6n) .post-card:before{background:var(--card-c6)}.post-grid{overflow:visible}.post-card:hover:before{background:var(--bg-surface)!important}.post-card .post-card-header,.post-card .post-card-nick,.post-card .post-card-time{color:var(--card-text)}.post-card .post-card-title{color:var(--card-title)}.post-card .post-card-body{color:var(--card-body)}.post-card .post-card-footer,.post-card .post-card-stat{color:var(--card-stat)}.post-card .post-card-category{background:var(--card-cat-bg);color:var(--card-cat-text)}.post-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text-secondary);flex-shrink:0}.post-card-category{background:var(--bg-hover);padding:2px 8px;border-radius:10px;font-size:11px;color:var(--accent);font-weight:500}.post-card-nick{font-weight:500;color:var(--text-secondary)}.post-card-time{color:var(--text-muted)}.post-card-title{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}.post-card-body{font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;white-space:pre-wrap;word-break:break-word;flex-shrink:1;min-height:0}.post-card-image{width:100%;border-radius:8px;margin-bottom:10px;max-height:100px;object-fit:cover;flex-shrink:1;min-height:0}.post-card-video-thumb{position:relative;width:100%;border-radius:8px;margin-bottom:10px;overflow:hidden;max-height:100px;flex-shrink:1;min-height:0}.post-card-video-thumb img{width:100%;height:100%;border-radius:8px;display:block;object-fit:cover}.post-card-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;pointer-events:none}.post-card-footer{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-muted);margin-top:auto;flex-shrink:0}.post-card-stat{display:flex;align-items:center;gap:4px}.wc-btn{border-radius:50%;border:none;cursor:pointer;padding:0;color:#0000;transition:color .1s,transform .1s;display:flex;align-items:center;justify-content:center}.wc-minimize{background:#febc2e}.wc-maximize{background:#28c840}.wc-close{background:#ff5f57}.post-card-window-controls{display:flex;gap:5px;justify-content:flex-end;margin-bottom:6px;opacity:0;transition:opacity .15s;z-index:3;position:relative}.post-card:hover .post-card-window-controls{opacity:1}.post-card-window-controls .wc-btn{width:18px;height:18px;font-size:10px;line-height:18px}.post-card-window-controls:hover .wc-btn{color:#000000b3}.post-card-window-controls .wc-btn:hover{transform:scale(1.25)}.post-card-scrap{width:28px;height:28px;border-radius:50%;background:#ffffffb3;border:none;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,transform .15s,background .15s}.post-card:hover .post-card-scrap{opacity:1}.post-card-scrap.active{opacity:1;background:#7c4dbd26;transform:scale(1.1)}.post-card-scrap:hover{transform:scale(1.2);background:#fffffff2}.post-card-wrap{position:relative}.post-card-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;min-height:24px}.post-card-topbar-left{display:flex;align-items:center;gap:6px}.post-card-profile-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7);box-shadow:0 2px 6px #0000001a}.write-field input.readonly{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border-style:dashed}.write-field-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.post-detail{padding:20px 0}.post-detail-category{display:inline-block;background:var(--bg-hover);padding:4px 12px;border-radius:12px;font-size:12px;color:var(--accent);font-weight:500;margin-bottom:12px}.post-detail-title{font-size:20px;font-weight:900;line-height:1.4;margin-bottom:12px}.post-detail-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:20px}.post-detail-meta .post-author-actions{margin-left:auto;display:flex;gap:4px}.post-author-btn{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.post-author-btn.edit{background:#7c4dbd1a;color:var(--accent)}.post-author-btn.edit:hover{background:#7c4dbd33}.post-author-btn.delete{background:#cc333314;color:var(--danger)}.post-author-btn.delete:hover{background:#cc33332e}.post-edit-form{padding:12px 0 20px}.post-edit-form .write-modal-textarea{width:100%;min-height:150px;resize:vertical}.post-edit-extras{display:flex;flex-direction:column;gap:6px;margin-top:8px}.post-edit-extras input{padding:8px 10px;border-radius:8px;font-size:13px}.post-edit-actions{display:flex;gap:8px;margin-top:12px}.post-edit-save{padding:8px 24px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:14px}.post-edit-save:hover{background:var(--accent-hover)}.post-edit-save:disabled{opacity:.5;cursor:not-allowed}.post-edit-cancel{padding:8px 20px;border-radius:8px;background:var(--bg-hover);font-weight:600;font-size:14px}.post-edit-cancel:hover{background:var(--border)}.post-detail-content{font-size:15px;line-height:1.8;word-break:break-word;padding-bottom:20px;border-bottom:1px solid var(--border)}.rich-content-link{color:var(--accent);text-decoration:underline;word-break:break-all}.rich-content-link:hover{opacity:.8}.rich-content-img-wrap{display:block;margin:8px 0}.rich-content-img{max-width:100%;max-height:480px;border-radius:8px;object-fit:contain}.post-detail-image{width:100%;border-radius:8px;margin:16px 0}.video-embed{position:relative;width:100%;padding-bottom:56.25%;margin:16px 0;border-radius:10px;overflow:hidden;background:#000}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:10px}.vote-bar{display:flex;align-items:center;gap:8px;padding:16px 0;border-bottom:1px solid var(--border)}.vote-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;border:1px solid var(--border);transition:all .15s}.vote-btn.up:hover,.vote-btn.up.vote-active{border-color:var(--upvote);color:var(--upvote)}.vote-btn.up.vote-active{background:#4caf501a}.vote-btn.down:hover,.vote-btn.down.vote-active{border-color:var(--downvote);color:var(--downvote)}.vote-btn.down.vote-active{background:#f443361a}.vote-btn.scrap{margin-left:auto}.vote-btn.scrap:hover{border-color:var(--accent);color:var(--accent)}.vote-btn.scrap.active{border-color:var(--accent);color:var(--accent);background:#7c4dbd14}.comments-section{padding:20px 0}.comments-title{font-size:15px;font-weight:700;margin-bottom:16px}.comment{padding:12px 0;border-bottom:1px solid var(--border)}.mention{color:var(--accent);font-weight:700;cursor:pointer}.comment-header{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.comment-nick{font-weight:700;color:var(--text-primary)}.comment-content{font-size:14px;line-height:1.6;margin-bottom:6px;white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.comment-actions button:hover{color:var(--text-primary)}.comment-actions button.vote-active{color:var(--accent);font-weight:600}.comment-author-actions{margin-left:auto;display:flex;gap:4px}.comment-author-actions button{font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px}.comment-author-actions button:hover{color:var(--text-primary);background:var(--bg-hover)}.comment-edit-form textarea{width:100%;font-size:14px;padding:8px;border:1px solid var(--border);border-radius:6px;resize:vertical;font-family:inherit;line-height:1.5;margin-bottom:6px}.comment-edit-btns{display:flex;gap:6px}.comment-edit-btns button{font-size:12px;padding:4px 12px;border-radius:6px;border:1px solid var(--border);cursor:pointer;background:var(--bg-card)}.comment-edit-btns button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.comment-edit-btns button:hover{opacity:.85}.comment-form{display:flex;gap:8px;margin-bottom:20px}.comment-form input{width:80px;font-size:13px;padding:8px 10px}.comment-form textarea{flex:1;min-height:40px;max-height:120px;resize:vertical;font-size:13px;padding:8px 10px}.comment-form button{background:var(--accent);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px;white-space:nowrap}.comment-form-user{display:flex;align-items:center;gap:6px;flex-shrink:0}.comment-form-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.comment-form-avatar-placeholder{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.comment-form-nick{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.comment-login-notice{text-align:center;color:var(--text-muted);font-size:13px;padding:16px;margin-bottom:20px;background:var(--card-bg);border-radius:8px;border:1px dashed var(--border)}.write-page{padding:20px 0}.write-page h2{font-size:18px;font-weight:900;margin-bottom:20px}.write-field{margin-bottom:16px}.write-field label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.write-field input,.write-field textarea,.write-field select{width:100%}.write-field textarea{min-height:200px;resize:vertical}.write-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.write-submit{width:100%;background:var(--accent);color:#fff;padding:14px;border-radius:10px;font-size:16px;font-weight:700;margin-top:8px}.write-submit:hover{background:var(--accent-hover)}.write-field-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.write-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.write-cat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 4px;border:2px solid var(--border);border-radius:12px;background:var(--bg-input);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.write-cat-item:hover{border-color:var(--accent);background:var(--bg-hover);transform:scale(1.03)}.write-cat-item.active{border-color:var(--accent);background:#7c4dbd1f;box-shadow:0 0 0 1px var(--accent)}.write-cat-emoji{font-size:24px;line-height:1}.write-cat-name{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;line-height:1.2;word-break:keep-all}.write-cat-item.active .write-cat-name{color:var(--accent);font-weight:700}.write-modal .post-modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 20px;display:flex;flex-direction:column}.write-modal-title{font-size:14px;font-weight:700;color:var(--text-primary);flex:1;text-align:center}.write-modal-form{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.write-modal-textarea{width:100%;min-height:180px;flex:1;resize:vertical;margin-bottom:12px;font-size:14px}.write-modal-extras{display:flex;gap:8px;margin-bottom:12px}.write-modal-extras input{flex:1;font-size:12px;padding:8px 10px}.write-cat-mobile-trigger{display:none}@media(max-width:600px){.write-cat-grid{display:none}.write-cat-mobile-trigger{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border:2px solid var(--border);border-radius:12px;background:var(--bg-input);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;margin-bottom:8px}.write-cat-mobile-trigger.selected{border-color:var(--accent);color:var(--accent)}.write-cat-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;z-index:9999}.write-cat-popup{position:fixed;background:var(--bg-primary);border-radius:16px;padding:16px;width:90%;max-width:360px;max-height:50vh;overflow-y:auto;box-shadow:0 8px 32px #0003;left:50%;transform:translate(-50%)}.write-cat-popup .write-cat-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px}.write-cat-popup .write-cat-item{padding:10px 2px}.write-cat-popup .write-cat-emoji{font-size:22px}.write-cat-popup .write-cat-name{font-size:10px}.write-modal-extras{flex-direction:column}}.home-root{display:flex;flex-direction:column;height:100dvh;padding-top:80px}.sticky-nav{z-index:95;display:flex;flex-direction:column;flex:1;min-height:0}.street-tabs{margin-top:12px;display:flex;flex-direction:column;flex:1;min-height:0}.street-tab-headers{display:flex;align-items:flex-end;gap:0}.street-tab-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px 4px;border:1px solid transparent;border-bottom:none;border-radius:12px 12px 0 0;cursor:pointer}.street-tab-header.active{border-color:var(--border);background:var(--bg-card)}.street-tab-header:not(.active){border-color:var(--border);background:var(--bg-primary);opacity:.75}.street-tab-header:not(.active):hover{opacity:1}.street-tab-header img{width:56px;height:56px;object-fit:contain;transition:transform .15s ease}.street-tab-header:hover img{transform:scale(1.1)}.street-tab-header span{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;text-align:center}.street-tab-header.active span{color:var(--accent);font-weight:700}.street-tab-actions{margin-left:auto;display:flex;align-items:center;gap:8px;padding-bottom:6px}.street-write-btn,.street-login-btn{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.3}.street-write-btn{background:var(--accent);color:#fff}.street-write-btn:hover{opacity:.9}.street-login-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);transition:background .15s}.street-login-btn:hover{background:var(--bg-hover)}.theme-palette-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:conic-gradient(#7c4dbd,#3b7dd8,#1a8a8a,#2e8b57,#d07030,#c44a7a,#7c4dbd);cursor:pointer;transition:transform .15s,border-color .15s;flex-shrink:0}.theme-palette-btn:hover{transform:scale(1.15);border-color:var(--accent)}.theme-picker-wrap{position:relative}.theme-picker{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 8px 24px #00000026;z-index:500;min-width:200px}.theme-picker-title{font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-align:center}.theme-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.theme-picker-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:2px solid transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-primary);background:var(--bg-card);transition:border-color .15s,background .15s}.theme-picker-item:hover{background:var(--bg-hover)}.theme-picker-item.active{border-color:var(--accent)}.theme-picker-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.1);flex-shrink:0}.theme-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:499}.street-user-wrap{position:relative}.street-user-btn{width:30px;height:30px;border-radius:50%;overflow:hidden;padding:0;border:2px solid var(--border);transition:border-color .15s;display:flex;align-items:center;justify-content:center}.street-user-btn:hover{border-color:var(--accent)}.street-user-avatar{width:100%;height:100%;object-fit:cover;display:block}.street-user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:13px;font-weight:700}.street-tab-body{border:1px solid var(--border);border-top:none;border-radius:0 12px 0 0;padding:10px 10px 0;background:var(--bg-card);position:relative;overflow:visible;margin-top:0;display:flex;flex-direction:column;flex:1;min-height:0}.category-bar{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}.category-bar button{padding:6px 12px;font-size:12px;border:none;background:transparent;color:var(--text-secondary);transition:transform .15s ease-out,color .15s ease-out,font-size .15s ease-out;position:relative;z-index:1;white-space:nowrap;cursor:pointer}.category-bar button:not(.active):hover{transform:scale(1.4);z-index:10;color:var(--accent)}.category-bar button.active{background:transparent;color:var(--accent);font-weight:700;font-size:13px}.category-bar button.active:hover{transform:none}.category-bar button.active:after{content:"▴";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:10px;color:var(--accent);line-height:1}.category-hamburger{display:none}.folder-tabs{display:flex;position:relative;z-index:1;padding:0;margin-top:12px;overflow:visible;clip-path:inset(-200% -200% 0 -200%)}@media(max-width:520px){.folder-tab .tab-label{display:none}.folder-tab{font-size:18px;padding:8px 0}}.folder-tab{flex:1;min-width:0;padding:10px 0;font-size:13px;font-weight:600;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;margin-right:2px;position:relative;transition:color .15s,background .15s;white-space:nowrap;text-align:center;z-index:1}.folder-tab:last-child{margin-right:0}.folder-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.folder-tab.active{background:var(--bg-surface);color:var(--text-primary);font-weight:700;border-bottom-color:var(--bg-surface);margin-bottom:-1px;z-index:2}.folder-frame{background:var(--bg-surface);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;padding:16px 16px 80px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.folder-frame-content{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.post-modal-overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#0006;z-index:300;pointer-events:auto;cursor:pointer;animation:fadeIn .2s ease}.post-modal{position:fixed;z-index:301;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-surface);border-radius:8px;width:calc(100% - 48px);max-width:640px;max-height:70vh;overflow-y:scroll;overscroll-behavior:contain;padding:0;pointer-events:auto;animation:modalSlideUp .25s ease;border:2px solid var(--border);border-top:3px solid var(--accent);box-shadow:0 8px 40px #00000040,0 0 0 1px #0000000d;resize:both;min-width:340px;min-height:280px;overflow:hidden;display:flex;flex-direction:column}@keyframes modalSlideUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.post-modal-handle{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-secondary);border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.post-modal-handle:active{cursor:grabbing}.post-modal-handle-grip{font-size:16px;color:var(--text-muted);letter-spacing:2px;line-height:1}.post-modal-share-btn{width:28px;height:28px;background:none;border:none;cursor:pointer;padding:2px;margin-right:auto;animation:vortexSpin 6s linear infinite;transition:transform .3s}.post-modal-share-btn img{width:100%;height:100%;object-fit:contain}.post-modal-share-btn:hover{transform:scale(1.5)}.post-modal-controls{display:flex;gap:6px;align-items:center}.post-modal-controls .wc-btn{width:24px;height:24px;font-size:13px;line-height:24px}.post-modal-controls:hover .wc-btn{color:#000000b3}.post-modal-controls .wc-btn:hover{transform:scale(1.2)}.post-modal-dock{position:fixed;bottom:12px;left:0;right:0;margin:0 auto;width:fit-content;display:flex;align-items:center;gap:8px;z-index:400;pointer-events:auto;background:var(--dock-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid var(--dock-border);border-radius:16px;padding:6px 12px;box-shadow:0 4px 24px var(--dock-shadow),inset 0 1px #ffffff26;height:68px;animation:dockFadeIn .25s ease;transition:opacity .2s}.dock-close-all-btn{position:absolute;left:-44px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:15px;line-height:1;background:#ff6464cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;transition:transform .15s,background .15s}.dock-close-all-btn:hover{transform:translateY(-50%) scale(1.15);background:#ff5050}.modal-control-floating{position:fixed;top:calc(var(--header-height) + 12px);right:16px;z-index:9999;display:flex;gap:10px;animation:fadeIn .2s ease}.modal-control-btn{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;cursor:pointer;background:none;padding:0}.modal-control-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:22px;font-weight:700;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px #00000040;transition:transform .15s,background .15s}.modal-control-btn.close .modal-control-icon{background:#ff5050eb}.modal-control-btn.minimize .modal-control-icon{background:#508cffeb}.modal-control-btn:hover .modal-control-icon{transform:scale(1.12)}.modal-control-btn.close:hover .modal-control-icon{background:#ff3232}.modal-control-btn.minimize:hover .modal-control-icon{background:#326eff}.modal-control-label{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.1)}.post-modal-dock.dock-empty .dock-close-all-btn,.post-modal-dock.dock-empty .dock-clear-btn,.post-modal-dock.dock-empty .dock-conveyor{display:none}.post-modal-dock.dock-empty{gap:0}.post-modal-dock-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;animation:dockItemIn .2s ease}.post-modal-dock-icon{width:28px;height:28px;background:#fff;border:1.5px solid var(--border);border-top:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 1px 4px #0000001f;transition:transform .15s,box-shadow .15s}.post-modal-dock-icon.history-icon{width:48px;height:48px;font-size:20px}.post-modal-dock-item:hover .post-modal-dock-icon{box-shadow:0 4px 12px #0000002e}.pacman-speech{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;font-size:13px;font-weight:500;padding:8px 16px;border-radius:14px;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:speechIn .15s ease;box-shadow:0 4px 12px #0003;z-index:10}.pacman-speech:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border:8px solid transparent;border-top:10px solid #1a1a1a;border-bottom:0}@keyframes speechIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dock-history-btn{position:relative;z-index:3}.dock-history-btn{display:flex;align-items:center;cursor:pointer}.dock-history-btn .pacman-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;position:relative}.pacman-body{width:52px;height:52px;position:relative;border-radius:50%;overflow:hidden}.pacman-upper{position:absolute;top:0;width:52px;height:26px;background:gold;border-radius:26px 26px 0 0;transform-origin:center bottom;transform:rotate(-30deg)}.pacman-lower{position:absolute;bottom:0;width:52px;height:26px;background:gold;border-radius:0 0 26px 26px;transform-origin:center top;transform:rotate(30deg)}.pacman-eye{position:absolute;width:6px;height:6px;background:#222;border-radius:50%;top:9px;right:14px;z-index:2}@keyframes chompUp{0%{transform:rotate(-30deg)}50%{transform:rotate(0)}to{transform:rotate(-30deg)}}@keyframes chompDown{0%{transform:rotate(30deg)}50%{transform:rotate(0)}to{transform:rotate(30deg)}}.dock-history-btn.chomping .pacman-upper{animation:chompUp .4s ease .35s 1}.dock-history-btn.chomping .pacman-lower{animation:chompDown .4s ease .35s 1}.dock-conveyor{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.dock-conveyor.sliding .post-modal-dock-item:first-child{transition:transform .35s ease,opacity .35s ease;transform:scale(.3);opacity:0}.dock-clear-btn{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:transform .15s,background .15s;line-height:1;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;box-shadow:0 2px 8px #0000001a;opacity:.6}.dock-clear-btn:hover{transform:translateY(-50%) scale(1.2);opacity:1;background:#ffffffe6}.dock-clear-btn:after{content:"비우기";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);background:#1a1a1a;color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s}.dock-clear-btn:hover:after{opacity:1;transform:translate(-50%) scale(1)}.dock-history-btn.clearing .pacman-upper{animation:chompUp .2s ease infinite!important;animation-delay:0s!important}.dock-history-btn.clearing .pacman-lower{animation:chompDown .2s ease infinite!important;animation-delay:0s!important}.history-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:500;display:flex;align-items:center;justify-content:center}.history-modal{background:var(--bg-surface);border-radius:16px;width:min(420px,90vw);max-height:70vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0003;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.history-modal-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border)}.history-modal-title{font-weight:700;font-size:15px}.history-clear-btn{margin-left:auto;background:none;border:none;font-size:12px;color:var(--danger);cursor:pointer;padding:4px 8px;border-radius:6px}.history-clear-btn:hover{background:#ff00000f}.history-modal-close{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;color:var(--text-secondary)}.history-modal-close:hover{background:var(--danger);color:#fff}.history-modal-list{overflow-y:auto;padding:8px;flex:1}.history-empty{text-align:center;padding:32px;color:var(--text-muted);font-size:13px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s}.history-item:hover{background:var(--bg-hover)}.history-item-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.history-item-title{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-cat{font-size:10px;color:var(--text-muted);background:var(--bg-hover);padding:2px 6px;border-radius:4px;flex-shrink:0}.history-item-actions{display:flex;gap:4px;flex-shrink:0;margin-left:8px}.history-btn{background:none;border:none;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .15s}.history-btn:hover{background:#0000000f}.history-btn.scrap.active{background:#ffa5001a}.history-btn.delete:hover{background:#ff000014}.folder-tab.jelly{animation:jellyBounce .6s ease}@keyframes jellyBounce{0%{transform:translateY(0)}15%{transform:translateY(-6px)}30%{transform:translateY(0)}45%{transform:translateY(-3px)}60%{transform:translateY(0)}75%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes dockFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dockItemIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.post-modal.minimizing{animation:modalMinimize .3s ease forwards}@keyframes modalMinimize{to{transform:scale(.1) translateY(100vh);opacity:0}}.post-modal-body-wrap{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:24px}.post-modal-body-wrap::-webkit-scrollbar{width:8px}.post-modal-body-wrap::-webkit-scrollbar-track{background:var(--bg-secondary)}.post-modal-body-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.post-modal-body-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-nav-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.modal-nav-arrow{width:40px;height:32px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);font-size:14px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.modal-nav-arrow:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.modal-nav-arrow:disabled{opacity:.3;cursor:default}.modal-nav-label{font-size:12px;color:var(--text-muted);font-weight:600}.post-modal:after{content:"";position:absolute;bottom:0;right:0;width:14px;height:14px;cursor:se-resize}.write-prompt{width:100%;background:#f8f6f2;border:1px solid var(--border);border-radius:10px;padding:14px;color:var(--text-muted);font-size:14px;text-align:left;margin-bottom:12px}.load-more-btn{width:100%;padding:14px;text-align:center;color:var(--accent);font-size:14px;font-weight:700;margin:12px 0}.street-header{padding:24px 0 0;position:relative;z-index:95;background:var(--bg-primary)}.street-header-emoji{font-size:32px}.street-header-icon{width:36px;height:36px;object-fit:contain}.street-header-name{font-size:22px;font-weight:900;margin:4px 0 2px}.street-header-desc{font-size:13px;color:var(--text-secondary)}.street-stats{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--text-muted)}.home-section{margin:20px 0}.home-section-title{font-size:16px;font-weight:900;margin-bottom:12px;display:flex;align-items:center;gap:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state-emoji{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:15px}.empty-state-sub{font-size:13px;margin-top:6px}.loading{text-align:center;padding:40px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:24px;width:100%;max-width:340px}.modal h3{font-size:16px;font-weight:900;margin-bottom:16px}.modal input{width:100%;margin-bottom:12px}.modal-btn{width:100%;background:var(--accent);color:#fff;padding:12px;border-radius:8px;font-weight:700}.post-grid{display:flex;flex-direction:column;gap:8px}@media(min-width:420px){.post-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:0 auto;max-width:340px}.post-grid .post-card,.post-grid .post-card-wrap{width:100%}}@media(min-width:772px){.post-grid{grid-template-columns:repeat(2,1fr);max-width:692px}}@media(min-width:1124px){.post-grid{grid-template-columns:repeat(3,1fr);max-width:1044px}}.share-portal{display:flex;flex-direction:column;align-items:center;gap:1px;margin-left:auto;padding:0 4px;cursor:pointer;align-self:center;flex-shrink:0}.share-portal-vortex{width:48px;height:48px;animation:vortexSpin 6s linear infinite;transition:transform .3s;pointer-events:auto;margin-top:-8px;margin-bottom:-4px}.share-portal-vortex img{width:100%;height:100%;object-fit:contain}.share-portal{position:relative}.share-portal:after{content:"카드를 드래그해서 이곳에 놓아주세요";position:absolute;bottom:calc(100% + 10px);right:-8px;transform:scale(.9);transform-origin:bottom right;white-space:nowrap;background:#000c;color:#fff;font-size:11px;padding:6px 12px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}.share-portal:before{content:"";position:absolute;bottom:calc(100% + 4px);right:16px;border:5px solid transparent;border-top-color:#000c;pointer-events:none;opacity:0;transition:opacity .2s}.share-portal:hover:after{opacity:1;transform:scale(1)}.share-portal:hover:before{opacity:1}.share-portal-label{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:1px;margin-top:-6px}@keyframes vortexSpin{to{transform:rotate(360deg)}}.share-portal.drag-hover .share-portal-vortex{animation:vortexSpinGrow 3s linear infinite;filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}@keyframes vortexSpinGrow{to{transform:rotate(360deg) scale(1.8)}}.post-card.dragging{opacity:.3}.post-card.dragging:before{animation:none!important;background:var(--bg-surface)!important;box-shadow:inset 0 0 0 2px var(--border)}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.85;transform:scale(.55);transform-origin:top right;transition:opacity .15s;filter:drop-shadow(0 8px 24px rgba(0,0,0,.2));background:#fff;border-radius:16px;overflow:hidden}.drag-ghost:before{display:none!important}body[style*=user-select] .post-card:hover:before{background:revert}.folder-tab.drag-hover{background:var(--accent)!important;color:#fff!important;transform:translateY(-3px);transition:transform .15s,background .15s}.post-modal-dock.drag-hover{background:#00000014;border-radius:12px;padding:8px 16px}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:500;display:flex;align-items:flex-end;justify-content:center}@media(min-width:768px){.share-modal-overlay{align-items:center}}.share-modal{background:var(--bg-surface);border-radius:20px 20px 0 0;padding:24px 20px 32px;width:100%;max-width:400px;text-align:center;animation:slideUp .25s ease}@media(min-width:768px){.share-modal{border-radius:20px;width:360px;padding:28px 24px;animation:fadeIn .15s ease}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-modal h3{margin-bottom:8px;font-size:17px;font-weight:800}.share-modal-title{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px}.share-grid-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:12px;border:none;background:#ffffffb3;cursor:pointer;transition:background .15s,transform .1s}.share-grid-btn:hover{background:#fff;transform:scale(1.05)}.share-grid-btn:active{transform:scale(.95)}.share-grid-icon{font-size:28px;line-height:1}.share-grid-label{font-size:11px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.share-modal-close{margin-top:8px;color:var(--text-muted);font-size:13px;background:none;border:none;cursor:pointer;padding:8px 16px}.report-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}.report-modal{background:var(--bg-card);border-radius:12px;padding:24px;width:360px;max-width:90vw;box-shadow:0 8px 32px #0003}.report-modal h3{margin:0 0 12px;font-size:16px}.report-modal textarea{width:100%;font-size:14px;padding:10px;border:1px solid var(--border);border-radius:8px;resize:vertical;font-family:inherit;line-height:1.5;margin-bottom:12px}.report-modal-btns{display:flex;gap:8px;justify-content:flex-end}.report-submit{background:#ff5f57;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:600}.report-submit:hover{opacity:.9}.report-cancel{background:var(--bg-secondary);border:1px solid var(--border);padding:8px 20px;border-radius:8px;cursor:pointer}.report-btn{color:var(--text-muted);font-size:11px;background:none;border:none;cursor:pointer;padding:2px 4px;opacity:.6}.report-btn:hover{opacity:1;color:#ff5f57}@media(max-width:767px){.is-touch .post-modal{top:0!important;left:0!important;transform:none!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important;min-width:0!important;min-height:0!important;resize:none!important}.is-touch .post-modal-handle{border-radius:0}.post-modal{width:calc(100% - 24px);max-width:640px;min-width:280px}.post-modal-body-wrap{padding:16px 16px 100px}.write-modal .post-modal-body{padding-bottom:80px}.is-touch .post-modal-controls .wc-maximize{display:none}.modal-nav-bar.touch-mode .modal-nav-label:after{content:" (좌우 스와이프)";font-size:10px}.post-modal .video-embed iframe{pointer-events:auto}.post-grid{display:flex!important;flex-direction:column!important;grid-template-columns:unset!important;max-width:none!important;gap:8px}.post-grid .post-card,.post-grid .post-card-wrap{width:100%!important;max-width:none!important}.post-grid .post-card{height:260px}.post-card-profile-img{width:24px;height:24px}.street-tab-header img{display:none}.street-tab-header{padding:6px 16px 4px;gap:0}.street-tab-header span{font-size:13px;font-weight:700}.category-bar{display:none;padding:0 8px 10px}.category-bar.mobile-open{display:flex}.category-hamburger{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:1px solid var(--border);margin-bottom:4px}.category-hamburger-icon{font-size:16px;line-height:1}.category-hamburger .selected-cat{color:var(--accent);font-weight:700}.main-content.wide{padding:0 8px}.street-tab-body{padding:6px}.folder-frame{padding:8px 8px 100px}body.keyboard-open .post-modal-dock{display:none!important}.post-card-scrap{opacity:1!important;width:32px;height:32px;font-size:16px}}.write-image-row{display:flex;gap:6px;align-items:center}.write-upload-btn{flex-shrink:0;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.write-upload-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent)}.write-upload-btn:disabled{opacity:.5;cursor:not-allowed}.write-image-preview{position:relative;margin-top:6px;border-radius:8px;overflow:hidden;display:inline-block;max-width:200px}.write-image-preview img{width:100%;max-height:160px;object-fit:cover;border-radius:8px;display:block}.write-image-preview button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.write-image-preview button:hover{background:#dc2828cc}.floating-mascot{position:fixed;z-index:9998;cursor:grab;animation:mascot-bob 5s ease-in-out infinite,mascot-sway 7s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));user-select:none;-webkit-user-select:none;touch-action:none}.floating-mascot.dragging{cursor:grabbing;animation:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.floating-mascot img{width:clamp(120px,22vw,320px);height:auto;pointer-events:none}.mascot-controls{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s;z-index:1}.floating-mascot:hover .mascot-controls{opacity:1}.mascot-btn{width:24px;height:24px;border-radius:50%;border:none;background:#00000073;color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;line-height:1;padding:0}.mascot-close:hover{background:#dc2828cc}.mascot-upload:hover{background:#3c3cb4cc}@keyframes mascot-bob{0%,to{transform:translateY(0)}35%{transform:translateY(-10px)}65%{transform:translateY(-6px)}}@keyframes mascot-sway{0%,to{rotate:0deg}20%{rotate:1.2deg}45%{rotate:-.8deg}70%{rotate:1deg}90%{rotate:-.5deg}}.real-user-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 6px 2px #ff3b3080;flex-shrink:0;animation:led-pulse 2s ease-in-out infinite}@keyframes led-pulse{0%,to{box-shadow:0 0 6px 2px #ff3b3080}50%{box-shadow:0 0 10px 4px #ff3b30cc}}.comment-header .real-user-led,.post-card-header .real-user-led,.post-detail-meta .real-user-led{margin-right:4px}.header-user-menu-item.admin{color:var(--accent);font-weight:700}.admin-page{max-width:1100px;margin:0 auto;padding:20px;min-height:100vh}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-header h1{font-size:22px;font-weight:800}.admin-back-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;font-size:13px;font-weight:600}.admin-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:20px}.admin-tabs button{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.admin-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.admin-stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.admin-stat-card.highlight{border-color:var(--accent);background:var(--bg-secondary)}.admin-stat-number{font-size:28px;font-weight:800;color:var(--text-primary)}.admin-stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px;font-weight:600}.admin-loading,.admin-empty{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:10px 8px;border-bottom:2px solid var(--border);font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.admin-table td{padding:10px 8px;border-bottom:1px solid var(--border)}.admin-table tr:hover{background:var(--bg-secondary);cursor:pointer}.admin-table tr.selected{background:var(--bg-secondary);border-left:3px solid var(--accent)}.admin-user-cell{display:flex;align-items:center;gap:6px}.admin-user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.admin-provider-badge{font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary)}.admin-email{font-size:11px;color:var(--text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis}.admin-users-section{display:flex;flex-direction:column;gap:20px}.admin-user-detail{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:20px}.admin-user-detail h3{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:16px}.admin-detail-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.admin-user-detail h4{font-size:13px;color:var(--text-secondary);margin:16px 0 8px;font-weight:700}.admin-activity-list{display:flex;flex-direction:column;gap:6px}.admin-activity-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg-secondary);font-size:13px;flex-wrap:wrap}.admin-activity-cat{font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0}.admin-activity-title{cursor:pointer;font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-activity-title:hover{text-decoration:underline}.admin-activity-content{color:var(--text-secondary);font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-activity-meta{font-size:11px;color:var(--text-secondary);flex-shrink:0}.admin-delete-btn{padding:3px 10px;font-size:11px;border-radius:6px;border:1px solid #ff3b30;background:transparent;color:#ff3b30;cursor:pointer;font-weight:600;flex-shrink:0}.admin-delete-btn:hover{background:#ff3b30;color:#fff}.admin-pin-btn{padding:3px 10px;font-size:11px;border-radius:6px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-weight:600;flex-shrink:0}.admin-pin-btn:hover{background:var(--accent);color:#fff}.admin-post-list{display:flex;flex-direction:column;gap:8px}.admin-post-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:14px}.admin-post-item-header{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.admin-post-nick{display:flex;align-items:center;gap:4px;font-weight:600}.admin-post-time{margin-left:auto}.admin-post-item-title{font-size:15px;font-weight:700;color:var(--text-primary);cursor:pointer;margin-bottom:8px}.admin-post-item-title:hover{text-decoration:underline}.admin-post-item-stats{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.admin-post-item-stats button{margin-left:auto}.admin-post-item-stats button+button{margin-left:6px}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;font-size:13px}.admin-pagination button{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;font-size:13px}.street-request-modal{background:var(--bg-primary);border-radius:16px;padding:28px 24px;max-width:400px;width:90vw;position:relative;box-shadow:0 20px 60px #0000004d}.street-request-title{font-size:18px;font-weight:800;margin-bottom:6px}.street-request-desc{font-size:13px;color:var(--text-secondary);margin-bottom:18px}.street-request-field{margin-bottom:14px}.street-request-field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.street-request-field input,.street-request-field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;resize:vertical}.street-request-field input:focus,.street-request-field textarea:focus{outline:none;border-color:var(--accent)}.street-request-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.street-request-cancel{padding:10px 18px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;font-size:13px;font-weight:600}.street-request-submit{padding:10px 22px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-size:13px;font-weight:700;transition:opacity .15s}.street-request-submit:disabled{opacity:.5;cursor:not-allowed}.cat-request-btn{background:none!important;border:none!important;color:var(--text-muted)!important;font-size:11px!important;padding:4px 10px!important;border-radius:12px!important;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.cat-request-btn:hover{color:var(--accent)!important;border:none!important}.admin-request-status{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.admin-request-status.pending{background:#fef3c7;color:#92400e}.admin-request-status.approved{background:#d1fae5;color:#065f46}.admin-request-status.rejected{background:#fee2e2;color:#991b1b}.admin-request-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.admin-request-description{font-size:13px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.admin-request-email{font-size:11px;color:var(--text-muted)}.admin-request-item.approved{border-left:3px solid #22c55e}.admin-request-item.rejected{border-left:3px solid #ef4444;opacity:.6}.admin-report-filters{display:flex;gap:8px;margin-bottom:16px}.admin-report-filters button{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-size:13px}.admin-report-filters button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.admin-report-type{padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;background:#fef3c7;color:#92400e}.admin-report-reason{font-size:14px;color:var(--text-primary);margin:6px 0;line-height:1.5}.admin-report-target{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.admin-report-content{margin-top:4px;padding:8px;background:var(--bg-secondary);border-radius:6px;font-size:13px;color:var(--text-muted);font-style:italic}.admin-report-item{border-left:3px solid #f59e0b}.admin-ban-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;transition:all .15s}.admin-ban-btn:hover,.admin-ban-btn.banned{background:#f44;color:#fff;border-color:#f44}.admin-ban-btn.banned:hover{background:#22c55e;border-color:#22c55e}.admin-table tr.banned td{opacity:.5;text-decoration:line-through}.admin-table tr.banned td:last-child{opacity:1;text-decoration:none}.admin-comment-post-ref{font-size:12px;color:var(--accent);cursor:pointer;margin-bottom:6px;font-weight:500}.admin-comment-post-ref:hover{text-decoration:underline}.admin-comment-content{font-size:14px;color:var(--text-primary);margin-bottom:8px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.admin-streets-layout{display:flex;gap:20px}.admin-streets-list{flex:1;min-width:0}.admin-streets-posts{flex:1.5;min-width:0}.admin-streets-list h4,.admin-streets-posts h4{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.admin-street-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;cursor:pointer;transition:background .15s;font-size:13px}.admin-street-item:hover{background:var(--bg-hover)}.admin-street-item.selected{background:var(--bg-hover);border-color:var(--accent)}.admin-street-item.inactive{opacity:.4;text-decoration:line-through}.admin-street-emoji{font-size:18px;flex-shrink:0}.admin-street-name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-street-count{font-size:11px;color:var(--text-muted);flex-shrink:0}.admin-street-type{font-size:10px;padding:2px 6px;border-radius:6px;flex-shrink:0}.admin-street-type.builtin{background:#e0e7ff;color:#3730a3}.admin-street-type.custom{background:#fef3c7;color:#92400e}@media(max-width:767px){.admin-streets-layout{flex-direction:column}}.sns-icons{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sns-icon-link{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .15s,transform .15s;text-decoration:none}.sns-icon-link:hover{color:var(--accent);transform:scale(1.2)}.sns-icon-link,.sns-icons-small .sns-icon-link{width:22px;height:22px}.profile-setup-modal{background:var(--bg-primary);border-radius:16px;padding:28px;max-width:420px;width:90vw;position:relative;box-shadow:0 20px 60px #00000026}.profile-setup-title{font-size:20px;font-weight:800;margin-bottom:4px}.profile-setup-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.profile-setup-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.profile-setup-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;border:2px dashed var(--border);transition:border-color .2s}.profile-setup-avatar:hover{border-color:var(--accent)}.profile-setup-avatar img{width:100%;height:100%;object-fit:cover}.profile-setup-avatar-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted);font-size:28px;font-weight:300}.profile-setup-avatar-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;font-size:20px;border-radius:50%}.profile-setup-avatar-hint{font-size:11px;color:var(--text-muted);margin-top:8px;text-align:center;line-height:1.4}.profile-setup-field{margin-bottom:16px}.profile-setup-field label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.profile-setup-field input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg-secondary)}.profile-setup-sns-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.profile-setup-sns-row{display:flex;align-items:stretch;gap:0}.profile-setup-sns-icon{width:28px;text-align:center;font-size:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:8px}.profile-setup-sns-prefix{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;background:none;border:none;padding:0 2px 0 0;display:flex;align-items:center}.profile-setup-sns-row input{flex:1;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--bg-secondary)}.profile-setup-sns-row input:focus{border-color:var(--accent);outline:none}.profile-sns-clear{width:24px;height:24px;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.profile-sns-clear:hover{background:var(--bg-secondary);color:#ff3b30}.profile-setup-actions{display:flex;gap:8px;justify-content:flex-end}.profile-setup-skip{padding:10px 20px;border-radius:10px;border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary)}.profile-setup-save{padding:10px 24px;border-radius:10px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-size:14px;font-weight:700}.profile-setup-save:disabled{opacity:.5;cursor:not-allowed}.contact-modal{background:#fff;border-radius:16px;padding:48px 36px;max-width:400px;width:85vw;text-align:center;position:relative;box-shadow:0 20px 60px #00000026}.contact-logo{width:min(240px,60vw);height:auto;margin-bottom:20px}.contact-title{font-size:18px;font-weight:800;margin-bottom:12px}.contact-email{font-size:14px}.contact-email a{color:var(--accent);text-decoration:none;font-weight:600}.contact-email a:hover{text-decoration:underline}@media(max-width:480px){.main-content{padding:0 8px}.post-card{padding:14px;height:260px}.post-detail-title{font-size:18px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-table{font-size:11px}.admin-table th,.admin-table td{padding:6px 4px}.admin-email{display:none}}