.mj-box{min-width:0}.mj-box-surface{background:var(--mj-color-surface);border:1px solid var(--mj-color-border)}.mj-pad-none{padding:0}.mj-pad-xs{padding:var(--mj-space-xs)}.mj-pad-sm{padding:var(--mj-space-sm)}.mj-pad-md{padding:var(--mj-space-md)}.mj-pad-lg{padding:var(--mj-space-lg)}.mj-pad-xl{padding:var(--mj-space-xl)}.mj-radius-none{border-radius:0}.mj-radius-sm{border-radius:var(--mj-radius-sm)}.mj-radius-md{border-radius:var(--mj-radius-md)}.mj-radius-lg{border-radius:var(--mj-radius-lg)}.mj-radius-full{border-radius:var(--mj-radius-full)}.mj-stack{display:flex;min-width:0}.mj-stack-vertical{flex-direction:column}.mj-stack-horizontal{flex-direction:row}.mj-wrap{flex-wrap:wrap}.mj-gap-none{gap:0}.mj-gap-xs{gap:var(--mj-space-xs)}.mj-gap-sm{gap:var(--mj-space-sm)}.mj-gap-md{gap:var(--mj-space-md)}.mj-gap-lg{gap:var(--mj-space-lg)}.mj-gap-xl{gap:var(--mj-space-xl)}.mj-align-start{align-items:flex-start}.mj-align-center{align-items:center}.mj-align-end{align-items:flex-end}.mj-align-stretch{align-items:stretch}.mj-justify-start{justify-content:flex-start}.mj-justify-center{justify-content:center}.mj-justify-end{justify-content:flex-end}.mj-justify-between{justify-content:space-between}.mj-text{margin:0;color:var(--mj-color-text);line-height:1.45;letter-spacing:0}.mj-text-xs{font-size:12px}.mj-text-sm{font-size:14px}.mj-text-md{font-size:16px}.mj-text-lg{font-size:18px}.mj-text-xl{font-size:24px;line-height:1.25}.mj-weight-regular{font-weight:400}.mj-weight-medium{font-weight:500}.mj-weight-semibold{font-weight:650}.mj-weight-bold{font-weight:700}.mj-tone-default{color:var(--mj-color-text)}.mj-tone-muted{color:var(--mj-color-text-muted)}.mj-tone-subtle{color:var(--mj-color-text-subtle)}.mj-tone-accent{color:var(--mj-color-accent)}.mj-tone-danger{color:var(--mj-color-danger)}.mj-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--mj-radius-md);cursor:pointer;font-weight:650;letter-spacing:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.mj-button:disabled{cursor:not-allowed;opacity:.46}.mj-button:focus-visible{outline:none;box-shadow:var(--mj-focus)}.mj-button:not(:disabled):active{transform:translateY(1px)}.mj-button-sm{min-height:34px;padding:0 12px;font-size:14px}.mj-button-md{min-height:44px;padding:0 16px;font-size:15px}.mj-button-lg{min-height:52px;padding:0 20px;font-size:16px}.mj-button-full{width:100%}.mj-button-icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center}.mj-button-solid.mj-button-accent{background:var(--mj-color-accent);color:#fff}.mj-button-solid.mj-button-accent:hover:not(:disabled){background:var(--mj-color-accent-hover)}.mj-button-solid.mj-button-neutral{background:#1f292b;color:#fff}.mj-button-solid.mj-button-success{background:var(--mj-color-success);color:#fff}.mj-button-solid.mj-button-warning{background:var(--mj-color-warning);color:#fff}.mj-button-solid.mj-button-danger{background:var(--mj-color-danger);color:#fff}.mj-button-soft{border-color:transparent}.mj-button-soft.mj-button-accent{background:var(--mj-color-accent-soft);color:var(--mj-color-accent)}.mj-button-soft.mj-button-neutral{background:#edf1f1;color:var(--mj-color-text)}.mj-button-soft.mj-button-success{background:var(--mj-color-success-soft);color:var(--mj-color-success)}.mj-button-soft.mj-button-warning{background:var(--mj-color-warning-soft);color:var(--mj-color-warning)}.mj-button-soft.mj-button-danger{background:var(--mj-color-danger-soft);color:var(--mj-color-danger)}.mj-button-outline{background:transparent;border-color:var(--mj-color-border-strong);color:var(--mj-color-text)}.mj-button-outline:hover:not(:disabled){background:#eef3f2}.mj-button-ghost{background:transparent;color:var(--mj-color-text-muted)}.mj-button-ghost:hover:not(:disabled){background:#eef3f2;color:var(--mj-color-text)}.mj-field{display:flex;flex-direction:column;gap:7px;min-width:0}.mj-field-label{color:var(--mj-color-text);font-size:14px;font-weight:650}.mj-input-wrap{display:flex;min-height:46px;align-items:center;gap:8px;border:1px solid var(--mj-color-border);border-radius:var(--mj-radius-md);background:var(--mj-color-surface);padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.mj-input-wrap:focus-within{border-color:var(--mj-color-accent);box-shadow:var(--mj-focus)}.mj-field-invalid .mj-input-wrap{border-color:var(--mj-color-danger)}.mj-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--mj-color-text);font-size:16px}.mj-input::placeholder{color:var(--mj-color-text-subtle)}.mj-input-slot{display:inline-flex;align-items:center;color:var(--mj-color-text-muted)}.mj-field-message{color:var(--mj-color-text-muted);font-size:13px}.mj-field-invalid .mj-field-message{color:var(--mj-color-danger)}.mj-card{border:1px solid var(--mj-color-border);border-radius:var(--mj-radius-lg);background:var(--mj-color-surface-raised);box-shadow:var(--mj-shadow-sm)}.mj-card-sm{padding:var(--mj-space-md)}.mj-card-md{padding:var(--mj-space-lg)}.mj-card-lg{padding:var(--mj-space-xl)}.mj-card-interactive{cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.mj-card-interactive:hover{border-color:var(--mj-color-border-strong);box-shadow:var(--mj-shadow-md);transform:translateY(-1px)}.mj-list-item{display:flex;min-height:64px;align-items:center;gap:12px;border-radius:var(--mj-radius-md);padding:10px 12px}.mj-list-item-interactive{cursor:pointer;transition:background .15s ease}.mj-list-item-interactive:hover{background:#eef3f2}.mj-list-leading,.mj-list-trailing{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--mj-color-text-muted)}.mj-list-leading{width:38px;height:38px;border-radius:var(--mj-radius-md);background:#edf2f1}.mj-list-content{min-width:0;flex:1 1}.mj-list-title{color:var(--mj-color-text);font-size:15px;font-weight:650}.mj-list-description,.mj-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mj-list-description{margin-top:2px;color:var(--mj-color-text-muted);font-size:13px}.mj-badge{display:inline-flex;min-height:24px;align-items:center;border-radius:var(--mj-radius-full);padding:0 9px;font-size:12px;font-weight:700;letter-spacing:0;white-space:nowrap}.mj-badge-soft.mj-badge-neutral{background:#edf1f1;color:var(--mj-color-text-muted)}.mj-badge-soft.mj-badge-accent{background:var(--mj-color-accent-soft);color:var(--mj-color-accent)}.mj-badge-soft.mj-badge-success{background:var(--mj-color-success-soft);color:var(--mj-color-success)}.mj-badge-soft.mj-badge-warning{background:var(--mj-color-warning-soft);color:var(--mj-color-warning)}.mj-badge-soft.mj-badge-danger{background:var(--mj-color-danger-soft);color:var(--mj-color-danger)}.mj-badge-outline{background:transparent;border:1px solid var(--mj-color-border-strong);color:var(--mj-color-text-muted)}.mj-badge-solid.mj-badge-neutral{background:#1f292b;color:#fff}.mj-badge-solid.mj-badge-accent{background:var(--mj-color-accent);color:#fff}.mj-badge-solid.mj-badge-success{background:var(--mj-color-success);color:#fff}.mj-badge-solid.mj-badge-warning{background:var(--mj-color-warning);color:#fff}.mj-badge-solid.mj-badge-danger{background:var(--mj-color-danger);color:#fff}.mj-divider{flex-shrink:0;background:var(--mj-color-border)}.mj-divider-horizontal{width:100%;height:1px}.mj-divider-vertical{width:1px;align-self:stretch}.mj-switch-row{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mj-switch-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mj-switch-track{position:relative;width:46px;height:28px;border-radius:var(--mj-radius-full);background:#d7dfde;transition:background .15s ease,box-shadow .15s ease}.mj-switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17191f2e;transition:transform .15s ease}.mj-switch-input:checked+.mj-switch-track{background:var(--mj-color-accent)}.mj-switch-input:checked+.mj-switch-track .mj-switch-thumb{transform:translate(18px)}.mj-switch-input:focus-visible+.mj-switch-track{box-shadow:var(--mj-focus)}.mj-switch-label{color:var(--mj-color-text);font-size:15px;font-weight:600}.mj-segmented{display:inline-grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;border:1px solid var(--mj-color-border);border-radius:var(--mj-radius-md);background:#edf2f1;padding:3px}.mj-segment{min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--mj-color-text-muted);cursor:pointer;font-size:14px;font-weight:650;padding:0 12px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.mj-segment-active{background:#fff;color:var(--mj-color-text);box-shadow:var(--mj-shadow-sm)}.mj-segment:focus-visible{outline:none;box-shadow:var(--mj-focus)}.mj-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.mj-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#17191f5c;cursor:pointer}.mj-sheet{position:relative;width:min(100%,560px);max-height:min(86vh,720px);overflow:auto;border:1px solid var(--mj-color-border);border-radius:18px 18px 0 0;background:var(--mj-color-surface);box-shadow:var(--mj-shadow-md);animation:mj-sheet-enter .18s ease-out}.mj-sheet-handle{width:42px;height:5px;margin:10px auto 2px;border-radius:var(--mj-radius-full);background:#d3dddb}.mj-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}.mj-sheet-title{color:var(--mj-color-text);font-size:18px;font-weight:750}.mj-sheet-body{padding:4px 18px 18px}.mj-sheet-footer{border-top:1px solid var(--mj-color-border);padding:14px 18px 18px}@keyframes mj-sheet-enter{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.mj-toast-viewport{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;width:min(360px,calc(100vw - 32px));flex-direction:column;gap:10px;pointer-events:none}.mj-toast{border:1px solid var(--mj-color-border);border-radius:var(--mj-radius-md);background:#1f292b;box-shadow:var(--mj-shadow-md);color:#fff;font-size:14px;font-weight:650;padding:12px 14px;animation:mj-toast-enter .16s ease-out}.mj-toast-accent{background:var(--mj-color-accent)}.mj-toast-success{background:var(--mj-color-success)}.mj-toast-warning{background:var(--mj-color-warning)}.mj-toast-danger{background:var(--mj-color-danger)}@keyframes mj-toast-enter{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--mj-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mj-color-bg:#f5f7f7;--mj-color-surface:#ffffff;--mj-color-surface-raised:#fbfcfc;--mj-color-text:#151a1d;--mj-color-text-muted:#667176;--mj-color-text-subtle:#99a2a7;--mj-color-border:#dde4e3;--mj-color-border-strong:#c5d0ce;--mj-color-accent:#0f766e;--mj-color-accent-soft:#e2f4f1;--mj-color-success:#2f7d4f;--mj-color-success-soft:#e7f5ec;--mj-color-warning:#a15c07;--mj-color-warning-soft:#fff1dc;--mj-color-danger:#c2413b;--mj-color-danger-soft:#fff0ee;--mj-radius-sm:5px;--mj-radius-full:999px;--mj-space-xs:4px;--mj-space-sm:8px;--mj-space-md:12px;--mj-space-lg:16px;--mj-space-xl:24px;--mj-shadow-sm:0 1px 2px rgba(21,26,29,.05);--mj-shadow-md:0 14px 32px rgba(21,26,29,.11);--mj-focus:0 0 0 3px rgba(15,118,110,.18)}body{background:var(--mj-color-bg);color:var(--mj-color-text);font-family:var(--mj-font-sans);-webkit-font-smoothing:antialiased}:root{--page-max:1320px;--bg:#070909;--panel:#101414;--panel-2:#151b1a;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.14);--text:#f4f7f6;--muted:#95a19e;--quiet:#5d6a67;--brand:#14b8a6;--brand-rgb:20,184,166;--brand-dark:#0f766e;--brand-soft:rgba(20,184,166,0.13);--green:#4ade80;--purple:#a78bfa;--shadow:0 24px 70px rgba(0,0,0,0.42);--mj-font-sans:Pretendard,SUIT,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mj-color-bg:var(--bg);--mj-color-surface:var(--panel);--mj-color-surface-raised:var(--panel-2);--mj-color-text:var(--text);--mj-color-text-muted:var(--muted);--mj-color-text-subtle:var(--quiet);--mj-color-border:rgba(255,255,255,0.1);--mj-color-border-strong:rgba(255,255,255,0.16);--mj-color-accent:var(--brand-dark);--mj-color-accent-hover:#0b5f59;--mj-color-accent-soft:var(--brand-soft);--mj-color-success:var(--green);--mj-color-success-soft:rgba(74,222,128,0.1);--mj-color-warning:#f7c56b;--mj-color-warning-soft:rgba(247,197,107,0.12);--mj-radius-md:8px;--mj-radius-lg:12px;--mj-shadow-md:var(--shadow)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:clip}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(20,184,166,.12),transparent 28rem),linear-gradient(180deg,#08100f 0,var(--bg) 34rem);background-color:var(--bg);background-repeat:no-repeat;color:var(--text);font-family:Pretendard,SUIT,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-break:strict}a,body,button,h1,h2,h3,h4,label,p,small,span,strong{word-break:keep-all}.synopsis,figcaption,p{overflow-wrap:break-word}body:has(main.food-domain){--brand:#f59e0b;--brand-rgb:245,158,11;--brand-dark:#b45309;--brand-soft:rgba(245,158,11,0.13);--mj-color-accent:var(--brand-dark);--mj-color-accent-hover:#92400e;--mj-color-accent-soft:var(--brand-soft);background:radial-gradient(circle at 12% 8%,rgba(245,158,11,.16),transparent 28rem),linear-gradient(180deg,#120f07 0,var(--bg) 34rem);background-color:var(--bg);background-repeat:no-repeat}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}main{width:min(var(--page-max),calc(100% - 32px));margin:0 auto;padding-bottom:64px}main.food-domain{--brand:#f59e0b;--brand-rgb:245,158,11;--brand-dark:#b45309;--brand-soft:rgba(245,158,11,0.13);--mj-color-accent:var(--brand-dark);--mj-color-accent-hover:#92400e;--mj-color-accent-soft:var(--brand-soft)}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:68px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 max(16px,calc((100vw - var(--page-max)) / 2));border-bottom:0;background:transparent;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-nav-actions{gap:8px}.nav-scroll-button,.top-nav-actions{display:inline-flex;align-items:center}.nav-scroll-button{min-height:34px;justify-content:center;gap:6px;border:1px solid rgba(20,184,166,.52);border-radius:8px;background:rgba(20,184,166,.28);color:#ecfffc;padding:0 12px;font-size:14px;font-weight:800;line-height:1;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.nav-scroll-button:hover{border-color:rgba(var(--brand-rgb),.72);background:rgba(var(--brand-rgb),.36);color:var(--text);box-shadow:0 0 0 1px rgba(var(--brand-rgb),.16);transform:translateY(-1px)}.top-nav .auth-button{min-height:34px;padding:0 14px;border-color:rgba(var(--brand-rgb),.52);background:rgba(var(--brand-rgb),.28);color:#ecfffc;font-size:14px;line-height:1;box-shadow:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.top-nav .auth-button:hover{border-color:rgba(var(--brand-rgb),.72);background:rgba(var(--brand-rgb),.36);color:var(--text);box-shadow:0 0 0 1px rgba(var(--brand-rgb),.16);transform:translateY(-1px)}.top-nav .auth-button.is-logout{border-color:rgba(248,113,113,.52);background:rgba(127,29,29,.34);color:#fee2e2}.top-nav .auth-button.is-logout:hover{border-color:rgba(248,113,113,.72);background:rgba(127,29,29,.46);color:#fecaca;box-shadow:0 0 0 1px rgba(248,113,113,.16)}.auth-placeholder{display:inline-flex;width:84px;min-height:34px;border:1px solid rgba(226,232,240,.08);border-radius:8px;background:rgba(255,255,255,.035);opacity:.55}.profile-menu-wrap{position:relative}.profile-menu-button{display:inline-flex;min-height:34px;min-width:42px;max-width:168px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(var(--brand-rgb),.52);border-radius:8px;background:rgba(var(--brand-rgb),.28);color:#ecfffc;padding:0 11px;font-size:14px;font-weight:900;line-height:1;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.profile-menu-button:not(:has(span)){width:42px;padding:0}.profile-menu-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-button:hover,.profile-menu-button[aria-expanded=true]{border-color:rgba(var(--brand-rgb),.72);background:rgba(var(--brand-rgb),.36);color:var(--text);box-shadow:0 0 0 1px rgba(var(--brand-rgb),.16);transform:translateY(-1px)}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;min-width:156px;overflow:hidden;border:1px solid rgba(226,232,240,.13);border-radius:10px;background:rgba(12,18,18,.98);box-shadow:var(--shadow)}.profile-menu button,.profile-menu-link{display:inline-flex;min-height:42px;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);padding:0 12px;font:inherit;font-size:13px;font-weight:900;text-align:left;text-decoration:none;cursor:pointer}.profile-menu button:hover,.profile-menu-link:hover{background:rgba(var(--brand-rgb),.1);color:var(--text)}.profile-menu button:last-child:hover{background:rgba(244,63,94,.12);color:#fecaca}.nav-auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:8px;line-height:1;text-decoration:none}.food-domain .nav-scroll-button{border-color:rgba(245,158,11,.54);background:rgba(245,158,11,.28);color:#fff2cd}.food-domain .nav-scroll-button:hover{border-color:rgba(245,158,11,.74);background:rgba(245,158,11,.38)}.food-domain .top-nav .auth-button.is-logout:hover{border-color:rgba(248,113,113,.56);background:rgba(127,29,29,.28);color:#fecaca;box-shadow:0 0 0 1px rgba(248,113,113,.12)}.brand{display:inline-flex;align-items:baseline;font-size:24px;font-weight:900;letter-spacing:-.08em;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand:focus-visible{outline:2px solid var(--brand);outline-offset:5px;border-radius:6px}.brand span{color:var(--text)}.brand strong,.kkok-word{color:var(--brand)}.domain-strip h2 .kkok-word,.hero h1 .kkok-word{text-shadow:0 0 28px rgba(20,184,166,.22)}.food-domain .domain-strip h2 .kkok-word,.food-domain .hero h1 .kkok-word{text-shadow:0 0 28px rgba(245,158,11,.2)}.primary-button,.secondary-button,.share-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line-strong);border-radius:8px;background:rgba(255,255,255,.03);color:var(--text);padding:0 16px;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.primary-button,.share-actions .primary{border-color:transparent;background:var(--brand-dark)}.secondary-button{background:var(--brand-soft);border-color:rgba(var(--brand-rgb),.24)}.primary-button:hover,.secondary-button:hover,.share-actions button:hover{transform:translateY(-1px)}.primary-button:hover{background:var(--mj-color-accent-hover);box-shadow:0 10px 24px rgba(var(--brand-rgb),.12)}.secondary-button:hover,.share-actions button:hover{border-color:rgba(var(--brand-rgb),.38);background:rgba(var(--brand-rgb),.11);color:var(--text)}.is-disabled-cta{cursor:not-allowed;opacity:.72}.is-disabled-cta:hover{transform:none;box-shadow:none}#discover,#my-list{scroll-margin-top:88px}.toast-stack{position:fixed;top:18px;left:50%;z-index:60;display:grid;width:min(440px,calc(100vw - 32px));grid-gap:12px;gap:12px;pointer-events:none;transform:translateX(-50%)}.igk-toast{min-height:48px;border:1px solid rgba(20,184,166,.48);border-radius:12px;background:linear-gradient(135deg,rgba(20,184,166,.95),rgba(7,64,59,.96));box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 1px rgba(20,184,166,.16);color:var(--text);padding:14px 18px;font-size:15px;font-weight:900;line-height:1.35;animation:toast-enter .16s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.igk-toast.success{border-color:rgba(20,184,166,.54)}.igk-toast.warning{border-color:rgba(245,158,11,.56);background:linear-gradient(135deg,rgba(245,158,11,.92),rgba(103,54,6,.96));box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 1px rgba(245,158,11,.16)}.igk-toast.danger,.igk-toast.logout{border-color:rgba(248,113,113,.52);background:linear-gradient(135deg,rgba(220,38,38,.94),rgba(91,17,17,.96));box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 0 1px rgba(248,113,113,.15)}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:40px;gap:40px;align-items:end;padding:72px 0 42px}.domain-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;border:1px solid var(--line);border-radius:14px;background:rgba(16,20,20,.7);padding:18px 20px}.domain-strip h2{margin:4px 0 0;font-size:20px;letter-spacing:0}.domain-strip .mj-segmented{min-width:330px}.hero h1{max-width:760px;margin:10px 0 18px;font-size:clamp(38px,6.45vw,70px);line-height:1.03;letter-spacing:0}.hero p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.7}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-panel{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:12px;background:rgba(16,20,20,.74);box-shadow:var(--shadow)}.hero-panel>.mj-stack>div{display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:rgba(255,255,255,.035);padding:14px 16px}.hero-panel>.mj-stack>.hero-progress-row{display:block}.hero-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-progress-track{position:relative;height:8px;margin-top:11px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.hero-progress-track span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--brand-dark),var(--brand));box-shadow:0 0 18px rgba(20,184,166,.34);transition:width .22s ease}.hero-panel span,.hint-line,.meta-line,.movie-card-body small,.movie-card-body span,.section-heading>span,.simple-list span,.sub-title{color:var(--muted)}.hero-panel strong{font-size:20px}.my-list,.section-block,.workspace{margin-top:22px}.coming-soon-section{display:grid;grid-gap:28px;gap:28px;margin-top:22px;border:1px solid rgba(245,158,11,.22);border-radius:14px;background:linear-gradient(135deg,rgba(245,158,11,.12),transparent 44%),rgba(16,20,20,.76);padding:34px 28px;box-shadow:var(--shadow)}.coming-soon-section h2{margin:8px 0 10px;font-size:clamp(26px,3.3vw,42px);line-height:1.15;letter-spacing:0}.coming-soon-section p:last-child{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}.construction-visual{position:relative;min-height:420px;overflow:hidden;border:1px solid rgba(245,158,11,.18);border-radius:12px;background:linear-gradient(135deg,rgba(245,158,11,.18),transparent 34%),repeating-linear-gradient(-35deg,rgba(245,158,11,.2),rgba(245,158,11,.2) 18px,rgba(7,9,9,.72) 0,rgba(7,9,9,.72) 36px),#0c0d0b}.construction-visual:before{position:absolute;inset:18%;border:1px solid rgba(245,158,11,.2);border-radius:999px;background:radial-gradient(circle,rgba(245,158,11,.18),transparent 62%);content:"";filter:blur(2px)}.construction-sign{position:absolute;left:34px;right:34px;bottom:34px;display:grid;grid-gap:8px;gap:8px;border:1px solid rgba(245,158,11,.32);border-radius:10px;background:rgba(7,9,9,.72);padding:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.construction-sign span{color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.1em}.construction-sign strong{color:var(--text);font-size:clamp(28px,4.4vw,54px);line-height:1.05;letter-spacing:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading.compact{margin-bottom:14px}.section-heading h2{margin:4px 0 0;font-size:25px;letter-spacing:0}.section-heading h2 .kkok-word{text-shadow:0 0 20px rgba(20,184,166,.18)}.section-progress{width:220px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);padding:10px 12px}.section-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:700}.section-progress strong{color:var(--text);font-size:15px}.section-progress-track{position:relative;display:block;height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.section-progress-track span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--brand-dark),var(--brand));box-shadow:0 0 16px rgba(20,184,166,.3);transition:width .22s ease}.top10-controls{display:flex;align-items:center;gap:8px}.top10-controls button{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.045);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.top10-controls button:hover{border-color:rgba(20,184,166,.48);background:var(--brand-soft);transform:translateY(-1px)}.top10-row{display:grid;grid-auto-flow:column;grid-auto-columns:200px;grid-gap:16px;gap:16px;overflow-x:auto;padding:4px 0 22px;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.top10-row::-webkit-scrollbar{display:none}.catalog,.detail-panel,.movie-card,.my-list,.share-card,.top-card{border:1px solid var(--line);background:rgba(16,20,20,.78)}.top-card{display:block;position:relative;min-height:300px;overflow:hidden;border-radius:10px;padding:0;color:inherit;text-decoration:none;text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.top-card img{width:100%;height:300px;object-fit:cover;transition:transform .2s ease}.top-card:hover{border-color:rgba(255,255,255,.58);box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.16);transform:translateY(-2px)}.top-card:hover img{transform:scale(1.055)}.top-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}.rank-number{position:absolute;top:0;left:0;z-index:1;display:inline-flex;width:58px;height:62px;align-items:center;justify-content:center;border-radius:0 0 20px 0;background:linear-gradient(135deg,rgba(20,184,166,.98),rgba(5,49,45,.92));box-shadow:8px 10px 24px rgba(0,0,0,.34);font-size:31px;font-weight:900;line-height:1;text-shadow:0 7px 20px rgba(0,0,0,.35)}.rank-number,.rank-number.accent{color:#eafffb}.status-badge{position:absolute;top:12px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 9px;background:rgba(4,7,7,.78);box-shadow:0 8px 22px rgba(0,0,0,.36);color:#ffffff;font-size:11px;font-weight:800;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge.life{border-color:rgba(20,184,166,.55);background:linear-gradient(135deg,rgba(15,118,110,.94),rgba(4,35,32,.9));color:#d8fffa}.status-badge.watched{border-color:rgba(74,222,128,.48);background:linear-gradient(135deg,rgba(24,88,50,.94),rgba(9,31,19,.9));color:#dfffea}.status-badge.want{border-color:rgba(247,197,107,.5);background:linear-gradient(135deg,rgba(105,66,16,.95),rgba(37,24,8,.9));color:#ffe8b7}.top-card div{position:absolute;z-index:1;right:12px;bottom:14px;left:12px}.life-card strong,.movie-card strong,.simple-list strong,.top-card strong{display:block}.life-card-link,.simple-movie-copy,.simple-movie-link{color:inherit;text-decoration:none}.life-card-link{display:contents}.life-card-link:hover strong,.simple-movie-copy:hover strong{color:var(--brand)}.top-card span:last-child{display:block;margin-top:5px;color:var(--muted);font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-gap:20px;gap:20px;align-items:start}.catalog,.detail-panel,.my-list{border-radius:14px;padding:20px}.search-box{display:flex;align-items:center;gap:10px;height:44px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04);padding:0 12px;color:var(--muted)}.igk-search{display:block}.search-clear-button{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer}.search-clear-button:hover{border-color:rgba(255,255,255,.22);color:var(--text)}.search-status{margin:10px 0 12px;color:var(--brand);font-size:13px;font-weight:900}.empty-copy{margin:16px 0 0;color:var(--muted);font-size:14px}.catalog-footer{display:block;margin-top:18px}.catalog-footer .secondary-button{width:100%}.tmdb-attribution{margin:28px 0 0;color:var(--quiet);font-size:12px;font-weight:700;text-align:center}.genre-segmented,.list-segmented{margin:14px 0 16px;overflow:visible}.genre-segmented{justify-content:flex-start}.genre-segmented.igk-segmented{display:flex;width:100%;max-width:100%;flex-wrap:wrap;gap:6px;border:0;background:transparent;box-shadow:none}.igk-segmented{border:1px solid var(--line);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.igk-segmented .mj-segment{color:var(--muted);background:transparent;font-weight:800}.igk-segmented .mj-segment:hover{color:var(--text);background:rgba(255,255,255,.045)}.igk-segmented .mj-segment-active{border-color:rgba(20,184,166,.62);background:linear-gradient(180deg,rgba(20,184,166,.22),rgba(20,184,166,.1));color:#d9fffb;box-shadow:inset 0 0 0 1px rgba(20,184,166,.2),0 8px 20px rgba(0,0,0,.2)}.food-domain .igk-segmented .mj-segment-active{border-color:rgba(245,158,11,.62);background:linear-gradient(180deg,rgba(245,158,11,.24),rgba(245,158,11,.1));color:#fff3d4;box-shadow:inset 0 0 0 1px rgba(245,158,11,.2),0 8px 20px rgba(0,0,0,.2)}.list-segmented{width:-moz-fit-content;width:fit-content}.list-segmented .mj-segment{min-width:108px}.genre-segmented .mj-segment{flex:0 0 auto;min-width:62px;min-height:34px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:0 12px;white-space:nowrap}.genre-filter{margin:14px 0 16px;padding:8px;border:1px solid rgba(226,232,240,.1);border-radius:12px;background:rgba(255,255,255,.025)}.genre-filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.genre-filter.is-collapsed .genre-filter-row{flex-wrap:nowrap;overflow:hidden}.genre-chip{display:inline-flex;flex:0 0 auto;min-height:34px;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(226,232,240,.1);border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);padding:0 13px;font:inherit;font-size:13px;font-weight:900;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.genre-chip:hover{border-color:rgba(20,184,166,.34);background:rgba(20,184,166,.08);color:var(--text);transform:translateY(-1px)}.genre-chip.is-active{border-color:rgba(20,184,166,.62);background:linear-gradient(180deg,rgba(20,184,166,.24),rgba(20,184,166,.1));color:#d9fffb;box-shadow:inset 0 0 0 1px rgba(20,184,166,.18)}.genre-more-button{border-color:rgba(45,212,191,.22);background:rgba(20,184,166,.07);color:#a7f3d0}@media (max-width:720px){.genre-chip{min-height:32px;padding:0 10px;font-size:12px}}.domain-segmented .mj-segment{min-width:142px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.chip-row,.tab-row,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row{margin:14px 0 16px}.chip,.tab{min-height:32px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:0 12px;cursor:pointer}.chip.active,.tab.active{border-color:rgba(20,184,166,.45);background:var(--brand-soft);color:var(--text)}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.movie-card{display:flex;min-height:342px;flex-direction:column;overflow:hidden;border-radius:10px}.movie-card.selected{border-color:rgba(20,184,166,.55)}.movie-card>button{position:relative;width:100%;border:0;background:transparent;padding:0;cursor:pointer}.movie-card img{width:100%;aspect-ratio:2/3;height:auto;object-fit:cover;display:block}.mini-rank{position:absolute;top:9px;left:9px;display:inline-flex;min-width:26px;height:22px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,18,17,.68);box-shadow:0 5px 16px rgba(0,0,0,.26);color:#d9fffa;padding:0 8px;font-size:11px;font-weight:800;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.movie-card-body{display:flex;flex:1 1;flex-direction:column;padding:10px}.movie-card-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-card-body small,.movie-card-body span{display:block;margin-top:4px;margin-bottom:10px;font-size:12px;line-height:1.35}.movie-card-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-button{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:34px;margin-top:auto;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.03);color:var(--muted);cursor:pointer;padding:0 10px;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.pick-button svg{flex:0 0 auto;display:block}.pick-button:hover{border-color:rgba(20,184,166,.36);background:rgba(20,184,166,.09);color:var(--text);box-shadow:0 7px 18px rgba(0,0,0,.14);transform:translateY(-1px)}.pick-button.active{border-color:rgba(20,184,166,.46);color:var(--brand)}.pick-button.active:hover{border-color:rgba(20,184,166,.68);background:rgba(20,184,166,.14);color:#75f5e7}.detail-panel{position:-webkit-sticky;position:sticky;top:88px;max-height:calc(100vh - 108px);overflow-y:auto;scrollbar-width:none}.detail-panel-legacy{display:none}.detail-panel::-webkit-scrollbar{display:none}.poster-wrap{position:relative;overflow:hidden;border-radius:10px}.poster-wrap img{width:100%;max-height:46vh;height:auto;display:block;object-fit:cover}.detail-panel .poster-wrap img{max-height:44vh}.poster-wrap span{position:absolute;top:12px;left:12px;border-radius:999px;background:rgba(0,0,0,.7);padding:6px 10px;font-weight:900}.detail-content{padding-top:12px}.detail-content h2{margin:6px 0 4px;font-size:24px}.meta-line,.sub-title,.synopsis{margin:0}.meta-line{margin-top:8px;font-size:13px}.tag-row{margin:10px 0}.tag-row span{border-radius:999px;background:var(--brand-soft);color:#9ff3e8;padding:5px 10px;font-size:12px}.synopsis{color:#bdc8c5;line-height:1.55;font-size:14px}.detail-panel .synopsis,.movie-detail-sheet .synopsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.pick-stat{display:flex;gap:9px;align-items:center;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:10px 12px;color:var(--muted);font-size:13px}.pick-stat strong{color:var(--brand)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:10px}.state-button{display:flex;min-height:50px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03);color:var(--muted);cursor:pointer;font-size:12px;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.state-button.life:hover{border-color:rgba(20,184,166,.34);background:rgba(20,184,166,.08);color:var(--text);box-shadow:0 8px 18px rgba(0,0,0,.14);transform:translateY(-1px)}.state-button.active{border-color:rgba(20,184,166,.45);background:var(--brand-soft);color:var(--brand)}.detail-page-link{display:inline-flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:7px;margin-top:10px;border:1px solid rgba(20,184,166,.4);border-radius:8px;background:rgba(20,184,166,.1);color:#d9fffb;font-size:13px;font-weight:900;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.detail-panel .detail-page-link{min-height:38px;margin-top:8px}.detail-page-link:hover{border-color:rgba(20,184,166,.62);background:rgba(20,184,166,.16);color:var(--text);transform:translateY(-1px)}.movie-detail-sheet-backdrop{display:none}.sheet-close-button{position:absolute;top:14px;right:14px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:rgba(7,12,12,.78);color:var(--text);cursor:pointer}.state-button.active:hover{border-color:rgba(20,184,166,.64);background:rgba(20,184,166,.16)}.state-button.watched:hover{border-color:rgba(74,222,128,.34);background:rgba(74,222,128,.08)}.state-button.watched.active{border-color:rgba(74,222,128,.44);background:rgba(74,222,128,.1);color:var(--green)}.state-button.watched.active:hover{border-color:rgba(74,222,128,.62);background:rgba(74,222,128,.15)}.state-button.want:hover{border-color:rgba(167,139,250,.34);background:rgba(167,139,250,.08)}.state-button.want.active{border-color:rgba(167,139,250,.44);background:rgba(167,139,250,.11);color:var(--purple)}.state-button.want.active:hover{border-color:rgba(167,139,250,.62);background:rgba(167,139,250,.15)}.my-list{margin-top:20px}.tab-row{margin-bottom:18px}.tab{display:inline-flex;align-items:center;gap:6px}.hint-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px}.empty-list-message{display:flex;min-height:86px;align-items:center;justify-content:center;border:1px dashed var(--line-strong);border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted);font-size:14px;font-weight:700}.life-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-gap:10px;gap:10px}.empty-slot,.life-card{position:relative;min-height:184px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035)}.life-card{padding:8px;cursor:-webkit-grab;cursor:grab}.life-card.is-dragging{opacity:.45}.life-card img{width:100%;aspect-ratio:2/3;height:auto;border-radius:7px;object-fit:cover}.life-card strong{margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2}.life-card-link span{display:block;margin-top:2px;color:var(--quiet);font-size:11px;font-weight:700;line-height:1.1}.empty-slot span,.rank-dot{position:absolute;top:7px;left:7px;z-index:2;display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:rgba(0,0,0,.72);font-size:12px;font-weight:900}.rank-dot.top-1{background:var(--brand-dark)}.rank-dot.top-2,.rank-dot.top-3{background:#14534d;color:#bffbf3}.icon-remove{position:absolute;top:7px;right:7px;z-index:3;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(0,0,0,.68);cursor:pointer}.empty-slot{display:grid;align-content:start;border-color:rgba(226,232,240,.08);background:rgba(255,255,255,.018);padding:8px;color:rgba(148,163,184,.46)}.empty-slot-poster{width:100%;aspect-ratio:2/3;justify-content:center;border:1px dashed rgba(148,163,184,.18);border-radius:7px;background:rgba(15,23,42,.22)}.empty-slot-poster,.share-card{display:flex;align-items:center}.share-card{justify-content:space-between;gap:18px;margin-top:14px;border-radius:10px;padding:16px}.share-card>div:first-child{min-width:0}.share-card p{max-width:680px;margin:5px 0 0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-card-title-row{display:flex;align-items:center;gap:10px}.share-card-title-row+strong{display:none}.nickname-edit-button{border:0;background:transparent;color:var(--brand);padding:0;font-size:12px;font-weight:900;cursor:pointer}.nickname-modal-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.68);padding:20px}.nickname-modal{display:grid;width:min(100%,380px);grid-gap:10px;gap:10px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(16,20,20,.98);box-shadow:var(--shadow);padding:22px}.nickname-modal h2,.nickname-modal p{margin:0}.nickname-count,.nickname-modal p:not(.eyebrow){color:var(--muted);font-size:13px;font-weight:800}.nickname-field-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.nickname-modal label{color:var(--text);font-size:13px;font-weight:900}.nickname-count{flex:0 0 auto}.nickname-modal input{min-height:44px;border:1px solid rgba(226,232,240,.13);border-radius:9px;background:rgba(255,255,255,.035);color:var(--text);padding:0 12px;outline:none}.nickname-modal input:focus{border-color:rgba(var(--brand-rgb),.52);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.12)}.nickname-error{color:#ffb4a8!important;font-size:12px!important;font-weight:900!important}.nickname-modal-actions{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-top:4px}.nickname-modal-actions:has(.nickname-cancel-button){grid-template-columns:.8fr 1fr}.nickname-cancel-button{min-height:44px;border:1px solid rgba(226,232,240,.16);border-radius:9px;background:rgba(255,255,255,.04);color:var(--text);font-weight:900}.nickname-cancel-button:hover{border-color:rgba(226,232,240,.28);background:rgba(255,255,255,.08)}.share-actions{display:flex;flex:0 0 auto;gap:8px}.share-actions .share-copy-button{border-color:rgba(226,232,240,.16);background:rgba(255,255,255,.035);color:var(--text);box-shadow:none}.share-actions .share-copy-button:hover{border-color:rgba(20,184,166,.42);background:rgba(20,184,166,.1);color:var(--text);box-shadow:0 0 0 1px rgba(20,184,166,.1);transform:translateY(-1px)}.share-preview-link{min-height:32px;padding:0 12px;font-size:14px}.simple-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.simple-list article{display:grid;grid-template-columns:54px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);padding:8px}.simple-list img{width:54px;height:80px;border-radius:6px;object-fit:cover}.simple-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-gap:6px;gap:6px}.simple-actions.stacked{grid-template-columns:1fr}.simple-actions:has(.is-disabled){grid-template-columns:1fr}.simple-sub-actions{display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-gap:6px;gap:6px}.simple-list button{min-height:30px;border:1px solid rgba(20,184,166,.32);border-radius:7px;background:var(--brand-soft);color:var(--brand);cursor:pointer}.simple-list .watch-action{border-color:rgba(247,197,107,.34);background:rgba(247,197,107,.11);color:#f7c56b}.simple-list .watch-action:hover{border-color:rgba(247,197,107,.56);background:rgba(247,197,107,.16)}.simple-list .demote-life-action{border-color:rgba(148,163,184,.3);background:rgba(148,163,184,.08);color:#b7c3ce}.simple-list .demote-life-action:hover{border-color:rgba(148,163,184,.5);background:rgba(148,163,184,.13);color:var(--text)}.simple-list .remove-action{display:inline-flex;align-items:center;justify-content:center;border-color:var(--line);background:rgba(255,255,255,.035);color:var(--muted)}.simple-list .remove-action:hover{border-color:rgba(255,255,255,.24);color:var(--text)}.simple-list button.is-disabled{border-color:var(--line);background:rgba(255,255,255,.035);color:var(--muted);cursor:default;opacity:.82}.share-page{width:min(1040px,calc(100% - 32px))}.rankings-page{width:min(1120px,calc(100% - 32px))}.rankings-hero{padding:72px 0 34px}.rankings-hero h1{max-width:none;margin:8px 0 12px;color:var(--text);font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:0}.rankings-hero h1>span{display:block;white-space:nowrap}.rankings-hero p:last-child{max-width:560px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.rankings-toolbar{display:grid;grid-gap:14px;gap:14px;margin-bottom:22px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(16,20,20,.74)}.rankings-search-field{position:relative}.rankings-search-field input{width:100%;min-height:48px;border:1px solid rgba(226,232,240,.12);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text);padding:0 44px 0 14px;font:inherit;font-size:15px;font-weight:700;outline:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.rankings-search-field input:focus{border-color:rgba(20,184,166,.52);background:rgba(20,184,166,.06);box-shadow:0 0 0 3px rgba(20,184,166,.12)}.rankings-search-field input::-webkit-search-cancel-button,.rankings-search-field input::-webkit-search-decoration{appearance:none;-webkit-appearance:none}.rankings-search-field button{position:absolute;top:50%;right:10px;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid rgba(226,232,240,.1);border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:18px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:border-color .16s ease,background .16s ease,color .16s ease}.rankings-search-field button:hover{border-color:rgba(20,184,166,.4);background:rgba(20,184,166,.12);color:var(--text)}.rankings-genre-row{display:flex;flex-wrap:wrap;gap:8px}.rankings-genre-row button{min-height:34px;border:1px solid rgba(226,232,240,.11);border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);padding:0 13px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.rankings-genre-row button.is-active,.rankings-genre-row button:hover{border-color:rgba(20,184,166,.46);background:rgba(20,184,166,.14);color:var(--text)}.rankings-genre-row button:hover{transform:translateY(-1px)}.rankings-result-count{margin:0;color:var(--muted);font-size:13px;font-weight:800}.rankings-result-count strong{color:var(--brand)}.rankings-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px;padding-bottom:28px}.ranking-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(16,20,20,.78);color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.ranking-card:hover{border-color:rgba(20,184,166,.38);box-shadow:0 14px 34px rgba(0,0,0,.28);transform:translateY(-2px)}.ranking-poster{position:relative;overflow:hidden}.ranking-poster img{width:100%;aspect-ratio:2/3;height:auto;display:block;object-fit:cover}.ranking-search-badge{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;min-height:28px;align-items:center;justify-content:center;border:1px solid rgba(20,184,166,.34);border-radius:999px;background:rgba(5,49,45,.88);color:#ccfbf1;padding:0 10px;font-size:12px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.36)}.ranking-card>div:last-child{display:grid;grid-gap:5px;gap:5px;padding:12px}.ranking-card strong{color:var(--text);font-size:15px}.ranking-card strong,.ranking-card>div:last-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-card>div:last-child span{color:var(--muted);font-size:12px}.ranking-card p{margin:4px 0 0;color:var(--brand);font-size:12px;font-weight:800}.rankings-load-more{width:100%}.rankings-load-more-wrap{padding:2px 0 24px}.rankings-empty{display:flex;min-height:160px;align-items:center;justify-content:center;border:1px dashed rgba(226,232,240,.16);border-radius:14px;color:var(--muted);font-size:14px;font-weight:800}.rankings-page-bottom{height:40px}.admin-page{width:min(760px,calc(100% - 32px))}.admin-panel{margin:120px auto 0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--brand-soft),transparent 48%),rgba(16,20,20,.82);padding:34px;box-shadow:var(--shadow)}.admin-panel h1{margin:8px 0 12px;color:var(--text);font-size:clamp(34px,5vw,56px);line-height:1.08}.admin-panel p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.7}.admin-actions{display:flex;gap:10px;margin-top:26px}.admin-actions .primary-button,.admin-actions .secondary-button{flex:1 1}.login-page{min-height:100vh}.login-header{display:flex;align-items:center;justify-content:space-between;min-height:72px}.login-panel{width:min(560px,100%);margin:104px auto 0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--brand-soft),transparent 44%),rgba(16,20,20,.78);padding:34px;box-shadow:var(--shadow)}.login-panel h1{margin:10px 0 14px;font-size:clamp(30px,4.2vw,46px);line-height:1.12;letter-spacing:0}.login-panel p{margin:0;color:var(--muted);line-height:1.7}.login-form{display:grid;grid-gap:10px;gap:10px;margin-top:28px}.login-form label{color:var(--muted);font-size:13px;font-weight:800}.login-form input{min-height:48px;border:1px solid var(--line-strong);border-radius:8px;background:rgba(255,255,255,.035);color:var(--text);padding:0 14px;outline:0}.login-form input:focus{border-color:rgba(20,184,166,.58);box-shadow:0 0 0 3px rgba(20,184,166,.12)}.login-form input[aria-invalid=true]{border-color:rgba(248,113,113,.72);background:rgba(127,29,29,.14)}.dev-login-form{margin-top:24px;border-top:1px solid rgba(226,232,240,.11);padding-top:22px}.dev-login-heading{display:grid;grid-gap:3px;gap:3px;margin-bottom:2px}.dev-login-heading strong{color:var(--text);font-size:14px}.dev-login-heading span{color:var(--muted);font-size:12px;font-weight:700}.login-error{color:#fda4af;font-size:13px;font-weight:700}.login-message{display:grid;grid-gap:6px;gap:6px;margin-top:28px;border:1px solid rgba(20,184,166,.28);border-radius:10px;background:var(--brand-soft);padding:18px}.login-message strong{color:var(--text)}.login-message span{color:var(--muted)}.movie-detail-page{width:min(1120px,calc(100% - 32px))}.movie-detail-hero{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:34px;gap:34px;align-items:start;padding:70px 0 34px}.movie-detail-poster{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(16,20,20,.78);padding:12px;box-shadow:var(--shadow)}.movie-detail-poster img{width:100%;height:auto;border-radius:12px;display:block;object-fit:cover}.movie-detail-copy h1{max-width:780px;margin:10px 0;color:var(--text);font-size:clamp(44px,7vw,78px);line-height:1;letter-spacing:0}.movie-detail-copy .synopsis{max-width:720px;margin-top:22px;color:var(--muted);font-size:16px;line-height:1.8}.movie-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:28px}.movie-detail-stats div{display:inline-flex;min-height:54px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text);padding:0 14px;font-weight:900}.movie-detail-stats svg{color:var(--brand)}.movie-detail-actions{margin-top:12px}.movie-detail-actions .state-button{min-height:48px;flex-direction:row;gap:8px;font-size:13px;font-weight:900}.movie-comments-section{margin-bottom:72px;border:1px solid var(--line);border-radius:16px;background:rgba(16,20,20,.76);padding:24px}.comment-count{color:var(--muted);font-size:14px;font-weight:900}.comment-form{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.comment-form textarea{min-height:112px;resize:none;border:1px solid rgba(226,232,240,.13);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text);padding:14px;font:inherit;line-height:1.6;outline:none}.comment-form textarea:focus{border-color:rgba(20,184,166,.52);box-shadow:0 0 0 3px rgba(20,184,166,.12)}.comment-form textarea:disabled{cursor:not-allowed;opacity:.62}.comment-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-form span,.comment-message{color:var(--muted);font-size:13px;font-weight:800}.comment-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.comment-card{border:1px solid rgba(226,232,240,.1);border-radius:12px;background:rgba(255,255,255,.035);padding:14px}.comment-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-meta{display:inline-flex;min-width:0;align-items:center;gap:8px}.comment-card strong,.comment-meta strong{color:var(--text);font-size:14px}.comment-meta strong+strong{display:none}.comment-card span,.comment-meta span{color:var(--muted);font-size:12px;font-weight:800}.comment-menu-wrap{position:relative;flex:0 0 auto}.comment-menu-button{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid rgba(226,232,240,.11);border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.comment-menu-button:hover{border-color:rgba(20,184,166,.34);background:rgba(20,184,166,.1);color:var(--text)}.comment-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:4;display:grid;min-width:112px;overflow:hidden;border:1px solid rgba(226,232,240,.12);border-radius:10px;background:rgba(12,18,18,.96);box-shadow:var(--shadow)}.comment-menu button{border:0;background:transparent;color:var(--muted);padding:10px 12px;text-align:left;cursor:pointer}.comment-menu button:hover{background:rgba(20,184,166,.1);color:var(--text)}.comment-menu button:last-child:hover{background:rgba(244,63,94,.11);color:#fda4af}.comment-card p{margin:10px 0 0;color:var(--muted);line-height:1.7}.comment-edit-form{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.comment-edit-form textarea{min-height:96px;resize:none;border:1px solid rgba(226,232,240,.13);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text);padding:12px;font:inherit;outline:none}.comment-edit-form>div{display:flex;justify-content:flex-end;gap:8px}.share-nav{justify-content:flex-start}.share-hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-gap:34px;gap:34px;align-items:end;padding:30px 0}.share-copy h1{max-width:720px;margin:10px 0 16px;font-size:clamp(38px,7vw,70px);line-height:1;letter-spacing:0;word-break:keep-all;overflow-wrap:anywhere}.share-copy p{max-width:620px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.share-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.share-pill{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);padding:0 10px;font-size:12px;font-weight:700}.share-pill.accent{border-color:rgba(20,184,166,.3);background:var(--brand-soft);color:var(--brand)}.share-feature-card{display:block;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(16,20,20,.78);color:inherit;padding:12px;text-decoration:none}.share-feature-card img{width:100%;height:auto;border-radius:10px;display:block}.share-feature-card>div{margin-top:10px}.share-feature-card strong,.shared-movie-card strong{display:block}.share-feature-card>div span,.shared-movie-card>div:last-of-type span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.shared-grid-section{padding:18px 0 64px}.share-link-button{min-width:142px}.shared-movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.shared-movie-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:rgba(16,20,20,.78);color:inherit;padding:8px;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.share-feature-card:hover,.shared-movie-card:hover{border-color:rgba(20,184,166,.38);box-shadow:0 14px 34px rgba(0,0,0,.26);transform:translateY(-2px)}.shared-poster{position:relative;overflow:hidden;border-radius:9px}.shared-poster img{width:100%;aspect-ratio:2/3;height:auto;display:block;object-fit:cover}.shared-movie-card>div:last-of-type{padding-top:10px}.shared-movie-card p{display:inline-flex;align-items:center;gap:5px;margin:auto 0 0;padding-top:10px;color:var(--brand);font-size:12px}@media (max-width:980px){main{width:min(100% - 24px,760px)}.hero,.movie-detail-hero,.workspace{grid-template-columns:1fr}.movie-detail-hero{padding:0 0 34px}.movie-detail-poster{max-width:340px}.movie-detail-actions .state-button{min-height:50px;flex-direction:column;gap:5px;font-size:12px}.detail-panel{display:none}.movie-detail-sheet-backdrop{position:fixed;z-index:80;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,0);opacity:0;pointer-events:none;transition:opacity .18s ease,background .18s ease}.movie-detail-sheet-backdrop.is-open{background:rgba(0,0,0,.62);opacity:1;pointer-events:auto}.movie-detail-sheet{position:relative;display:grid;width:min(100%,720px);max-height:min(82vh,760px);grid-template-columns:180px minmax(0,1fr);grid-gap:18px;gap:18px;overflow-y:auto;border:1px solid var(--line-strong);border-radius:18px 18px 0 0;background:rgba(13,18,18,.98);box-shadow:0 -18px 48px rgba(0,0,0,.48);padding:18px;transform:translateY(24px);transition:transform .18s ease}.movie-detail-sheet-backdrop.is-open .movie-detail-sheet{transform:translateY(0)}.movie-detail-sheet .poster-wrap img{max-height:270px}.poster-wrap img{max-height:none}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.life-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.simple-list{grid-template-columns:repeat(2,minmax(0,1fr))}.share-hero{grid-template-columns:minmax(0,1fr) minmax(210px,250px);gap:24px;align-items:end}.share-copy h1{font-size:clamp(38px,5.4vw,52px);line-height:1.06}.shared-movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rankings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){main{width:calc(100% - 12px)}.share-hero{grid-template-columns:1fr;padding-top:42px}.share-copy h1{font-size:clamp(34px,11vw,42px)}.share-feature-card{display:none}.top-nav{min-height:58px;gap:10px}.ghost-button{display:none}.top-nav-actions{gap:5px}.auth-placeholder,.nav-scroll-button,.profile-menu-button,.top-nav .auth-button{min-height:32px;border-radius:8px;padding:0 8px;font-size:12px}.auth-placeholder{width:64px;padding:0}.profile-menu-button{min-width:38px;max-width:108px;gap:4px}.profile-menu-button:not(:has(span)){width:38px}.profile-menu{min-width:138px}.nav-scroll-button{gap:4px}.nav-scroll-button svg{width:13px;height:13px}.hero{padding-top:48px}.hero h1{font-size:39px}.movie-detail-copy h1{font-size:42px}.movie-detail-stats{grid-template-columns:1fr}.movie-detail-sheet{max-height:86vh;grid-template-columns:112px minmax(0,1fr);gap:14px;border-radius:16px 16px 0 0;padding:14px}.movie-detail-sheet .poster-wrap img{max-height:168px}.movie-detail-sheet .detail-content{padding-top:0}.movie-detail-sheet .detail-content h2{padding-right:40px;font-size:20px}.movie-detail-sheet .action-grid,.movie-detail-sheet .pick-stat,.movie-detail-sheet .synopsis{grid-column:1/-1}.my-list{padding:22px 18px}.hint-line{gap:6px;flex-direction:column;margin-bottom:10px}.life-grid{gap:8px}.empty-slot,.life-card{min-height:0;border-radius:8px}.empty-slot,.life-card{padding:6px}.empty-slot-poster,.life-card img{border-radius:6px}.life-card strong{margin-top:6px;font-size:12px}.life-card-link span{font-size:10px}.empty-slot span,.rank-dot{top:6px;left:6px;min-width:22px;height:22px;font-size:11px}.icon-remove{top:6px;right:6px;width:22px;height:22px}.movie-comments-section{padding:18px}.comment-form>div{align-items:stretch;flex-direction:column}.hero p{font-size:15px}.hint-line,.section-heading,.share-card{align-items:flex-start;flex-direction:column}.top10-heading{align-items:flex-end;flex-direction:row}.top10-heading .top10-controls button{width:34px;height:34px}.share-actions,.share-card,.share-card p,.share-card>div:first-child{width:100%}.share-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.movie-card{min-height:0}.movie-card-body{padding:8px}.movie-card-body small,.movie-card-body span{margin-bottom:7px;font-size:11px}.pick-button{height:32px;margin-top:4px;padding:0 6px;font-size:12px}.life-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.list-segmented{width:100%}.list-segmented .mj-segment{flex:1 1;min-width:0}.simple-list{grid-template-columns:1fr}.domain-strip{align-items:stretch;flex-direction:column}.domain-strip .mj-segmented{min-width:0}.shared-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rankings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.share-actions{width:100%}.share-actions button{flex:1 1}}