:root{--primary: #fdda35;--on-primary: #111111;--primary-hover: #f2c200;--primary-pressed: #d9ab00;--primary-container: #fff3b0;--on-primary-container: #3b2f00;--secondary: #1b2a57;--on-secondary: #ffffff;--secondary-hover: #16224a;--secondary-container: #e8eef9;--on-secondary-container: #1b2a57;--background: #fffcef;--surface: #ffffff;--surface-2: #fff7d1;--text-main: #111827;--text-dim: #5b616b;--border: #d7cfae;--elev-1: 0 10px 22px rgba(17, 24, 39, .08);--elev-2: 0 16px 30px rgba(17, 24, 39, .12);--elev-3: 0 24px 42px rgba(17, 24, 39, .18);--link: #1b2a57;--focus-ring: rgba(253, 218, 53, .55);--success: #15803d;--on-success: #ffffff;--success-container: #dcfce7;--info: #2563eb;--on-info: #ffffff;--info-container: #dbeafe;--warning: #c2410c;--on-warning: #ffffff;--warning-container: #ffedd5;--error: #dc2626;--on-error: #ffffff;--error-container: #fee2e2;--bg-base: var(--background);--bg-grad-a: #fff4be;--bg-grad-b: #eef4ff;--bg-grad-c: #fff8d8;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-main);background:var(--bg-base);color-scheme:light dark}*{box-sizing:border-box}html{overflow-y:auto}html.dark-mode{--bg-base: #070b14;--bg-grad-a: #21180f;--bg-grad-b: #102a25;--bg-grad-c: #0c1424;--text-main: #f2f7ff;--text-dim: #c6d3e8;--surface: rgba(14, 20, 34, .94);--surface-2: rgba(20, 30, 50, .94);--border: rgba(120, 137, 168, .32);--elev-1: 0 10px 22px rgba(1, 4, 11, .28);--elev-2: 0 16px 30px rgba(1, 4, 11, .34);--elev-3: 0 24px 42px rgba(1, 4, 11, .42);background:linear-gradient(180deg,#ffffff0f,#fff0 30%),linear-gradient(180deg,#0d121f00,#121d31ad),var(--bg-base)}html.samsung-browser:not(.dark-mode){--primary: #1b2a57;--on-primary: #ffffff;--primary-hover: #16224a;--primary-pressed: #122042;--primary-container: #e8eef9;--on-primary-container: #1b2a57;--secondary-container: #eef4ff;--background: #ffffff;--surface: #ffffff;--surface-2: #f4f7fb;--text-main: #0f172a;--text-dim: #64748b;--border: #dbe4ee;--warning-container: #e8eef9;--bg-base: #ffffff;--bg-grad-a: #ffffff;--bg-grad-b: #f8fbff;--bg-grad-c: #eef4ff;--elev-1: 0 10px 22px rgba(15, 23, 42, .06);--elev-2: 0 16px 30px rgba(15, 23, 42, .1);--elev-3: 0 24px 42px rgba(15, 23, 42, .14);background:#fff}html{color-scheme:light dark}html.dark-mode{color-scheme:dark}body{margin:0;min-width:320px;overflow-x:hidden;overflow-y:auto;color:var(--text-main);background:var(--bg-base)}#root{min-height:100dvh}.app-boot-shell{min-height:100dvh;display:grid;place-content:center;gap:1rem;padding:2rem 1.5rem;text-align:center;background:radial-gradient(circle at top,rgba(253,224,71,.24),transparent 28%),linear-gradient(180deg,#fffdf4,#fff7d1);color:var(--text-main)}.app-boot-shell__badge{width:fit-content;margin:0 auto;padding:.35rem .7rem;border-radius:999px;background:#ffffffe0;border:1px solid rgba(215,207,174,.9);font-size:.78rem;font-weight:900;letter-spacing:.16em;color:#9a3412}.app-boot-shell h1,.app-boot-shell p{margin:0}.app-boot-shell h1{max-width:16ch;margin-inline:auto;font-size:clamp(2rem,6vw,3.2rem);line-height:1.02;letter-spacing:-.04em}.app-boot-shell p{max-width:34rem;margin-inline:auto;font-size:clamp(.98rem,2.4vw,1.08rem);line-height:1.6;color:var(--text-dim)}.app-boot-shell__pulse{display:inline-flex;justify-content:center;gap:.4rem}.app-boot-shell__pulse span{width:.58rem;height:.58rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#ea580c);animation:boot-pulse 1s ease-in-out infinite}.app-boot-shell__pulse span:nth-child(2){animation-delay:.12s}.app-boot-shell__pulse span:nth-child(3){animation-delay:.24s}.seo-prerender{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.dark-mode body{background:var(--bg-base)}html.samsung-browser:not(.dark-mode) body{background:#fff}html.samsung-browser:not(.dark-mode) .app-boot-shell{background:radial-gradient(circle at top,rgba(27,42,87,.08),transparent 30%),linear-gradient(180deg,#fff,#eef4ff)}html.samsung-browser:not(.dark-mode) .app-boot-shell__pulse span{background:linear-gradient(135deg,#1b2a57,#2563eb)}@media(min-width:768px){html{scrollbar-gutter:stable both-edges}}button{font:inherit}a{color:var(--link);text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes boot-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#root{min-height:100vh}.app-shell{max-width:min(960px,100%);margin:0 auto;min-height:100vh;padding:clamp(.9rem,2.2vw,1.3rem) clamp(.8rem,2.4vw,1.25rem) 5.8rem;display:grid;align-content:start;gap:clamp(.7rem,1.8vw,.95rem)}.top-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.top-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.dark-toggle-btn{border:1px solid rgba(148,163,184,.34);background:linear-gradient(180deg,#1e293bf5,#0f172af5);color:#f59e0b;border-radius:999px;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 4px 14px #0f172a1a,inset 0 1px #94a3b829}.dark-toggle-btn.active{border-color:#94a3b873;background:linear-gradient(180deg,#fffffffa,#f1f5f9f2);color:#f59e0b;box-shadow:0 4px 14px #0f172a1a,inset 0 1px #ffffff73}.dark-toggle-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}html.dark-mode .dark-toggle-btn{border-color:#94a3b861;background:linear-gradient(180deg,#1e293bf5,#0f172af5);color:#fbbf24;box-shadow:0 6px 14px #02061773,inset 0 1px #94a3b82e}html.dark-mode .dark-toggle-btn.active{border-color:#94a3b873;background:linear-gradient(180deg,#fffffffa,#f1f5f9f2);color:#f59e0b}.notification-btn{position:relative;border:1px solid rgba(148,163,184,.34);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);color:#0f172a;border-radius:999px;padding:.22rem .58rem;cursor:pointer;box-shadow:0 4px 14px #0f172a1a,inset 0 1px #ffffffeb}.notification-btn.has-unread{border-color:#e11d4873;background:linear-gradient(180deg,#fff1f2,#ffe4e6)}html.dark-mode .notification-btn{border-color:#94a3b873;background:linear-gradient(180deg,#1e293bf2,#0f172af2);box-shadow:0 6px 14px #02061773,inset 0 1px #94a3b82e}html.dark-mode .notification-btn.has-unread{border-color:#fb7185a6;background:linear-gradient(180deg,#4c0519eb,#3f0a19e6)}html.samsung-browser:not(.dark-mode) .dark-toggle-btn.active,html.samsung-browser:not(.dark-mode) .notification-btn,html.samsung-browser:not(.dark-mode) .lang-select,html.samsung-browser:not(.dark-mode) .login-mini{border-color:#cbd5e1d1;box-shadow:0 4px 14px #0f172a0f,inset 0 1px #fffffff5}html.samsung-browser:not(.dark-mode) .dark-toggle-btn.active,html.samsung-browser:not(.dark-mode) .notification-btn,html.samsung-browser:not(.dark-mode) .lang-select{background:linear-gradient(180deg,#fff,#f8fbff);color:#0f172a}html.samsung-browser:not(.dark-mode) .eyebrow,html.samsung-browser:not(.dark-mode) .description a{color:#1b2a57}html.samsung-browser:not(.dark-mode) .notification-btn.has-unread{border-color:#fb718557;background:linear-gradient(180deg,#fff5f7,#ffe8ee)}html.samsung-browser:not(.dark-mode) .login-mini.login,html.samsung-browser:not(.dark-mode) .login-mini.logout{background:linear-gradient(180deg,#f8fbff,#e9f1ff);border-color:#3b82f642;color:#1d4ed8}html.samsung-browser:not(.dark-mode) .login-mini.profile{background:linear-gradient(180deg,#f3fbf7,#def7ea);border-color:#10b98142}html.samsung-browser:not(.dark-mode) .auth-card{background:#fffffff5;border-color:#dbe4eeeb;box-shadow:0 14px 28px #0f172a14}.top-controls.is-samsung-browser .dark-toggle-btn{display:none}.notification-icon{display:inline-block;line-height:1;font-size:.95rem}.notification-count{position:absolute;top:-.3rem;right:-.3rem;min-width:1rem;height:1rem;border-radius:999px;border:1px solid rgba(255,255,255,.85);background:#e11d48;color:#fff;font-size:.62rem;font-weight:800;line-height:.95rem;text-align:center;padding:0 .18rem}.lang-select-wrap{position:relative;display:inline-flex;align-items:center}.lang-select-wrap:before{content:"";position:absolute;left:.55rem;width:.62rem;height:.62rem;border-radius:999px;border:1.8px solid rgba(51,65,85,.68);box-shadow:inset 0 0 0 1px #ffffffb3,0 0 0 2px #94a3b826;pointer-events:none}.lang-select-wrap:after{content:"";position:absolute;right:.62rem;width:.38rem;height:.38rem;border-right:1.7px solid rgba(51,65,85,.72);border-bottom:1.7px solid rgba(51,65,85,.72);transform:rotate(45deg) translateY(-1px);pointer-events:none}.lang-select{appearance:none;border:1px solid rgba(148,163,184,.45);background:linear-gradient(180deg,#fffffffa,#f8fafcf5);color:#1e293b;border-radius:999px;padding:.26rem 1.55rem .26rem 1.45rem;font-size:.76rem;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 12px #0f172a17,inset 0 1px #fffffff0}.lang-select:hover{border-color:#3b82f680}.lang-select:focus{outline:2px solid rgba(59,130,246,.26);outline-offset:1px}.login-mini{border:1px solid rgba(148,163,184,.34);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);color:#0f172a;border-radius:999px;padding:.24rem .76rem;font-size:.76rem;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 14px #0f172a1a,inset 0 1px #ffffffeb;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.login-mini:hover{transform:translateY(-1px)}.login-mini.login{color:#1d4ed8;border-color:#2563eb57;background:linear-gradient(180deg,#eff6ff,#dbeafe)}.login-mini.login:hover{box-shadow:0 8px 18px #2563eb33}.login-mini.logout{color:#1d4ed8;border-color:#2563eb57;background:linear-gradient(180deg,#eff6ff,#dbeafe)}.login-mini.logout:hover{box-shadow:0 8px 18px #2563eb33}.login-mini.profile{color:#065f46;border-color:#05966957;background:linear-gradient(180deg,#ecfdf5,#d1fae5)}.login-mini.profile:hover{box-shadow:0 8px 18px #05966933}.auth-card{border-radius:18px;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;box-shadow:0 14px 32px #0f172a24;border:1px solid rgba(203,213,225,.5)}.auth-card.signin{border-color:#3b82f659;box-shadow:0 14px 32px #2563eb29}.auth-card.signup{border-color:#e11d4866;box-shadow:0 14px 32px #be185d2e}.auth-card-enter,.tab-pane-enter{animation:auth-card-enter .22s ease-out both}.auth-card-exit{animation:auth-card-exit .22s ease-in both}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auth-card-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.985)}}.auth-card h2{margin:0;color:var(--text-main)}.auth-mode-content{animation:auth-mode-swap .18s ease-out}@keyframes auth-mode-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-mode-hint{margin:.25rem 0 .15rem;color:var(--text-dim);font-size:.88rem}.auth-google{margin-top:.45rem;width:100%;border-radius:10px;border:1px solid rgba(148,163,184,.5);background:linear-gradient(180deg,#fff,#f8fafc);color:#0f172a;padding:.55rem .7rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:800;cursor:pointer;box-shadow:0 6px 14px #0f172a14;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease}.auth-google:hover{transform:translateY(-1px);border-color:#3b82f673;box-shadow:0 10px 20px #2563eb2e}.auth-google-mark{width:1.2rem;height:1.2rem;border-radius:999px;border:1px solid rgba(148,163,184,.55);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;color:#ef4444;background:#fff}.auth-divider{margin:.55rem 0 .05rem;text-align:center;font-size:.76rem;color:var(--text-dim)}.auth-form{margin-top:.8rem;display:grid;gap:.45rem}.auth-form label{font-size:.9rem;color:var(--text-main);font-weight:600}.auth-form input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;background:var(--surface);color:var(--text-main)}.auth-form input::placeholder{color:var(--text-dim)}.auth-form input:focus{outline:2px solid rgba(37,99,235,.24);border-color:#2563eb80}.auth-submit,.auth-switch{border-radius:10px;border:1px solid transparent;padding:.55rem .8rem;font-weight:700;cursor:pointer}.auth-submit{margin-top:.35rem;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.auth-submit.signup{background:linear-gradient(180deg,#fff1f2,#ffe4e6);color:#9f1239;border:1px solid rgba(255,228,230,.95)}.auth-switch{margin-top:.65rem;background:linear-gradient(180deg,#fff7ed,#ffedd5);color:#9a3412;border-color:#f9731661;width:100%;text-align:center}.auth-notice{margin:.65rem 0 0;color:#166534;font-size:.9rem}.mypage-card{position:relative;overflow:hidden;border-radius:20px;padding:1.1rem;border:1px solid rgba(56,189,248,.26);background:radial-gradient(130% 120% at 100% 0%,#22d3ee38,#22d3ee00 55%),linear-gradient(165deg,#fffffff5,#f8fafceb);box-shadow:0 18px 34px #0f172a24,inset 0 1px #ffffffeb}.mypage-card h2,.mypage-card h3{margin:0;color:#0f172a}.mypage-card h2{font-size:1.08rem;letter-spacing:.02em}.mypage-meta{margin:.55rem 0 0;color:var(--text-main);font-size:.88rem;padding:.46rem .58rem;border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,var(--surface-2) 12%);border:1px solid var(--border);word-break:break-word}.mypage-form{margin-top:.95rem;padding:.78rem;border-radius:14px;border:1px solid rgba(16,185,129,.24);background:#f0fdfaa6;display:grid;gap:.45rem}.mypage-form label,.mypage-danger label{font-size:.9rem;color:var(--text-main);font-weight:600}.mypage-form input,.mypage-danger input{width:100%;border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;background:var(--surface);color:var(--text-main)}.mypage-form input::placeholder,.mypage-danger input::placeholder{color:var(--text-dim)}.mypage-form input:focus,.mypage-danger input:focus{outline:2px solid rgba(16,185,129,.2);border-color:#10b98180}.mypage-action{margin-top:.4rem;border-radius:10px;border:1px solid rgba(5,150,105,.4);background:linear-gradient(180deg,#10b981,#059669);color:#fff;padding:.58rem .82rem;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #05966933}.mypage-danger{margin-top:.95rem;padding:.8rem;border-radius:14px;border:1px solid rgba(239,68,68,.25);background:#fef2f2d1;display:grid;gap:.45rem}.mypage-danger p{margin:0;color:#7f1d1d;font-size:.86rem}.mypage-danger-btn{border-radius:10px;border:1px solid rgba(220,38,38,.5);background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;padding:.58rem .82rem;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #dc26263d}.mypage-action:disabled,.mypage-danger-btn:disabled{opacity:.6;cursor:not-allowed}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;color:#b91c1c;font-weight:700}.eyebrow-home{border:0;padding:0;background:transparent;cursor:pointer}h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;color:#0f172a}.description{margin:0;color:#334155}html.dark-mode .description{color:#e2e8f0}.share-rail{position:relative}.share-box{border:1px solid color-mix(in srgb,var(--border) 85%,var(--primary) 15%);border-radius:14px;background:radial-gradient(120% 130% at 100% 0%,color-mix(in srgb,var(--primary) 16%,transparent) 0%,transparent 58%),linear-gradient(165deg,var(--surface),color-mix(in srgb,var(--surface) 78%,var(--surface-2) 22%));padding:.72rem;display:grid;gap:.5rem;box-shadow:var(--elev-1)}.share-head h3{margin:0;font-size:.88rem;letter-spacing:.02em;color:var(--text-main)}.share-head p{margin:.14rem 0 0;font-size:.76rem;color:var(--text-dim)}.share-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:.34rem}.share-actions-sns{grid-template-columns:repeat(3,minmax(0,1fr))}.share-actions-meta{grid-template-columns:repeat(2,minmax(68px,1fr))}.share-link-btn{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 76%,var(--surface-2) 24%);color:var(--text-main);padding:.36rem .52rem;font-size:.72rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.share-link-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary-pressed) 70%,var(--border) 30%);background:color-mix(in srgb,var(--primary-container) 30%,var(--surface) 70%)}.share-link-btn-meta{font-size:.8rem;line-height:1}.share-icon-btn{width:100%;min-height:2.05rem;display:inline-flex;align-items:center;justify-content:center;padding:.34rem}.share-icon{width:1.18rem;height:1.18rem;display:block}html.dark-mode .share-icon-btn.mono .share-icon{filter:invert(1) brightness(1.2)}.share-url{margin:0;font-size:.72rem;color:var(--text-dim);word-break:break-all}.share-notice{margin:0;font-size:.74rem;color:var(--success)}@media(min-width:1080px){.share-rail{position:fixed;left:max(.62rem,calc((100vw - 1040px)/2 - 5.25rem));top:5.4rem;z-index:25;width:4.8rem}.share-box{padding:.56rem .42rem;gap:.34rem}.share-head p,.share-url{display:none}.share-head h3{text-align:center;font-size:.7rem;letter-spacing:.08em}.share-actions-meta{grid-template-columns:repeat(2,1fr)}.share-actions{grid-template-columns:1fr}.share-link-btn{padding:.3rem}}@media(max-width:760px){.share-box{padding:.56rem;gap:.34rem}.share-head h3{font-size:.8rem}.share-head p,.share-url{display:none}.share-actions-meta{grid-template-columns:repeat(2,1fr);gap:.28rem}.share-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem}.share-actions-sns{grid-template-columns:repeat(5,minmax(0,1fr))}.share-icon-btn{min-height:1.72rem;padding:.22rem}.share-icon{width:1rem;height:1rem}}.notification-panel{border-radius:14px;border:1px solid rgba(148,163,184,.3);background:#ffffffe6;padding:.72rem .8rem;box-shadow:0 10px 24px #0f172a1a}.notification-panel h3{margin:0 0 .35rem;color:#0f172a;font-size:.92rem}.notification-empty{margin:.2rem 0 0;color:#64748b;font-size:.82rem}.notification-list{margin:0;padding:0;list-style:none;display:grid;gap:.34rem}.notification-item{display:block}.notification-item.deleting .notification-item-btn{pointer-events:none;animation:notification-item-delete .19s ease both}.notification-item-btn{width:100%;border:1px solid rgba(148,163,184,.3);border-radius:10px;padding:.48rem .58rem;background:#f8fafcf2;color:#1e293b;font-size:.8rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.45rem}.notification-item-message{flex:1;min-width:0}.notification-item.history .notification-item-btn{background:#fffffff2}@keyframes notification-item-delete{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.notification-inline-delete{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;min-width:1.2rem;height:1.2rem;border-radius:999px;color:#b91c1c;font-size:.78rem;font-weight:800;line-height:1;background:#fef2f2e0}.mypage-notifications{margin-top:.95rem;padding:.78rem;border-radius:14px;border:1px solid rgba(59,130,246,.22);background:#eff6ff99;display:grid;gap:.45rem}.mypage-notifications h3{margin:0;color:#0f172a;font-size:.94rem}.mypage-assets{margin-top:.85rem;padding:.72rem;border-radius:14px;border:1px solid rgba(148,163,184,.28);background:#f8fafcb3;display:grid;gap:.45rem}.mypage-assets h3{margin:0;color:#0f172a;font-size:.92rem}.mypage-upload-list,.mypage-topic-list{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.mypage-upload-item{display:grid;grid-template-columns:44px 1fr;gap:.5rem;align-items:center;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#ffffffeb;padding:.38rem}.mypage-upload-item img{width:44px;height:44px;border-radius:8px;object-fit:cover;display:block}.mypage-upload-item strong{display:block;color:#0f172a;font-size:.82rem;line-height:1.2}.mypage-upload-item p{margin:.1rem 0 0;color:#64748b;font-size:.74rem}.mypage-upload-line{display:block;color:#0f172a;font-size:.8rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.mypage-upload-link{width:100%;border:0;background:transparent;padding:0;display:grid;grid-template-columns:44px 1fr;gap:.5rem;align-items:center;text-align:left;color:inherit;cursor:pointer}.mypage-upload-link img{width:44px;height:44px;border-radius:8px;object-fit:cover;display:block}.mypage-topic-list li{border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#ffffffeb}.mypage-topic-link{width:100%;border:0;background:transparent;padding:.38rem .5rem;text-align:left;color:#1e293b;font-size:.82rem;cursor:pointer}.mypage-upload-link:hover strong,.mypage-topic-link:hover{text-decoration:underline;text-underline-offset:2px}.mypage-notifications-head{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.notification-clear-all-btn{border:1px solid rgba(239,68,68,.3);border-radius:999px;background:#fef2f2f2;color:#b91c1c;font-size:.72rem;font-weight:700;padding:.24rem .56rem;cursor:pointer}.notification-list.history{max-height:170px;overflow-y:auto;padding-right:.12rem}.notification-toggle-btn{border:1px solid rgba(148,163,184,.32);border-radius:999px;background:#ffffffe6;color:#334155;font-size:.75rem;font-weight:700;padding:.28rem .62rem;cursor:pointer}html.dark-mode .notification-clear-all-btn{border-color:#f8717166;background:#450a0ab3;color:#fecaca}html.dark-mode .notification-inline-delete{background:#7f1d1dbf;color:#fecaca}html.dark-mode .mypage-assets{border-color:#94a3b84d;background:#0f172a73}html.dark-mode .mypage-assets h3{color:#e2e8f0}html.dark-mode .mypage-upload-item,html.dark-mode .mypage-topic-list li{border-color:#94a3b84d;background:#1e293bad}html.dark-mode .mypage-upload-item strong,html.dark-mode .mypage-topic-list li{color:#e2e8f0}html.dark-mode .mypage-upload-item p{color:#94a3b8}html.dark-mode .notification-toggle-btn{border-color:#94a3b859;background:#0f172aa6;color:#e2e8f0}.sync-status{margin:0;width:fit-content;border-radius:999px;padding:.2rem .65rem;background:#dcfce7;color:#166534;font-size:.8rem;font-weight:700}.sync-status.error{background:#fee2e2;color:#991b1b}.status-slot{min-height:2.5rem}.home-cta-panel{position:relative;display:grid;gap:1rem;margin-bottom:1.15rem;padding:1rem;border-radius:22px;background:radial-gradient(120% 140% at 0% 0%,#fbbf242e,#fbbf2400 46%),radial-gradient(120% 140% at 100% 0%,#f973162e,#f9731600 42%),linear-gradient(145deg,#fffbebf5,#ffffffe6);border:1px solid rgba(245,158,11,.22);box-shadow:0 18px 38px #0f172a1f,inset 0 1px #ffffffd1}.home-explore-bridge{margin-top:-.35rem}.home-explore-bridge{margin-top:-3.8rem;padding-top:3.7rem}.home-cta-copy{display:grid;gap:.42rem}.home-cta-copy h2,.home-cta-copy p{margin:0}.home-cta-copy h2{font-size:clamp(1.3rem,4.5vw,2rem);line-height:1.08;color:#111827}.home-cta-copy>p:last-child{color:#57534e;max-width:58ch}.home-cta-badge{margin:0;font-size:.73rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.home-cta-badge{color:#c2410c}.home-cta-grid{display:grid;gap:.9rem}.home-cta-card{display:grid;gap:.8rem;padding:1.2rem;border-radius:18px;border:1px solid rgba(148,163,184,.24);box-shadow:0 12px 24px #0f172a14;align-content:space-between;transform:translateY(0) scale(1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;position:relative}.home-cta-card.primary{background:linear-gradient(145deg,#ffedd5f5,#fffbebf5)}.home-cta-card.secondary{background:linear-gradient(145deg,#fffffff0,#f8fafcf0)}.home-cta-card h3,.home-cta-card p{margin:0}.home-cta-card h3{font-size:1.18rem;line-height:1.1;color:#111827}.home-cta-card p:last-of-type{color:#475569;line-height:1.5}.home-cta-link{position:absolute;left:1rem;right:1rem;bottom:-.62rem;height:2px;border-radius:999px;background:linear-gradient(90deg,#ea580c00,#ea580c99,#ea580c00);opacity:0;transform:scaleX(.72);transition:opacity .18s ease,transform .18s ease}.home-cta-card.hovered,.home-cta-card:hover,.home-cta-card:focus-within{transform:translateY(-5px) scale(1.01);border-color:#ea580c47;box-shadow:0 20px 36px #0f172a1f,0 0 0 1px #ffffff57 inset}.home-cta-card.hovered .home-cta-link,.home-cta-card:hover .home-cta-link,.home-cta-card:focus-within .home-cta-link{opacity:1;transform:scaleX(1)}.home-cta-button{width:fit-content;min-width:10.5rem;border:0;border-radius:999px;padding:.82rem 1.1rem;font-size:.94rem;font-weight:800;color:#fff7ed;background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 14px 28px #ea580c3d;cursor:pointer}.home-cta-button.secondary{color:#111827;background:linear-gradient(135deg,#e2e8f0,#f8fafc);box-shadow:0 10px 20px #94a3b838}.home-cta-button:hover{transform:translateY(-1px)}.home-cta-button:focus-visible{outline:2px solid rgba(234,88,12,.34);outline-offset:2px}.home-preview-stage{display:none}@media(min-width:720px){.home-cta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-cta-card{min-height:clamp(160px,17vw,185px);padding:1rem 1.05rem}.home-preview-stage{display:grid;overflow:hidden;border-radius:22px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(145deg,#ffffffdb,#fff9eff0);box-shadow:0 18px 36px #0f172a1a,inset 0 1px #ffffffe6;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.home-preview-stage.self{border-color:#ea580c3d;box-shadow:0 20px 38px #ea580c1f,inset 0 1px #ffffffe6}.home-preview-stage.community{border-color:#3b82f638;box-shadow:0 20px 38px #2563eb1f,inset 0 1px #ffffffe6}.home-preview-frame{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;align-items:start}.home-preview-visual{position:relative;display:flex;justify-content:center;aspect-ratio:auto;min-height:0;overflow:hidden;background:linear-gradient(180deg,#ffedd5b3,#fbbf241f)}.home-preview-stage.community .home-preview-visual{background:linear-gradient(180deg,#e2e8f0c2,#bfdbfe3d)}.home-preview-visual>img{position:relative;z-index:0;width:100%;height:auto;max-height:clamp(280px,34vw,480px);object-fit:contain;object-position:center top;animation:home-preview-fade .22s ease}.home-preview-image-fallback{position:absolute;inset:0;width:100%;height:100%;animation:home-preview-fade .22s ease}.home-preview-image-fallback.self{background:radial-gradient(circle at 30% 20%,rgba(251,191,36,.45),transparent 32%),linear-gradient(145deg,#fed7aa,#fff7ed 56%,#fdba74)}.home-preview-image-fallback.community{background:radial-gradient(circle at 70% 24%,rgba(59,130,246,.3),transparent 26%),linear-gradient(145deg,#dbeafe,#f8fafc 52%,#cbd5e1)}.home-preview-visual:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(180deg,#0f172a00,#0f172ad1)}.home-preview-rank-badge{top:.75rem;right:.75rem}.home-preview-photo-meta{z-index:2;padding:.9rem .95rem .95rem;background:linear-gradient(180deg,#02061700,#020617d6 90%)}.home-preview-photo-meta p{font-size:.76rem}.home-preview-photo-meta h2{margin-top:.14rem;font-size:clamp(1.1rem,3.8vw,1.45rem)}.home-preview-stars{display:flex;gap:.2rem}.home-preview-stars{justify-content:center}.home-preview-stars.inline{justify-content:flex-start;margin-top:.15rem;padding:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.home-preview-stars.dynamic .score-star-figure{transform:scale(.9);transform-origin:center}.home-preview-stars.dynamic .score-star-icon-image.empty{opacity:.42}.home-preview-copy{display:grid;align-content:space-between;gap:.7rem;padding:clamp(1rem,2vw,1.5rem);animation:home-preview-slide .22s ease}.home-preview-copy h3,.home-preview-copy p{margin:0}.home-preview-eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c2410c}.home-preview-copy h3{font-size:clamp(1.02rem,1.55vw,1.12rem);line-height:1.22;letter-spacing:-.01em;color:#111827}.home-preview-inline-score{display:inline-flex;align-items:center;margin-left:.36rem;padding:.16rem .48rem;border-radius:999px;font-size:.76em;font-weight:800;letter-spacing:.01em;color:#fff7ed;background:linear-gradient(145deg,#c2410c,#ea580c);vertical-align:middle;box-shadow:0 8px 16px #c2410c38}.home-preview-copy>p{color:#475569;line-height:1.55}.home-preview-main-quote,.home-preview-main-meta{margin:0}.home-preview-main-quote{font-size:clamp(.96rem,1.22vw,1.01rem);line-height:1.5;color:#1f2937}.home-preview-main-meta{font-size:.8rem;font-weight:600;color:#92400e}.home-preview-comment-card{display:grid;gap:.55rem;padding:.82rem .88rem;border-radius:18px;border:1px solid rgba(226,232,240,.95);background:linear-gradient(180deg,#f8fafcfa,#fffffff5);box-shadow:inset 0 1px #ffffffeb,0 10px 20px #0f172a0f}.home-preview-comment-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.home-preview-comment-author{font-size:.94rem;font-weight:800;color:#0f172a}.home-preview-comment-meta{font-size:.76rem;font-weight:600;color:#64748b}.home-preview-score-stack{margin-top:.05rem}.home-preview-score-stack .score-number{margin-top:.35rem;margin-bottom:0}.home-preview-score-stack .score-sub{margin-top:.3rem}.home-preview-score-stack .score-label{font-size:.72rem;letter-spacing:.12em}.home-preview-comment-actions{margin-top:0}.home-preview-comment-actions .comment-action-btn.active{border-color:#ea580c57;background:#ffedd5eb;color:#9a3412}.home-preview-reply-form{margin-top:0;padding-top:.55rem}.home-preview-reply-form textarea{min-height:60px;resize:none;background:#ffffffeb}.home-preview-reply-item{margin-top:.1rem}.home-preview-note{padding-top:.2rem;font-weight:700;color:#7c2d12}.home-preview-bottom{padding:1rem clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.35rem);border-top:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#ffffff6b,#ffffffc7)}.home-preview-detail-card{display:grid;gap:.45rem;padding:.95rem 1rem;border-radius:18px;background:linear-gradient(145deg,#fff7edf5,#ffffffe6);border:1px solid rgba(251,146,60,.18);box-shadow:inset 0 1px #ffffffe6,0 10px 24px #0f172a14}.home-preview-detail-card.community{background:linear-gradient(145deg,#f1f5f9f5,#ffffffe6);border-color:#94a3b83d}.home-preview-detail-label,.home-preview-detail-title,.home-preview-detail-quote,.home-preview-detail-meta{margin:0}.home-preview-detail-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9a3412}.home-preview-detail-title{font-size:1rem;font-weight:800;line-height:1.3;color:#111827}.home-preview-detail-quote{font-size:.97rem;line-height:1.55;color:#1f2937}.home-preview-detail-meta{font-size:.84rem;font-weight:700;color:#78716c}}@media(min-width:980px){.home-cta-panel{min-height:0;align-content:start}.home-cta-grid{align-content:start}.home-preview-frame{grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);align-items:start;min-height:0}}@media(min-width:1280px){.home-cta-panel{min-height:0}.home-preview-frame{grid-template-columns:minmax(380px,1.15fr) minmax(320px,.85fr);min-height:0}.home-cta-card{min-height:155px}.home-preview-bottom{padding-top:1.15rem;padding-bottom:1.5rem}}@keyframes home-preview-fade{0%{opacity:.45;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes home-preview-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;aspect-ratio:1 / 1;min-height:clamp(320px,52vw,430px);border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0f172a2e}.hero img{width:100%;height:100%;object-fit:cover}.hero.explore-entry{animation:explore-entry-hero .5s cubic-bezier(.2,.85,.2,1) both}.hero.hero-loading{border-style:dashed;border-color:#94a3b866}.hero-rank-badge{position:absolute;top:.85rem;right:.85rem;z-index:3;border-radius:999px;padding:.34rem .62rem;font-size:.76rem;font-weight:800;letter-spacing:.02em;color:#fef3c7;border:1px solid rgba(251,191,36,.4);background:#0f172a94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 16px #0f172a40,inset 0 0 0 1px #ffffff14}.hero-popular-comment{position:absolute;right:.85rem;bottom:.95rem;z-index:4;width:min(56%,240px);border-radius:13px;padding:.56rem .62rem;background:#0f172ad1;border:1px solid rgba(148,163,184,.3);box-shadow:0 10px 22px #0206175c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-popular-nickname{margin:0;font-size:.74rem;font-weight:800;color:#f8fafc}.hero-popular-content{margin:.2rem 0 0;font-size:.74rem;color:#e2e8f0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-popular-like{margin:.28rem 0 0;font-size:.7rem;font-weight:700;color:#fbbf24}.hero-overlay{position:absolute;inset:auto 0 0;padding:1rem;color:#fff;background:linear-gradient(180deg,transparent 0%,rgba(2,6,23,.85) 90%)}.hero-overlay p,.hero-overlay h2{margin:0}.hero-overlay h2{margin-top:.2rem;font-size:clamp(1.35rem,4.4vw,1.9rem)}.score-box{position:relative;border-radius:16px;background:radial-gradient(130% 100% at 100% 0%,#facc1538,#facc1500 55%),linear-gradient(135deg,#fffffff5,#ffffffe0);border:1px solid rgba(245,158,11,.2);padding:1rem;box-shadow:0 16px 32px #0f172a24,inset 0 1px #ffffffe6}.score-box.explore-entry,.summary.explore-entry{animation:explore-entry-panel .52s cubic-bezier(.2,.85,.2,1) both}.summary.explore-entry{animation-delay:50ms}.hero.rating-switch-wipe,.score-box.rating-switch-wipe,.summary.rating-switch-wipe{animation:rating-switch-wipe .22s cubic-bezier(.22,.8,.28,1) both}@keyframes rating-switch-wipe{0%{transform:translate(10px);filter:brightness(.985)}to{transform:translate(0);filter:brightness(1)}}.rating-wipe-layer{position:fixed;inset:0;pointer-events:none;z-index:85;background:linear-gradient(90deg,#fff0,#ffffff6b 42%,#fff3d694,#ffffff6b 58%,#fff0);animation:rating-wipe-layer .24s ease-out both}@keyframes rating-wipe-layer{0%{transform:translate(-100%);opacity:0}30%{opacity:1}to{transform:translate(100%);opacity:0}}html.dark-mode .rating-wipe-layer{background:linear-gradient(90deg,#0f172a00,#94a3b833 42%,#fbbf243d,#94a3b833 58%,#0f172a00)}.summary{border-radius:16px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;box-shadow:0 12px 28px #0f172a1f}.score-label{margin:0;color:#78716c;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.score-number{margin:.2rem 0 0;display:flex;gap:.24rem;align-items:center;width:fit-content;padding:.18rem .24rem .14rem;border-radius:14px;background:linear-gradient(180deg,#ffffffc2,#ffffff73);border:1px solid rgba(251,191,36,.26);box-shadow:inset 0 1px #ffffffeb,0 10px 22px #0f172a1f}.score-number.score-updated{animation:score-pop .52s cubic-bezier(.2,.85,.2,1)}.score-sub.score-updated{animation:score-count-glow .62s ease}@keyframes score-pop{0%{transform:scale(.96);box-shadow:inset 0 1px #ffffffeb,0 10px 22px #0f172a1f}45%{transform:scale(1.05);box-shadow:inset 0 1px #fffffff2,0 0 0 2px #fbbf2447,0 16px 30px #b4530942}to{transform:scale(1)}}@keyframes explore-entry-hero{0%{opacity:0;transform:translateY(14px) scale(.985);filter:saturate(.78)}60%{opacity:1;transform:translateY(-2px) scale(1.005);filter:saturate(1.05)}to{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}}@keyframes explore-entry-panel{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes score-count-glow{0%{color:#475569}40%{color:#b45309;text-shadow:0 0 12px rgba(251,191,36,.45)}to{color:#475569}}.score-star-icon{width:clamp(2.15rem,5.9vw,2.82rem);height:clamp(2.15rem,5.9vw,2.82rem);display:block}.score-star-figure{position:relative;width:clamp(1.55rem,4.4vw,2rem);height:clamp(1.55rem,4.4vw,2rem);display:inline-flex;align-items:center;justify-content:center}.score-star-icon-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.score-star-icon-image.filled{opacity:1;filter:saturate(1.06) contrast(1.03) drop-shadow(0 1px 0 rgba(255,255,255,.36)) drop-shadow(0 4px 8px rgba(180,83,9,.26))}.score-star-icon-image.empty{opacity:.32;filter:grayscale(1) saturate(0) brightness(1.1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.score-sub,.hint{margin:.35rem 0 0;color:#475569}.stars{margin-top:.85rem;display:flex;gap:.22rem;width:fit-content;padding:.2rem .26rem .16rem;border-radius:14px;background:linear-gradient(180deg,#ffffffc2,#ffffff73);border:1px solid rgba(251,191,36,.26);box-shadow:inset 0 1px #ffffffeb,0 10px 22px #0f172a1f}.stars.rating-action .star{animation:star-rate-pop .25s cubic-bezier(.2,.9,.2,1)}.stars.switching{pointer-events:none}.stars.rating-action .star:nth-child(2){animation-delay:18ms}.stars.rating-action .star:nth-child(3){animation-delay:36ms}.stars.rating-action .star:nth-child(4){animation-delay:54ms}.stars.rating-action .star:nth-child(5){animation-delay:72ms}@keyframes star-rate-pop{0%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(245,158,11,0))}50%{transform:translateY(-2px) scale(1.07);filter:drop-shadow(0 4px 10px rgba(245,158,11,.35))}to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(245,158,11,0))}}.star{width:clamp(1.55rem,4.4vw,2rem);height:clamp(1.55rem,4.4vw,2rem);border:0;border-radius:8px;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}.star:hover{transform:translateY(-2px) scale(1.06);filter:saturate(1.05)}.star:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.star.filled{filter:saturate(1.08) contrast(1.02)}.star:focus-visible{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.rate-star-figure{position:relative;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}.rate-star-icon-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.rate-star-icon-image.empty{opacity:.36;filter:grayscale(1) saturate(0) brightness(1.12)}.star.filled .rate-star-icon-image.empty{opacity:.12}.rate-star-icon-image.filled{opacity:0;filter:saturate(1.06) contrast(1.03) drop-shadow(0 1px 0 rgba(255,255,255,.34)) drop-shadow(0 4px 8px rgba(180,83,9,.24));transition:opacity .12s ease}.star.filled .rate-star-icon-image.filled{opacity:1}.summary h3{margin:0 0 .45rem;color:#0f172a}.summary p{margin:.2rem 0;color:#334155}.comment-form{margin-top:.55rem;display:grid;gap:.45rem}.comment-form textarea{width:100%;min-height:84px;border:1px solid rgba(148,163,184,.5);border-radius:12px;padding:.65rem .75rem;font:inherit;color:#0f172a;background:#ffffffe6;resize:vertical}.comment-form textarea:focus{outline:2px solid rgba(59,130,246,.24);border-color:#3b82f67a}.comment-form-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.comment-counter{margin:0;color:#64748b;font-size:.8rem;font-weight:700}.comment-submit{border-radius:10px;border:1px solid rgba(30,64,175,.4);background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;padding:.45rem .85rem;font-weight:700;cursor:pointer}.comment-submit:disabled{opacity:.55;cursor:not-allowed}.comment-empty{margin-top:.5rem;color:#64748b}.comment-list{margin:.6rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem}.comment-item{border-radius:12px;padding:.58rem .68rem;border:1px solid rgba(148,163,184,.35);background:#ffffffd1}.comment-item.entered,.comment-reply-item.entered{animation:comment-item-enter .38s cubic-bezier(.2,.9,.2,1) both}.comment-item.deleting,.comment-reply-item.deleting{pointer-events:none;animation:comment-item-delete .17s ease both}.comment-item.liked-pulse,.comment-reply-item.liked-pulse{animation:comment-liked-pulse .3s ease-out}.comment-item-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.comment-author-wrap{display:flex;align-items:center;gap:.35rem}.comment-author{color:#0f172a;font-size:.86rem}.comment-popular{border-radius:999px;padding:.06rem .42rem;background:#fef3c7;color:#92400e;font-size:.7rem;font-weight:800}.comment-delete{border:1px solid rgba(220,38,38,.35);background:#fef2f2e6;color:#991b1b;border-radius:999px;padding:.12rem .46rem;font-size:.74rem;font-weight:700;cursor:pointer}.comment-actions{margin-top:.42rem;display:flex;align-items:center;gap:.34rem}.comment-action-btn{border:1px solid rgba(148,163,184,.35);background:#f1f5f9c7;color:#1e293b;border-radius:999px;padding:.12rem .5rem;font-size:.74rem;font-weight:700;cursor:pointer}.comment-item p{margin:.3rem 0 0;color:#1e293b;white-space:pre-wrap;word-break:break-word}.comment-item time{color:#64748b;font-size:.76rem}.comment-reply-form{margin-top:.5rem;padding-top:.45rem;border-top:1px dashed rgba(148,163,184,.5);display:grid;gap:.42rem}.comment-reply-form textarea{width:100%;min-height:68px;border:1px solid rgba(148,163,184,.45);border-radius:10px;padding:.5rem .58rem;font:inherit;color:#0f172a;background:#ffffffeb;resize:vertical}.comment-reply-actions{display:flex;justify-content:flex-end;gap:.35rem}.comment-replies{margin:.55rem 0 0;padding:0;list-style:none;display:grid;gap:.38rem}.comment-reply-item{border-radius:10px;border:1px solid rgba(186,230,253,.85);background:#eff6ffbf;padding:.46rem .56rem}@keyframes comment-item-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes comment-item-delete{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes comment-liked-pulse{0%{box-shadow:0 0 #3b82f600}45%{box-shadow:0 0 0 4px #3b82f638}to{box-shadow:0 0 #3b82f600}}.sync-error{margin-top:.5rem;color:#b91c1c;font-size:.9rem}.explore-view{position:relative;padding-bottom:5.8rem}.ranking-view{display:grid;gap:1rem;padding-bottom:5.8rem}.ranking-hero,.ranking-board,.ranking-section{border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,white 8%),var(--surface));box-shadow:0 16px 34px #0f172a1a}.ranking-hero{padding:1.1rem;background:radial-gradient(120% 140% at 0% 0%,#fdda3542,#fdda3500 44%),radial-gradient(120% 140% at 100% 0%,#1b2a5729,#1b2a5700 40%),linear-gradient(145deg,#fff7d1,#fff 58%)}.ranking-eyebrow{margin:0;color:#c2410c;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.ranking-hero h2,.ranking-section-head h3{margin:0;color:var(--text-main)}.ranking-hero p:last-child,.ranking-empty{margin:.35rem 0 0;color:var(--text-dim)}.ranking-section{padding:.95rem}.ranking-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.ranking-podium-card,.ranking-spotlight,.ranking-list-row,.ranking-chip{border:0;font:inherit}.ranking-podium-card,.ranking-spotlight,.ranking-list-row{cursor:pointer}.ranking-podium-card{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#fffffffa,#fff7d1c7);border:1px solid rgba(251,191,36,.24);box-shadow:0 12px 24px #0f172a17;text-align:left}.ranking-podium-card.rank-1{transform:translateY(-4px)}.ranking-podium-media{position:relative;aspect-ratio:1 / 1}.ranking-podium-media img,.ranking-spotlight img,.ranking-list-thumb{width:100%;height:100%;object-fit:cover;display:block}.ranking-podium-badge{position:absolute;top:.75rem;right:.75rem;border-radius:999px;padding:.28rem .58rem;background:#0f172ac7;color:#fff;font-size:.78rem;font-weight:800}.ranking-podium-body{display:grid;gap:.42rem;padding:.82rem}.ranking-podium-body p,.ranking-podium-body h4,.ranking-list-copy span,.ranking-list-copy strong,.ranking-spotlight p,.ranking-spotlight strong,.ranking-spotlight span{margin:0}.ranking-podium-body p,.ranking-spotlight p{color:#c2410c;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ranking-podium-body h4,.ranking-list-copy strong,.ranking-spotlight strong{color:var(--text-main)}.ranking-stars{display:flex;gap:.2rem}.ranking-metrics{display:flex;flex-wrap:wrap;gap:.4rem .6rem;color:var(--text-dim);font-size:.82rem;font-weight:700}.ranking-spotlight-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.ranking-spotlight{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.75rem;align-items:center;border-radius:16px;padding:.55rem;background:color-mix(in srgb,var(--surface-2) 46%,white 54%);border:1px solid rgba(27,42,87,.12);text-align:left}.ranking-spotlight img{aspect-ratio:1 / 1;border-radius:14px}.ranking-spotlight span,.ranking-list-copy span,.ranking-list-stats span{color:var(--text-dim);font-size:.82rem}.ranking-toolbar{display:grid;gap:.65rem;margin-bottom:.85rem}.ranking-filter-group{display:flex;gap:.45rem;flex-wrap:wrap}.ranking-chip{padding:.52rem .78rem;border-radius:999px;background:var(--secondary-container);color:var(--on-secondary-container);cursor:pointer;font-weight:700}.ranking-chip.active{background:var(--primary);color:var(--on-primary)}.ranking-list{display:grid;gap:.62rem}.ranking-list-row{display:grid;grid-template-columns:auto 64px minmax(0,1fr) auto auto;gap:.75rem;align-items:center;border-radius:16px;padding:.62rem .7rem;background:color-mix(in srgb,var(--surface) 94%,white 6%);border:1px solid rgba(148,163,184,.22);text-align:left}.ranking-list-rank{min-width:2.8rem;color:var(--text-main);font-weight:800}.ranking-list-thumb{width:64px;aspect-ratio:1 / 1;border-radius:14px}.ranking-list-copy{min-width:0;display:grid;gap:.16rem}.ranking-list-copy strong,.ranking-list-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-list-stats{display:grid;justify-items:end;gap:.12rem}.ranking-list-stats span:first-child{color:var(--text-main);font-size:1rem;font-weight:800}.ranking-open{border-radius:999px;padding:.42rem .7rem;background:var(--secondary);color:var(--on-secondary);font-size:.82rem;font-weight:800}@media(max-width:920px){.ranking-podium,.ranking-spotlight-row{grid-template-columns:1fr}.ranking-list-row{grid-template-columns:auto 56px minmax(0,1fr)}.ranking-list-stats,.ranking-open{grid-column:3;justify-items:start}.ranking-open{width:fit-content}}.explore-upload-hidden-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.explore-upload-backdrop{position:fixed;inset:0;z-index:60;background:#02061794;display:grid;place-items:center;padding:.9rem}.explore-upload-modal{width:min(760px,100%);max-height:min(86vh,780px);overflow:auto;border-radius:16px;border:1px solid rgba(148,163,184,.35);background:#fffffffa;padding:.78rem;box-shadow:0 18px 36px #02061759;display:grid;gap:.62rem}.explore-upload-modal-head h3{margin:0;color:#0f172a}.explore-upload-modal-head p{margin:.2rem 0 0;color:#475569;font-size:.84rem}.explore-upload-modal-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.explore-upload-draft-list{margin:0;padding:0;list-style:none;display:grid;gap:.44rem}.explore-upload-draft-item{border-radius:12px;border:1px solid rgba(148,163,184,.28);background:#f8fafce6;padding:.56rem;display:grid;gap:.36rem}.explore-upload-file-name{margin:0;color:#334155;font-size:.78rem;font-weight:700;word-break:break-word}.explore-upload-draft-item label{display:grid;gap:.2rem;color:#334155;font-size:.76rem;font-weight:700}.explore-upload-draft-item input{border:1px solid rgba(148,163,184,.35);border-radius:9px;padding:.5rem .62rem;font:inherit;background:#fff;color:#0f172a}.explore-upload-draft-item input::placeholder{color:#64748b;opacity:.55}html.dark-mode .explore-upload-modal{border-color:#94a3b859;background:#0f172af5}html.dark-mode .explore-upload-modal-head h3,html.dark-mode .explore-upload-file-name,html.dark-mode .explore-upload-draft-item label{color:#e2e8f0}html.dark-mode .explore-upload-modal-head p{color:#94a3b8}html.dark-mode .explore-upload-draft-item{border-color:#94a3b847;background:#1e293be6}html.dark-mode .explore-upload-draft-item input{border-color:#94a3b85c;background:#0f172aeb;color:#e2e8f0}html.dark-mode .explore-upload-draft-item input::placeholder{color:#94a3b8;opacity:.5}.explore-header{position:sticky;top:0;z-index:8;padding:.55rem .55rem .45rem;margin:0 0 .35rem;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:linear-gradient(140deg,#fff9edf2,#f1f5f9ed),#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 20px #0f172a1a,inset 0 1px #ffffffb8}.explore-toolbar{position:relative;display:flex;align-items:center;gap:.5rem;margin-bottom:.48rem}.explore-sort-menu{position:relative;flex-shrink:0}.explore-filter-menu-btn{border:1px solid rgba(148,163,184,.28);border-radius:12px;background:linear-gradient(180deg,#fffffff5,#f1f5f9f2);color:#0f172a;padding:.56rem .72rem;font-size:.76rem;font-weight:700;cursor:pointer}.explore-search-wrap{display:flex;align-items:stretch;flex:1}.explore-search-input{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.28);background:#fffffff2;padding:.62rem .8rem;color:#0f172a;font-size:.86rem;outline:none}.explore-search-input:focus{border-color:#ec7f1399;box-shadow:0 0 0 2px #ec7f1329}.explore-sort-dropdown{position:absolute;left:0;top:calc(100% + .35rem);min-width:132px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#fffffffa;box-shadow:0 10px 22px #0f172a24;padding:.28rem;display:grid;gap:.2rem;z-index:20}.explore-sort-option{border:0;border-radius:8px;padding:.44rem .5rem;background:transparent;color:#334155;font-size:.76rem;font-weight:600;text-align:left;cursor:pointer}.explore-sort-option.active{background:#ec7f1329;color:#9a3412}.explore-filters{display:flex;gap:.46rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.explore-filters::-webkit-scrollbar{display:none}.explore-filter-chip{flex-shrink:0;min-width:6.4rem;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:.42rem .85rem;background:#e2e8f0;color:#334155;font-size:.76rem;font-weight:700;white-space:nowrap;text-align:center;cursor:pointer}.explore-filter-chip.active{background:#ec7f13;color:#fff;border-color:#c2410c59;box-shadow:0 8px 18px #ec7f1347}.explore-section-head{margin:.55rem 0 .65rem;display:flex;align-items:center;justify-content:space-between}.explore-section-head h3{margin:0;color:#0f172a;font-size:1.03rem}.explore-section-head button{border:0;background:transparent;color:#ec7f13;font-size:.8rem;font-weight:700;cursor:pointer}.explore-grid{columns:2;column-gap:.58rem}.explore-grid.category-enter .explore-card{opacity:0;transform:translateY(10px) scale(.985);animation:explore-card-reveal .34s cubic-bezier(.2,.85,.2,1) forwards}.explore-grid.category-enter .explore-card:nth-child(1){animation-delay:20ms}.explore-grid.category-enter .explore-card:nth-child(2){animation-delay:60ms}.explore-grid.category-enter .explore-card:nth-child(3){animation-delay:.1s}.explore-grid.category-enter .explore-card:nth-child(4){animation-delay:.14s}.explore-grid.category-enter .explore-card:nth-child(5){animation-delay:.18s}.explore-grid.category-enter .explore-card:nth-child(6){animation-delay:.22s}.explore-grid.category-enter .explore-card:nth-child(7){animation-delay:.26s}.explore-grid.category-enter .explore-card:nth-child(8){animation-delay:.3s}.explore-grid.category-enter .explore-card:nth-child(9){animation-delay:.34s}.explore-grid.category-enter .explore-card:nth-child(10){animation-delay:.38s}.explore-grid.category-enter .explore-card:nth-child(11){animation-delay:.42s}.explore-grid.category-enter .explore-card:nth-child(12){animation-delay:.46s}@keyframes explore-card-reveal{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.explore-empty{margin:.5rem 0 0;color:#64748b;font-size:.84rem}.explore-card{break-inside:avoid;position:relative;margin-bottom:.58rem;border-radius:14px;overflow:hidden;min-height:180px;background:#2e2318;box-shadow:0 10px 22px #1e293b26;cursor:pointer}.explore-card img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .32s ease}.explore-card:hover img{transform:scale(1.045)}.explore-card-overlay{position:absolute;inset:auto 0 0;padding:.52rem .56rem;background:linear-gradient(180deg,#02061700,#020617d1 70%)}.explore-card-overlay h4{margin:.22rem 0 0;color:#fff;font-size:.82rem}.explore-card-overlay p{margin:.1rem 0 0;color:#e2e8f0e6;font-size:.68rem}.explore-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .35rem;font-size:.58rem;font-weight:800;letter-spacing:.03em;color:#fff}.explore-badge.live{background:#ec7f13f0}.explore-badge.new{background:#2563ebf0}.explore-card-add{position:absolute;right:.46rem;bottom:.46rem;z-index:2;width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#fff3;color:#fff;font-size:1.14rem;line-height:1;cursor:pointer}.upload-view{border-radius:16px;border:1px solid rgba(148,163,184,.28);background:#ffffffe6;padding:.9rem;display:grid;gap:.7rem;box-shadow:0 10px 24px #0f172a1a}.upload-head h3{margin:0;color:#0f172a}.upload-head-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.upload-head-kicker{color:#f97316;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.upload-head p{margin:.25rem 0 0;color:var(--text-dim);font-size:.84rem}.upload-close-button{border:1px solid rgba(148,163,184,.32);border-radius:999px;background:#ffffffd1;color:#0f172a;padding:.34rem .7rem;font-size:.78rem;font-weight:800;cursor:pointer}.upload-ai-warning{margin:0;border:1px solid rgba(245,158,11,.3);background:#fffbebeb;color:#9a3412;border-radius:12px;padding:.62rem .72rem;font-size:.84rem;font-weight:700;line-height:1.5}.upload-ai-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.upload-ai-dropzone{display:grid;gap:.28rem;justify-items:center;text-align:center;padding:1.1rem 1rem;border:1.5px dashed rgba(59,130,246,.34);border-radius:16px;background:radial-gradient(circle at top,#bfdbfe61,#fff0 52%),linear-gradient(145deg,#f8fafcfa,#eff6ffdb);color:#0f172a;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.upload-ai-dropzone.dragging,.upload-ai-dropzone:hover{border-color:#2563eb94;box-shadow:0 14px 30px #2563eb1f;transform:translateY(-1px)}.upload-ai-dropzone.has-file{justify-items:start;text-align:left}.upload-ai-drop-icon{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;background:#3b82f61f;color:#2563eb;font-size:1.45rem;font-weight:700}.upload-ai-dropzone strong{font-size:.98rem}.upload-ai-dropzone span:last-child{color:#64748b;font-size:.84rem;line-height:1.45}.upload-ai-preview{display:grid;gap:.7rem;grid-template-columns:104px minmax(0,1fr);align-items:center;border-radius:14px;border:1px solid rgba(148,163,184,.24);background:#f8fafceb;padding:.72rem}.upload-ai-preview img{width:104px;height:104px;object-fit:cover;border-radius:12px;border:1px solid rgba(148,163,184,.24)}.upload-ai-preview-copy{display:grid;gap:.2rem}.upload-ai-preview-copy strong,.upload-ai-preview-copy p{margin:0}.upload-ai-preview-copy strong{color:#0f172a}.upload-ai-preview-copy p{color:#475569;word-break:break-word}.upload-mode-switch{display:flex;gap:.42rem}.upload-mode-switch button{flex:1;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 76%,var(--surface-2) 24%);color:var(--text-main);padding:.45rem .55rem;font-size:.8rem;font-weight:700;cursor:pointer}.upload-mode-switch button.active{border-color:var(--primary-pressed);background:var(--primary);color:var(--on-primary)}.upload-form{display:grid;gap:.42rem}.upload-form label{font-size:.85rem;color:var(--text-main);font-weight:700}.upload-form input,.upload-form select{width:100%;border:1px solid var(--border);border-radius:10px;padding:.56rem .66rem;background:var(--surface);color:var(--text-main)}.upload-form input::placeholder{color:var(--text-dim)}.upload-helper{margin:0;color:#64748b;font-size:.8rem}.upload-submit{margin-top:.3rem;border:1px solid rgba(29,78,216,.4);border-radius:10px;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;padding:.58rem .72rem;font-weight:800;cursor:pointer}.upload-submit:disabled{opacity:.6;cursor:not-allowed}.upload-notice{margin:0;border:1px solid rgba(22,163,74,.35);background:#f0fdf4d1;color:#166534;border-radius:10px;padding:.5rem .62rem;font-size:.84rem}.upload-ai-result{display:grid;gap:.85rem;border:1px solid rgba(59,130,246,.24);border-radius:14px;background:linear-gradient(145deg,#eff6fff5,#ffffffeb);padding:.78rem;max-width:min(100%,58rem)}.upload-ai-result.locked{border-color:#94a3b83d;background:linear-gradient(145deg,#fff7edf5,#fffffff0)}.upload-ai-result.has-image{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start}.upload-ai-result-media{display:grid;gap:.5rem}.upload-ai-result-header{display:flex;align-items:flex-start;gap:.65rem}.upload-ai-result-title{display:grid;gap:.26rem;min-width:0}.upload-ai-result-label{display:inline-flex;align-items:center;gap:.42rem;flex-wrap:wrap}.upload-ai-result-content{display:grid;gap:.6rem;min-width:0}.upload-ai-result h4,.upload-ai-result p{margin:0}.upload-ai-result h4{color:#0f172a}.upload-ai-result-title strong{color:#111827;font-size:1.02rem;line-height:1.45}.upload-ai-score{flex:none;border-radius:999px;padding:.16rem .48rem;background:linear-gradient(145deg,#c2410c,#ea580c);color:#fff7ed;font-size:.76rem;font-weight:800;letter-spacing:.01em;box-shadow:0 8px 18px #c2410c38}.upload-ai-community-button{justify-self:start;border:1px solid rgba(194,65,12,.32);border-radius:999px;padding:.5rem .88rem;background:linear-gradient(145deg,#ffedd5f5,#fff7edf5);color:#9a3412;font-size:.84rem;font-weight:800;cursor:pointer}.upload-ai-community-button:disabled{opacity:.6;cursor:not-allowed}.upload-ai-community-actions{display:flex;align-items:center;gap:.58rem;flex-wrap:wrap}.upload-ai-admin-actions{display:flex;justify-content:flex-end;margin-top:1rem}.upload-ai-reset-button{border:1px solid rgba(148,163,184,.45);background:#0f172a0f;color:var(--text-strong);border-radius:999px;padding:.7rem 1rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.upload-ai-reset-button:hover{transform:translateY(-1px);border-color:#ef444473;background:#ef444414}.upload-ai-reset-button:disabled{cursor:default;opacity:.6;transform:none}.upload-ai-community-link{border:none;background:transparent;color:#c2410c;font-size:.84rem;font-weight:800;cursor:pointer;padding:0}.upload-ai-result img{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.24)}.upload-ai-result-body{display:grid;gap:.56rem;width:min(100%,46ch)}.upload-ai-result p{color:#1f2937;line-height:1.58;white-space:pre-wrap}.upload-ai-inline-feedback{display:grid;gap:.9rem;padding-top:.65rem;border-top:1px solid rgba(148,163,184,.28)}.upload-ai-inline-score,.upload-ai-inline-comments{display:grid;gap:.45rem}.upload-ai-inline-comments h5{margin:0;color:#0f172a;font-size:.98rem}@media(max-width:640px){.upload-ai-result{max-width:100%}.upload-ai-result.has-image{grid-template-columns:minmax(0,1fr)}.upload-ai-result-header{flex-direction:column}.upload-ai-score{align-self:flex-start}.upload-ai-result-body{width:100%}}.upload-verify{border:1px solid rgba(148,163,184,.28);border-radius:12px;padding:.62rem;background:#f8fafcbd;display:grid;gap:.42rem}.upload-verify h4{margin:0;color:#0f172a;font-size:.9rem}.upload-verify-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.upload-verify-item{display:grid;grid-template-columns:42px 1fr auto;gap:.52rem;align-items:center;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#ffffffe0;padding:.35rem .42rem}.upload-verify-meta{display:flex;align-items:center;gap:.35rem;min-width:0}.upload-verify-item img{width:42px;height:42px;object-fit:cover;border-radius:8px}.upload-verify-line{display:block;color:#0f172a;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.upload-verify-item a{color:#1d4ed8;font-size:.76rem;font-weight:700;text-decoration:none}.bottom-nav{position:fixed;left:0;right:0;bottom:.9rem;margin:0 auto;width:min(960px,calc(100% - 1.2rem));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;padding:.46rem;border-radius:18px;border:1px solid rgba(148,163,184,.34);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 26px #0f172a26,inset 0 1px #ffffffe6;z-index:90}.bottom-nav-btn{border:1px solid transparent;border-radius:12px;padding:.34rem .3rem;background:transparent;color:#334155;font-size:.68rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;line-height:1.05;cursor:pointer}.bottom-nav-btn.active{color:#0b4da2;border-color:#2563eb42;background:linear-gradient(180deg,#dbeafee6,#bfdbfe94)}.bottom-nav-icon{width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center}.bottom-nav-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bottom-nav-btn.upload-tab{gap:0}.bottom-nav-btn.upload-tab .bottom-nav-icon svg{stroke-width:2}@media(max-width:900px){.app-shell{padding-bottom:5.5rem}.hero-popular-comment{width:min(62%,250px)}.home-cta-panel{border-radius:18px}.score-box,.summary,.auth-card,.mypage-card{border-radius:14px}.explore-view{padding-bottom:5.45rem}.explore-header{padding:.5rem;border-radius:14px}.explore-grid{column-gap:.5rem}.explore-card{margin-bottom:.5rem}}@media(max-width:760px){.top-row{align-items:flex-start;flex-wrap:wrap}.top-controls{width:100%;justify-content:flex-start}.app-shell{padding:.88rem .82rem 5.4rem}.hero{min-height:340px}.home-cta-panel{padding:1rem}.home-cta-card{min-height:200px;padding:1rem;gap:.72rem}.home-cta-card h3{font-size:1.12rem}.home-cta-card p:last-of-type{max-width:none}.hero-popular-comment{right:.65rem;bottom:.72rem}.comment-form-row{align-items:flex-start}.bottom-nav{width:calc(100% - .95rem);bottom:.48rem;gap:.24rem;padding:.34rem}.bottom-nav-btn{font-size:.72rem;padding:.4rem .2rem}.explore-toolbar{gap:.42rem;margin-bottom:.4rem}.explore-filter-menu-btn{padding:.52rem .58rem;font-size:.72rem}.explore-search-input{padding:.56rem .68rem;font-size:.82rem}.explore-sort-dropdown{min-width:124px}.explore-filter-chip{min-width:6rem;font-size:.72rem;padding:.38rem .66rem}.explore-card{min-height:165px}}@media(prefers-reduced-motion:reduce){.tab-pane-enter{animation:none}.explore-grid.category-enter .explore-card{animation:none;opacity:1;transform:none}.hero.explore-entry,.score-box.explore-entry,.summary.explore-entry{animation:none}}@media(max-width:560px){.app-shell{padding:.8rem .7rem 5.35rem;gap:.7rem}.eyebrow{font-size:clamp(1.45rem,9vw,1.95rem)}.top-controls{gap:.4rem}.dark-toggle-btn,.notification-btn,.login-mini,.lang-select{font-size:.69rem}.hero{min-height:300px;border-radius:16px}.home-cta-copy h2{font-size:1.28rem}.home-cta-copy>p:last-child{font-size:.95rem}.home-cta-card{min-height:190px;padding:1rem}.home-cta-card h3{font-size:1.08rem}.home-cta-button{width:100%;min-width:0;padding:.9rem 1rem}.hero-rank-badge{top:.6rem;right:.6rem;font-size:.7rem}.hero-popular-comment{width:calc(100% - 1.2rem);right:.6rem;left:.6rem;bottom:.58rem}.bottom-nav{width:calc(100% - .72rem);bottom:.38rem;gap:.18rem;padding:.28rem;border-radius:14px}.bottom-nav-btn{font-size:.66rem;padding:.34rem .16rem;border-radius:10px}.bottom-nav-icon{width:1.05rem;height:1.05rem}.bottom-nav-btn.upload-tab .bottom-nav-icon{width:1.4rem;height:1.4rem}.comment-form-row{flex-direction:column;align-items:stretch}.comment-submit{width:100%}.explore-grid{columns:2;column-gap:.38rem}.explore-header{padding:.45rem}.explore-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem}.explore-sort-menu{width:100%}.explore-filter-menu-btn{width:100%;text-align:center;padding:.52rem .56rem;font-size:.7rem}.explore-sort-dropdown{width:100%;min-width:0}.explore-filter-chip{min-width:5.7rem;padding:.38rem .7rem}.explore-search-input{font-size:.8rem;padding:.56rem .7rem}.explore-card{min-height:132px;margin-bottom:.38rem;border-radius:12px}.explore-card-overlay{padding:.42rem .46rem}.explore-card-overlay h4{font-size:.74rem}.explore-card-overlay p{font-size:.62rem}.explore-card-add{right:.38rem;bottom:.38rem;width:1.72rem;height:1.72rem;font-size:.98rem}.upload-view{padding:.72rem;border-radius:14px}.upload-mode-switch{flex-direction:column}}@media(max-width:420px){.explore-grid{column-gap:.34rem}.explore-header{padding:.38rem;border-radius:12px}.explore-filters{gap:.34rem;overflow-x:visible;flex-wrap:wrap;padding-bottom:0}.explore-filter-chip{min-width:0;flex:1 1 calc(33.333% - .34rem);max-width:100%;font-size:.68rem;padding:.35rem .58rem}.explore-card{min-height:118px;margin-bottom:.34rem}.explore-card-overlay h4{font-size:.7rem}.explore-card-overlay p{font-size:.58rem}.explore-card-add{width:1.6rem;height:1.6rem;font-size:.92rem}}.app-shell{max-width:min(1040px,100%);position:relative;isolation:isolate;gap:clamp(.82rem,1.95vw,1.08rem)}.app-shell:before,.app-shell:after{content:none}.top-row{position:sticky;top:.5rem;z-index:30;padding:.55rem .62rem;border-radius:16px;background:#faf7f1ad;border:1px solid rgba(149,112,69,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{font-family:Sora,Noto Sans KR,sans-serif;font-size:clamp(1.6rem,4vw,2.45rem);font-weight:800;letter-spacing:.11em;color:var(--on-primary-container);text-shadow:0 1px 0 rgba(255,255,255,.45)}.description{margin-top:.1rem;border-left:3px solid var(--primary);padding-left:.62rem;color:var(--text-dim)}.mypage-card h2,.mypage-card h3,.explore-section-head h3,.upload-head h3{font-family:Sora,Noto Sans KR,sans-serif;letter-spacing:.01em}.auth-card,.summary,.score-box,.mypage-card,.notification-panel,.upload-view,.explore-upload-modal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--elev-2)}.mypage-card{border-radius:20px;padding:clamp(.9rem,1.8vw,1.15rem);box-shadow:var(--elev-2),inset 0 1px #ffffff59}.mypage-notifications,.mypage-assets{border:1px solid var(--border);border-radius:15px;background:linear-gradient(165deg,var(--surface-2),var(--surface));box-shadow:inset 0 1px #ffffff73}.mypage-form,.mypage-danger{border:1px solid var(--border);border-radius:14px;padding:.72rem;background:var(--surface)}.mypage-form input,.mypage-danger input{border-color:var(--border);background:var(--surface);color:var(--text-main)}.mypage-action{border-color:var(--primary-pressed);background:var(--primary);color:var(--on-primary)}.mypage-action:hover{background:var(--primary-hover)}.mypage-action:active{background:var(--primary-pressed)}.hero{border:1px solid var(--border);box-shadow:var(--elev-3)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:0;background:none;pointer-events:none}.hero.hero-overlay-soft .hero-overlay{background:linear-gradient(180deg,#02061700,#020617a3 92%)}.hero.hero-overlay-medium .hero-overlay{background:linear-gradient(180deg,#02061700,#020617b8 92%)}.hero.hero-overlay-strong .hero-overlay{background:linear-gradient(180deg,#02061714,#020617db 92%)}.hero-overlay{position:absolute;inset:auto 0 0;z-index:2;transition:background .18s ease;padding:.9rem .95rem .95rem}.hero-overlay p{font-family:Sora,Noto Sans KR,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.03em;color:#fff3e5fa;text-shadow:0 1px 0 rgba(0,0,0,.62),0 4px 16px rgba(0,0,0,.58)}.hero-overlay h2{font-family:Sora,Noto Sans KR,sans-serif;margin-top:.14rem;font-size:clamp(1.1rem,3.8vw,1.45rem);font-weight:800;letter-spacing:.01em;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.64),0 6px 22px rgba(0,0,0,.62)}.hero.hero-overlay-soft .hero-overlay p{color:#fff4e4f0;text-shadow:0 1px 0 rgba(0,0,0,.48),0 3px 12px rgba(0,0,0,.45)}.hero.hero-overlay-soft .hero-overlay h2{text-shadow:0 1px 0 rgba(0,0,0,.42),0 4px 16px rgba(0,0,0,.45)}.hero.hero-overlay-strong .hero-overlay p{color:#fff7ea;text-shadow:0 1px 0 rgba(0,0,0,.64),0 5px 18px rgba(0,0,0,.64)}.hero.hero-overlay-strong .hero-overlay h2{text-shadow:0 1px 0 rgba(0,0,0,.62),0 7px 24px rgba(0,0,0,.68)}.hero-rank-badge{background:#0a0d198f;border-color:#ffcb597a}.score-number{border-color:var(--primary)}.sync-error{border-radius:11px;border:1px solid var(--error);background:var(--error-container);color:var(--error);padding:.46rem .64rem}.upload-submit,.auth-submit,.comment-submit{border:1px solid var(--primary-pressed);background:var(--primary);color:var(--on-primary);box-shadow:0 9px 18px #d9ab0047,inset 0 1px #fff5eb59}.upload-submit:hover,.auth-submit:hover,.comment-submit:hover{background:var(--primary-hover);transform:translateY(-1px)}.upload-submit:active,.auth-submit:active,.comment-submit:active{background:var(--primary-pressed)}.explore-header{border-color:var(--border);background:var(--surface);box-shadow:var(--elev-1)}.explore-filter-chip{border-color:var(--border);background:var(--secondary-container);color:var(--on-secondary-container)}.explore-filter-chip.active{border-color:var(--primary-pressed);background:var(--primary);color:var(--on-primary);box-shadow:0 10px 20px #d9ab003d}.explore-card{border:1px solid var(--border);box-shadow:var(--elev-1)}.explore-card-overlay{background:linear-gradient(180deg,#0a0d190f,#0a0d19d9 74%)}.explore-card-overlay h4,.mypage-upload-item strong,.mypage-upload-line,.upload-verify-item strong,.upload-verify-line{font-family:Sora,Noto Sans KR,sans-serif;font-weight:700;letter-spacing:.01em;color:#f8fafc;text-shadow:0 1px 8px rgba(0,0,0,.35)}.explore-card-overlay p,.mypage-upload-item p,.upload-verify-item span{font-family:Noto Sans KR,Sora,sans-serif;font-weight:600;letter-spacing:.005em}.mypage-upload-item{border-color:var(--border);background:linear-gradient(165deg,var(--surface),var(--surface-2))}.mypage-upload-item strong{color:#20293a;text-shadow:none}.mypage-upload-item p{color:var(--text-dim)}.mypage-upload-line,.mypage-topic-link{color:var(--text-main)}.upload-verify-item{border-color:var(--border);background:linear-gradient(165deg,var(--surface),var(--surface-2))}.upload-verify-item strong{color:#20293a;text-shadow:none}.upload-verify-line{color:var(--text-dim)}.bottom-nav{width:min(980px,calc(100% - 1rem));border:1px solid var(--border);background:color-mix(in srgb,var(--background) 82%,white 18%);box-shadow:var(--elev-2),inset 0 1px #ffffffc2}.bottom-nav-btn.active{border-color:var(--secondary);color:var(--secondary);background:var(--secondary-container)}.bottom-nav-btn.upload-tab .bottom-nav-icon{width:1.52rem;height:1.52rem;transform:none;border-radius:999px;background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff;box-shadow:0 10px 20px #d9770659}.bottom-nav-btn.upload-tab.active .bottom-nav-icon{background:linear-gradient(180deg,#fb923c,#ea580c);box-shadow:0 12px 22px #ea580c6b}html.dark-mode .top-row{border-color:#7e91b44d;background:#0a101d9e}html.dark-mode .eyebrow{color:var(--primary);text-shadow:none}html.dark-mode .description{color:var(--text-dim)}html.dark-mode .mypage-notifications,html.dark-mode .mypage-assets,html.dark-mode .mypage-form,html.dark-mode .mypage-danger,html.dark-mode .mypage-upload-item,html.dark-mode .upload-verify-item{border-color:var(--border);background:linear-gradient(165deg,var(--surface-2),var(--surface))}html.dark-mode .hero-overlay p{color:#ffdab0f0}html.dark-mode .hero-overlay h2,html.dark-mode .explore-card-overlay h4,html.dark-mode .mypage-upload-item strong,html.dark-mode .mypage-upload-line,html.dark-mode .upload-verify-item strong,html.dark-mode .upload-verify-line{color:#eef4ff}html.dark-mode .mypage-upload-item p,html.dark-mode .upload-verify-item span,html.dark-mode .explore-card-overlay p{color:#afbed5}html.dark-mode .mypage-upload-line,html.dark-mode .mypage-topic-link{color:#e2e8f0}html.dark-mode .auth-card,html.dark-mode .summary,html.dark-mode .score-box,html.dark-mode .mypage-card,html.dark-mode .notification-panel,html.dark-mode .upload-view,html.dark-mode .explore-upload-modal,html.dark-mode .explore-header,html.dark-mode .bottom-nav{border-color:var(--border);background:var(--surface);box-shadow:var(--elev-2)}html.dark-mode .home-cta-panel{background:radial-gradient(120% 140% at 0% 0%,#f59e0b24,#f59e0b00 46%),radial-gradient(120% 140% at 100% 0%,#f973161f,#f9731600 42%),linear-gradient(145deg,#1e293bf5,#0f172af0);border-color:#f59e0b3d;box-shadow:0 18px 38px #02061759,inset 0 1px #ffffff0a}html.dark-mode .home-cta-copy h2,html.dark-mode .home-cta-card h3,html.dark-mode .home-preview-copy h3{color:#f8fafc}html.dark-mode .home-cta-copy>p:last-child,html.dark-mode .home-cta-card p:last-of-type,html.dark-mode .home-preview-copy>p{color:#cbd5e1}html.dark-mode .home-cta-card{border-color:#94a3b829;box-shadow:0 14px 28px #0206173d}html.dark-mode .home-cta-card.primary{background:linear-gradient(145deg,#7c2d1257,#1e293beb)}html.dark-mode .home-cta-card.secondary{background:linear-gradient(145deg,#1e293bf5,#0f172af5)}html.dark-mode .home-cta-badge{color:#fdba74}@media(min-width:720px){html.dark-mode .home-preview-stage{background:linear-gradient(145deg,#1e293bf0,#0f172afa);border-color:#94a3b829;box-shadow:0 20px 40px #02061747,inset 0 1px #ffffff0a}html.dark-mode .home-preview-stage.self{border-color:#fb923c2e;box-shadow:0 22px 42px #7c2d1238,inset 0 1px #ffffff0a}html.dark-mode .home-preview-stage.community{border-color:#60a5fa2e;box-shadow:0 22px 42px #1e40af33,inset 0 1px #ffffff0a}html.dark-mode .home-preview-score{background:#ffffff1f;box-shadow:0 12px 24px #02061747}html.dark-mode .ai-preview-score{background:linear-gradient(145deg,#7c2d128f,#334155e0);border-color:#fb923c29}html.dark-mode .home-preview-score-label,html.dark-mode .home-preview-score strong,html.dark-mode .home-preview-copy h3,html.dark-mode .home-preview-main-quote,html.dark-mode .home-preview-detail-title{color:#f8fafc}html.dark-mode .home-preview-comment-author,html.dark-mode .home-preview-comment-card .comment-author,html.dark-mode .home-preview-comment-meta,html.dark-mode .home-preview-comment-card time,html.dark-mode .home-preview-comment-card .comment-reply-item p{color:#e5eefb}html.dark-mode .home-preview-eyebrow,html.dark-mode .home-preview-note,html.dark-mode .home-preview-main-meta,html.dark-mode .home-preview-detail-meta{color:#fdba74}html.dark-mode .home-preview-bottom{border-top-color:#94a3b81f;background:linear-gradient(180deg,#0f172a75,#0f172abd)}html.dark-mode .home-preview-detail-card{background:linear-gradient(145deg,#7c2d122e,#1e293beb);border-color:#fb923c29;box-shadow:inset 0 1px #ffffff0a,0 12px 26px #02061738}html.dark-mode .home-preview-detail-card.community{background:linear-gradient(145deg,#334155e0,#1e293bf0);border-color:#94a3b824}html.dark-mode .home-preview-detail-label{color:#fdba74}html.dark-mode .home-preview-detail-quote{color:#f8fafc}html.dark-mode .home-preview-detail-meta{color:#cbd5e1}}html.dark-mode .home-cta-button.secondary{color:#e2e8f0;background:linear-gradient(135deg,#334155,#1e293b)}html.dark-mode .explore-filter-chip{background:var(--secondary-container);color:var(--on-secondary-container)}html.dark-mode .explore-filter-chip.active{border-color:var(--primary-pressed);background:var(--primary);color:var(--on-primary)}html.dark-mode .ranking-hero,html.dark-mode .ranking-section,html.dark-mode .ranking-board{border-color:var(--border);background:var(--surface);box-shadow:var(--elev-2)}html.dark-mode .ranking-hero{background:radial-gradient(120% 140% at 0% 0%,#f59e0b29,#f59e0b00 44%),radial-gradient(120% 140% at 100% 0%,#3b82f61f,#3b82f600 40%),linear-gradient(145deg,#1e293bf5,#0f172af0)}html.dark-mode .ranking-eyebrow,html.dark-mode .ranking-podium-body p,html.dark-mode .ranking-spotlight p{color:#fdba74}html.dark-mode .ranking-podium-card,html.dark-mode .ranking-spotlight,html.dark-mode .ranking-list-row{background:linear-gradient(145deg,#1e293bf5,#0f172aeb);border-color:#94a3b82e}html.dark-mode .ranking-podium-body h4,html.dark-mode .ranking-list-copy strong,html.dark-mode .ranking-spotlight strong,html.dark-mode .ranking-list-rank,html.dark-mode .ranking-list-stats span:first-child{color:#f8fafc}html.dark-mode .ranking-metrics,html.dark-mode .ranking-spotlight span,html.dark-mode .ranking-list-copy span,html.dark-mode .ranking-list-stats span,html.dark-mode .ranking-empty,html.dark-mode .ranking-hero p:last-child{color:#cbd5e1}html.dark-mode .ranking-chip{background:var(--secondary-container);color:var(--on-secondary-container)}html.dark-mode .ranking-chip.active{background:var(--primary);color:var(--on-primary)}html.dark-mode .bottom-nav-btn.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--secondary) 50%,transparent)}html.dark-mode .bottom-nav-btn{color:#e7efff;text-shadow:0 1px 0 rgba(0,0,0,.45)}html.dark-mode .bottom-nav-icon{color:#dbe8ff;filter:drop-shadow(0 1px 6px rgba(0,0,0,.45))}html.dark-mode .bottom-nav-btn.active .bottom-nav-icon{color:var(--primary);filter:drop-shadow(0 1px 8px rgba(253,218,53,.36))}@keyframes shell-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell>*{animation:shell-fade-in .32s ease-out both}.app-shell>*:nth-child(2){animation-delay:40ms}.app-shell>*:nth-child(3){animation-delay:80ms}.app-shell>*:nth-child(4){animation-delay:.12s}.app-shell>*:nth-child(5){animation-delay:.16s}@media(prefers-reduced-motion:reduce){.app-shell>*{animation:none}}@media(max-width:760px){.top-row{top:.32rem;padding:.45rem .5rem}}.top-row{background:color-mix(in srgb,var(--background) 78%,white 22%);border-color:var(--border)}.notification-btn{border-color:var(--secondary);background:var(--secondary-container);color:var(--on-secondary-container)}.notification-btn.has-unread{border-color:var(--warning);background:var(--warning-container);color:var(--warning)}.notification-count{background:var(--error);color:var(--on-error)}.lang-select,.login-mini{border-color:var(--border);color:var(--text-main);background:var(--surface)}.login-mini.login,.login-mini.logout{border-color:var(--secondary);background:var(--secondary-container);color:var(--secondary)}.login-mini.profile{border-color:var(--success);background:var(--success-container);color:var(--success)}.notification-panel h3,.explore-section-head h3,.upload-head h3,.mypage-card h2,.mypage-card h3,.summary h3{color:var(--text-main)}.notification-empty,.upload-helper,.score-label,.score-sub{color:var(--text-dim)}.description{color:color-mix(in srgb,var(--text-main) 88%,var(--text-dim) 12%);font-weight:560;line-height:1.5}.upload-notice,.auth-notice,.sync-status{border:1px solid var(--success);background:var(--success-container);color:var(--success)}.sync-status.error{border-color:var(--error);background:var(--error-container);color:var(--error)}.mypage-danger{border-color:var(--warning);background:var(--warning-container)}.mypage-danger p{color:var(--warning)}.mypage-danger-btn{border-color:var(--error);background:var(--error);color:var(--on-error)}.notification-item-btn:focus-visible,.bottom-nav-btn:focus-visible,.upload-submit:focus-visible,.auth-submit:focus-visible,.comment-submit:focus-visible,.mypage-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}html.dark-mode .notification-btn{border-color:var(--secondary);background:color-mix(in srgb,var(--secondary) 28%,transparent);color:var(--on-secondary)}html.dark-mode .notification-btn.has-unread{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 34%,transparent);color:#ffd9c4}html.dark-mode .notification-empty,html.dark-mode .upload-helper,html.dark-mode .score-label,html.dark-mode .score-sub{color:#d5e0f3}html.dark-mode .description{color:color-mix(in srgb,#f5f8ff 84%,var(--text-dim) 16%)}html.dark-mode .hint,html.dark-mode .comment-empty,html.dark-mode .comment-counter,html.dark-mode .summary p{color:var(--text-dim)}html.dark-mode .home-preview-comment-card .home-preview-main-quote,html.dark-mode .home-preview-comment-card .home-preview-comment-author,html.dark-mode .home-preview-comment-card .comment-author{color:#0f172a}html.dark-mode .home-preview-comment-card .home-preview-comment-meta,html.dark-mode .home-preview-comment-card time{color:#475569}html.dark-mode .home-preview-comment-card .comment-reply-item p{color:#1f2937}.explore-intro{margin:0 0 .75rem;padding:0 .1rem;color:#475569;font-size:.88rem;line-height:1.5}.upload-ai-comments-box{max-width:min(100%,58rem)}html.dark-mode .upload-ai-comments-box{background:#0f172a52;border-color:#94a3b83d}html.dark-mode .upload-ai-comments-box .comment-item{background:#0f172ac7;border-color:#94a3b847}html.dark-mode .upload-ai-comments-box .comment-reply-item{background:#1e293be6;border-color:#7dd3fc38}html.dark-mode .upload-ai-comments-box .comment-author,html.dark-mode .upload-ai-comments-box .comment-item p,html.dark-mode .upload-ai-comments-box .comment-reply-item p{color:#e5eefb}html.dark-mode .upload-ai-comments-box .comment-item time{color:#94a3b8}html.dark-mode .upload-ai-comments-box .comment-action-btn{background:#334155b8;border-color:#94a3b842;color:#dbe7f5}html.dark-mode .explore-intro{color:#cbd5e1}