:root{--text:#4f6275;--text-h:#16263a;--bg:#f3f8fc;--surface:#e9f1f8;--surface-hover:#dde9f3;--border:#d3e0ec;--accent:#2d6f4e;--accent-bg:#357f5b1f;--on-accent:#fff;--accent-fill:linear-gradient(180deg, #357f5b, #2a6e4c);--accent-fill-hover:linear-gradient(180deg, #2f7653, #245f42);--accent-fill-text:#fff;--accent-fill-icon:#cfeedd;--accent-fill-shadow:inset 0 1px 0 #fff3, 0 1px 2px #16263a40;--accent-soft:linear-gradient(180deg, #d6aa5a29, #c89c4c1f);--accent-soft-hover:linear-gradient(180deg, #d6aa5a47, #c89c4c38);--accent-soft-border:#b88c4066;--accent-soft-border-hover:#b88c4099;--accent-soft-text:#7a4a1e;--accent-soft-icon:#3d7a12;--card-button:#fff9;--card-button-hover:#fffffff2;--accent-2:#65a30d;--danger:#c0392b;--cool:#2f68a8;--flame:#f97316;--flame-core:#fbbf24;--log:#7c4a2d;--smoke:#94a3b8;--scrim:#0c1420;--shadow:0 1px 2px #16263a0d, 0 6px 20px -10px #16263a33;--shadow-lift:0 2px 4px #16263a0d, 0 18px 36px -14px #2d6f4e59;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--display:"Bree Serif", Georgia, var(--sans);--ease-spring:cubic-bezier(.3, 1.5, .5, 1);font:16px/145% var(--sans);font-synthesis-weight:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#a9b1bf;--text-h:#f5ede1;--bg:#0d131f;--surface:#141b29;--surface-hover:#1c2535;--border:#263044;--accent:#fb923c;--accent-bg:#fb923c24;--on-accent:#1f1209;--accent-fill:linear-gradient(180deg, #fb9e3c8c, #ea621680);--accent-fill-hover:linear-gradient(180deg, #fb9e3cad, #ea62169e);--accent-fill-text:#fff7ed;--accent-fill-icon:#6aa886;--accent-fill-shadow:inset 0 1px 0 #ffdcb42e, 0 1px 2px #0006;--accent-soft:linear-gradient(180deg, #fb923c38, #ea580c33);--accent-soft-hover:linear-gradient(180deg, #fb923c5c, #ea580c52);--accent-soft-border:#fb923c66;--accent-soft-border-hover:#fb923c99;--accent-soft-text:#fff7ed;--accent-soft-icon:#6aa886;--card-button:var(--surface);--card-button-hover:var(--surface-hover);--danger:#f87171;--cool:#5fb79a;--accent-2:#f59e0b;--flame:#fb923c;--flame-core:#fde68a;--log:#a0694a;--smoke:#cbd5e1;--scrim:#05080e;--shadow:0 1px 2px #0000004d, 0 6px 20px -10px #0009;--shadow-lift:0 2px 4px #0000004d, 0 18px 36px -14px #fb923c59}}*{box-sizing:border-box}body{isolation:isolate;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.3 0 0 0 0 0.42 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"), linear-gradient(180deg, #c3dcf2 0, #dceaf6 40%, var(--bg) 85%), var(--bg);background-repeat:repeat,no-repeat;background-attachment:fixed;min-height:100svh;margin:0}body:before,body:after{content:"";z-index:-1;pointer-events:none;position:fixed}body:before{background:radial-gradient(circle at calc(100% - 90px) 50px,#fffbf4 0,#fff6e8 26px,#fff4e4a6 34px,#ffeede4d 110px,#0000 300px),radial-gradient(900px 520px at 100% 0,#ffe6d64d,#0000 70%);inset:0}@media (width<=720px){body:before{background:radial-gradient(circle at calc(100% - 64px) 112px,#fffbf4 0,#fff6e8 22px,#fff4e4a6 29px,#ffeede4d 90px,#0000 240px),radial-gradient(600px 420px at 100% 60px,#ffe6d64d,#0000 70%)}}body:after{opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 140' preserveAspectRatio='none' fill='%2399b6ae'%3E%3Cpath d='M20 70L30 99H10ZM20 90L37 119H3ZM20 109L42 138H-2ZM18 132h4v8h-4ZM52 40L66 82H38ZM52 68L76 110H28ZM52 95L84 137H20ZM50 132h4v8h-4ZM80 82L88 106H72ZM80 98L94 123H66ZM80 114L99 138H61ZM78 132h4v8h-4ZM118 52L131 89H105ZM118 77L139 114H97ZM118 100L146 137H90ZM116 132h4v8h-4ZM150 28L166 75H134ZM150 59L177 106H123ZM150 90L186 137H114ZM148 132h4v8h-4ZM184 74L194 102H174ZM184 92L200 120H168ZM184 110L205 138H163ZM182 132h4v8h-4ZM214 46L228 85H200ZM214 72L237 112H191ZM214 98L244 137H184ZM212 132h4v8h-4ZM250 66L261 97H239ZM250 87L268 118H232ZM250 107L274 138H226ZM248 132h4v8h-4ZM286 20L303 70H269ZM286 54L315 104H257ZM286 86L324 136H248ZM284 132h4v8h-4ZM320 78L329 104H311ZM320 95L335 121H305ZM320 112L340 138H300ZM318 132h4v8h-4ZM352 50L365 88H339ZM352 75L374 113H330ZM352 100L381 137H323ZM350 132h4v8h-4ZM384 36L399 80H369ZM384 65L409 109H359ZM384 93L417 137H351ZM382 132h4v8h-4ZM418 70L428 99H408ZM418 90L435 119H401ZM418 109L440 138H396ZM416 132h4v8h-4ZM452 44L466 84H438ZM452 71L475 111H429ZM452 97L483 137H421ZM450 132h4v8h-4ZM0 130H480V140H0Z'/%3E%3C/svg%3E") 0 100%/400px 110px repeat-x,linear-gradient(#0000 45%,#f3f8fc99),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 140' preserveAspectRatio='none' fill='%23b8ccd0'%3E%3Cpath d='M20 70L30 99H10ZM20 90L37 119H3ZM20 109L42 138H-2ZM18 132h4v8h-4ZM52 40L66 82H38ZM52 68L76 110H28ZM52 95L84 137H20ZM50 132h4v8h-4ZM80 82L88 106H72ZM80 98L94 123H66ZM80 114L99 138H61ZM78 132h4v8h-4ZM118 52L131 89H105ZM118 77L139 114H97ZM118 100L146 137H90ZM116 132h4v8h-4ZM150 28L166 75H134ZM150 59L177 106H123ZM150 90L186 137H114ZM148 132h4v8h-4ZM184 74L194 102H174ZM184 92L200 120H168ZM184 110L205 138H163ZM182 132h4v8h-4ZM214 46L228 85H200ZM214 72L237 112H191ZM214 98L244 137H184ZM212 132h4v8h-4ZM250 66L261 97H239ZM250 87L268 118H232ZM250 107L274 138H226ZM248 132h4v8h-4ZM286 20L303 70H269ZM286 54L315 104H257ZM286 86L324 136H248ZM284 132h4v8h-4ZM320 78L329 104H311ZM320 95L335 121H305ZM320 112L340 138H300ZM318 132h4v8h-4ZM352 50L365 88H339ZM352 75L374 113H330ZM352 100L381 137H323ZM350 132h4v8h-4ZM384 36L399 80H369ZM384 65L409 109H359ZM384 93L417 137H351ZM382 132h4v8h-4ZM418 70L428 99H408ZM418 90L435 119H401ZM418 109L440 138H396ZM416 132h4v8h-4ZM452 44L466 84H438ZM452 71L475 111H429ZM452 97L483 137H421ZM450 132h4v8h-4ZM0 130H480V140H0Z'/%3E%3C/svg%3E") 170px 100%/470px 150px repeat-x,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 140' preserveAspectRatio='none' fill='%23d2e0e8'%3E%3Cpath d='M20 70L30 99H10ZM20 90L37 119H3ZM20 109L42 138H-2ZM18 132h4v8h-4ZM52 40L66 82H38ZM52 68L76 110H28ZM52 95L84 137H20ZM50 132h4v8h-4ZM80 82L88 106H72ZM80 98L94 123H66ZM80 114L99 138H61ZM78 132h4v8h-4ZM118 52L131 89H105ZM118 77L139 114H97ZM118 100L146 137H90ZM116 132h4v8h-4ZM150 28L166 75H134ZM150 59L177 106H123ZM150 90L186 137H114ZM148 132h4v8h-4ZM184 74L194 102H174ZM184 92L200 120H168ZM184 110L205 138H163ZM182 132h4v8h-4ZM214 46L228 85H200ZM214 72L237 112H191ZM214 98L244 137H184ZM212 132h4v8h-4ZM250 66L261 97H239ZM250 87L268 118H232ZM250 107L274 138H226ZM248 132h4v8h-4ZM286 20L303 70H269ZM286 54L315 104H257ZM286 86L324 136H248ZM284 132h4v8h-4ZM320 78L329 104H311ZM320 95L335 121H305ZM320 112L340 138H300ZM318 132h4v8h-4ZM352 50L365 88H339ZM352 75L374 113H330ZM352 100L381 137H323ZM350 132h4v8h-4ZM384 36L399 80H369ZM384 65L409 109H359ZM384 93L417 137H351ZM382 132h4v8h-4ZM418 70L428 99H408ZM418 90L435 119H401ZM418 109L440 138H396ZM416 132h4v8h-4ZM452 44L466 84H438ZM452 71L475 111H429ZM452 97L483 137H421ZM450 132h4v8h-4ZM0 130H480V140H0Z'/%3E%3C/svg%3E") 320px 100%/560px 190px repeat-x;height:190px;inset:auto 0 0}@media (prefers-color-scheme:dark){body{background:radial-gradient(900px 420px at 15% -180px, #6378b41f, transparent 70%), linear-gradient(180deg, transparent 40%, #0c1a1a), var(--bg);background-attachment:fixed}body:before{content:"";background:radial-gradient(60% 260px at 50% calc(100% + 60px),#fb923c38,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' fill='%23fff3e0'%3E%3Ccircle cx='0' cy='147' r='0.9' fill-opacity='0.68'/%3E%3Ccircle cx='277' cy='79' r='0.9' fill-opacity='0.57'/%3E%3Ccircle cx='17' cy='280' r='0.6' fill-opacity='0.62'/%3E%3Ccircle cx='167' cy='24' r='0.6' fill-opacity='0.73'/%3E%3Ccircle cx='112' cy='50' r='0.6' fill-opacity='0.45'/%3E%3Ccircle cx='136' cy='149' r='0.9' fill-opacity='0.55'/%3E%3Ccircle cx='188' cy='268' r='0.6' fill-opacity='0.67'/%3E%3Ccircle cx='50' cy='103' r='0.6' fill-opacity='0.93'/%3E%3Ccircle cx='99' cy='172' r='0.9' fill-opacity='0.84'/%3E%3Ccircle cx='162' cy='215' r='0.6' fill-opacity='0.46'/%3E%3Ccircle cx='291' cy='284' r='0.9' fill-opacity='0.95'/%3E%3Ccircle cx='246' cy='62' r='0.6' fill-opacity='0.84'/%3E%3Ccircle cx='54' cy='192' r='0.9' fill-opacity='0.62'/%3E%3Ccircle cx='299' cy='14' r='0.6' fill-opacity='0.91'/%3E%3Ccircle cx='245' cy='9' r='0.6' fill-opacity='0.61'/%3E%3Ccircle cx='278' cy='137' r='0.9' fill-opacity='0.54'/%3E%3Ccircle cx='130' cy='140' r='1.3' fill-opacity='0.81'/%3E%3Ccircle cx='97' cy='120' r='0.9' fill-opacity='0.75'/%3E%3Ccircle cx='228' cy='299' r='1.3' fill-opacity='0.60'/%3E%3Ccircle cx='167' cy='80' r='0.9' fill-opacity='0.43'/%3E%3Ccircle cx='198' cy='229' r='0.9' fill-opacity='0.55'/%3E%3Ccircle cx='126' cy='292' r='0.6' fill-opacity='0.65'/%3E%3Ccircle cx='41' cy='32' r='0.6' fill-opacity='0.35'/%3E%3Ccircle cx='149' cy='219' r='0.9' fill-opacity='0.60'/%3E%3Ccircle cx='49' cy='63' r='0.6' fill-opacity='0.78'/%3E%3Ccircle cx='217' cy='130' r='0.9' fill-opacity='0.47'/%3E%3Ccircle cx='86' cy='244' r='0.6' fill-opacity='0.70'/%3E%3Ccircle cx='125' cy='232' r='0.6' fill-opacity='0.94'/%3E%3C/svg%3E");inset:0;-webkit-mask-image:linear-gradient(#000 0,#00000080 45%,#000 85%);mask-image:linear-gradient(#000 0,#00000080 45%,#000 85%)}body:after{content:"";opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='140' fill='%23070c14'%3E%3Cpath d='M20 70L30 99H10ZM20 90L37 119H3ZM20 109L42 138H-2ZM18 132h4v8h-4ZM52 40L66 82H38ZM52 68L76 110H28ZM52 95L84 137H20ZM50 132h4v8h-4ZM80 82L88 106H72ZM80 98L94 123H66ZM80 114L99 138H61ZM78 132h4v8h-4ZM118 52L131 89H105ZM118 77L139 114H97ZM118 100L146 137H90ZM116 132h4v8h-4ZM150 28L166 75H134ZM150 59L177 106H123ZM150 90L186 137H114ZM148 132h4v8h-4ZM184 74L194 102H174ZM184 92L200 120H168ZM184 110L205 138H163ZM182 132h4v8h-4ZM214 46L228 85H200ZM214 72L237 112H191ZM214 98L244 137H184ZM212 132h4v8h-4ZM250 66L261 97H239ZM250 87L268 118H232ZM250 107L274 138H226ZM248 132h4v8h-4ZM286 20L303 70H269ZM286 54L315 104H257ZM286 86L324 136H248ZM284 132h4v8h-4ZM320 78L329 104H311ZM320 95L335 121H305ZM320 112L340 138H300ZM318 132h4v8h-4ZM352 50L365 88H339ZM352 75L374 113H330ZM352 100L381 137H323ZM350 132h4v8h-4ZM384 36L399 80H369ZM384 65L409 109H359ZM384 93L417 137H351ZM382 132h4v8h-4ZM418 70L428 99H408ZM418 90L435 119H401ZM418 109L440 138H396ZM416 132h4v8h-4ZM452 44L466 84H438ZM452 71L475 111H429ZM452 97L483 137H421ZM450 132h4v8h-4ZM0 130H480V140H0Z'/%3E%3C/svg%3E") 0 100%/480px 140px repeat-x;height:140px;inset:auto 0 0}}h1,h2,h3{font-family:var(--display);color:var(--text-h);letter-spacing:-.01em;margin:0 0 8px;font-weight:700}h1{letter-spacing:-.015em;font-size:clamp(28px,5vw,38px);line-height:1.1}h2{font-size:22px}p{margin:0 0 8px}a{color:var(--accent)}input,select,textarea,button{font:inherit;border:1px solid var(--border);color:var(--text-h);background:var(--bg);transition:border-color .15s, background-color .15s, color .15s, box-shadow .15s, transform .15s var(--ease-spring);border-radius:6px;padding:8px 14px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}button{cursor:pointer;background:var(--surface);justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-h)}button:active:not(:disabled){transform:scale(.97)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:default;opacity:.5}.btn-primary{background:var(--accent-fill);box-shadow:var(--accent-fill-shadow);color:var(--accent-fill-text);border-color:#0000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-fill-hover);color:var(--accent-fill-text)}.btn-primary.btn-soft{border-color:var(--accent-soft-border);background:var(--accent-soft);color:var(--accent-soft-text)}.btn-primary.btn-soft:hover:not(:disabled){border-color:var(--accent-soft-border-hover);background:var(--accent-soft-hover);color:var(--accent-soft-text)}.btn-primary.btn-soft .icon{color:var(--accent-soft-icon)}.btn-primary .icon{color:var(--accent-fill-icon)}.btn-icon{flex:none;width:38px;padding:0}.btn-quiet{color:var(--text);background:0 0;border-color:#0000}.btn-quiet:hover:not(:disabled){background:var(--surface-hover);border-color:#0000}.btn-danger:hover:not(:disabled){color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.icon{flex-shrink:0;width:1.1em;height:1.1em}.error-text{color:var(--danger)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}.app-shell{min-height:100svh;display:flex}.app-sidebar{z-index:10;border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);flex-direction:column;flex:none;width:232px;height:100svh;padding:20px 12px 16px;display:flex;position:sticky;top:0}.app-title{font-family:var(--display);letter-spacing:-.015em;color:var(--text-h);align-items:center;gap:8px;margin:0 10px 24px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.app-sidebar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.app-sidebar-header .app-title{margin:0 0 0 10px}.notifications-menu{position:relative}.notifications-trigger{border-radius:999px;padding:7px;font-size:18px;position:relative}.notifications-trigger[aria-expanded=true]{background:var(--surface-hover);color:var(--text-h)}.notifications-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:6px;right:6px}.notifications-panel{z-index:20;border:1px solid var(--border);background:var(--bg);width:340px;max-height:min(480px,100svh - 96px);box-shadow:var(--shadow-lift);transform-origin:0 0;animation:menu-in .18s var(--ease-spring) both;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.notifications-heading{margin:0;padding:8px 10px;font-size:15px}.notifications-empty{color:var(--text);justify-content:center;margin:0;padding:16px 10px 20px;font-size:14px;display:flex}.notifications-all{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:9px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.notifications-all:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}.notifications-feed{gap:2px;max-width:640px;display:grid}.notifications-more{justify-content:center;max-width:640px;margin-top:16px;display:flex}.notifications-list{margin:0;padding:0;list-style:none}.notification{color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;line-height:1.35;text-decoration:none;display:flex}.notification:hover{background:var(--surface-hover)}.notification--unread{background:color-mix(in srgb, var(--accent) 10%, transparent)}.notification strong{color:var(--text-h);font-weight:600}.notification-text{min-width:0}.notification time{margin-top:2px;font-size:12px;display:block}.notification-cover{background:var(--surface);border-radius:4px;flex:none;width:32px;height:44px;overflow:hidden}.notification-cover img,.notification-cover .cover-placeholder{object-fit:cover;width:100%;height:100%}.notification-cover .cover-placeholder span{display:none}.nav-badge{background:var(--accent);min-width:18px;color:var(--on-accent);text-align:center;border-radius:999px;margin-left:auto;padding:1px 5px;font-size:11px;font-weight:700;line-height:16px}.logo-mark{width:28px;height:28px;color:var(--flame);transition:transform .3s var(--ease-spring);overflow:visible}.logo-flame{transform-origin:50% 72%}.logo-smoke circle{fill:var(--smoke);opacity:0;transform-box:fill-box;transform-origin:50%}.app-title:hover .logo-flame,.auth-card>.logo-mark:hover .logo-flame{animation:.9s ease-in-out infinite flicker}.app-title:hover .logo-smoke circle,.auth-card>.logo-mark:hover .logo-smoke circle{animation:2.1s ease-out infinite smoke}.app-title:hover .logo-smoke circle:nth-child(2),.auth-card>.logo-mark:hover .logo-smoke circle:nth-child(2){animation-name:smoke-alt;animation-delay:.7s}.app-title:hover .logo-smoke circle:nth-child(3),.auth-card>.logo-mark:hover .logo-smoke circle:nth-child(3){animation-delay:1.4s}@keyframes smoke{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:.55}60%{transform:translate(2px,-11px)scale(1.4)}to{opacity:0;transform:translate(.5px,-21px)scale(2.2)}}@keyframes smoke-alt{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:.55}60%{transform:translate(-2px,-11px)scale(1.4)}to{opacity:0;transform:translate(-.5px,-21px)scale(2.2)}}@media (prefers-reduced-motion:reduce){.app-title:hover .logo-smoke circle,.auth-card>.logo-mark:hover .logo-smoke circle{animation:none}}@keyframes flicker{0%,to{transform:scale(1)skew(0)}25%{transform:scale(.96,1.07)skew(-3deg)}50%{transform:scale(1.03,.95)skew(2deg)}75%{transform:scale(.98,1.04)skew(-1deg)}}.app-nav{flex-direction:column;gap:2px;display:flex;position:relative}.app-nav-indicator{width:var(--link-w);height:var(--link-h);background:var(--accent-bg);pointer-events:none;transform:translate(var(--link-x), var(--link-y));transition:transform .35s var(--ease-spring), width .35s var(--ease-spring), height .35s var(--ease-spring);border-radius:8px;position:absolute;top:0;left:0}.app-nav a{color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:9px 12px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:flex;position:relative}.app-nav a .icon{font-size:17px;transition:background-color .15s}.app-nav a:hover{background:var(--surface-hover);color:var(--text-h)}.app-nav a.active{color:var(--text-h);background:0 0;font-weight:600}.app-nav a.active .icon{color:var(--accent)}.app-nav a.active .icon>*{transform-box:view-box;transform-origin:50%;animation:nav-icon-pop .45s var(--ease-spring)}@keyframes nav-icon-pop{0%{transform:scale(.6)rotate(-12deg)}to{transform:scale(1)rotate(0)}}.app-nav-short-label{display:none}.in-progress-panel{isolation:isolate;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 14%, var(--bg)), color-mix(in srgb, var(--accent) 4%, var(--bg)) 70%);box-shadow:var(--shadow);color:inherit;transition:border-color .2s, box-shadow .2s, transform .3s var(--ease-spring);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto;padding:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.in-progress-panel:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow-lift);transform:translateY(-2px)}.in-progress-glow{z-index:-1;filter:blur(28px)saturate(1.6);opacity:.26;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:-30%}.in-progress-panel:hover .in-progress-glow{opacity:.38}.in-progress-panel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-sidebar .in-progress-panel+.user-menu{margin-top:8px}.in-progress-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.in-progress-pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;position:relative}.in-progress-pulse:after{content:"";background:var(--accent);border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.in-progress-covers{align-self:center;width:96px;height:150px;margin:2px 0 4px;position:relative}.in-progress-covers[data-count="2"]{width:148px}.in-progress-covers[data-count="3"]{width:180px}.in-progress-cover{background:var(--surface-hover);width:96px;height:144px;box-shadow:var(--shadow);transform-origin:50% 100%;transform:translateX(var(--fan-x,0)) rotate(var(--fan-r,0));transition:transform .3s var(--ease-spring);border:2px solid #fff;border-radius:8px;margin-left:-48px;position:absolute;bottom:0;left:50%;overflow:hidden}.in-progress-cover:not([data-slot="0"]){filter:brightness(.92)}.in-progress-covers[data-count="1"] .in-progress-cover{--fan-hover-r:-3deg}.in-progress-covers[data-count="2"] [data-slot="0"]{--fan-x:8px;--fan-r:4deg;--fan-hover-x:12px;--fan-hover-r:6deg}.in-progress-covers[data-count="2"] [data-slot="1"]{--fan-x:-10px;--fan-r:-6deg;--fan-hover-x:-16px;--fan-hover-r:-10deg}.in-progress-covers[data-count="3"] [data-slot="1"]{--fan-x:-20px;--fan-r:-9deg;--fan-hover-x:-24px;--fan-hover-r:-11deg}.in-progress-covers[data-count="3"] [data-slot="2"]{--fan-x:20px;--fan-r:9deg;--fan-hover-x:24px;--fan-hover-r:11deg}.in-progress-panel:hover .in-progress-cover{transform:translateX(var(--fan-hover-x,var(--fan-x,0))) rotate(var(--fan-hover-r,var(--fan-r,0)))}.in-progress-cover img{object-fit:cover;width:100%;height:100%;display:block}.in-progress-cover .cover-placeholder{justify-content:center;align-items:center;padding:0}.in-progress-cover .cover-placeholder span{display:none}.in-progress-cover .cover-placeholder .icon{font-size:28px}.in-progress-text{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:100%;display:flex}.in-progress-heading{align-items:flex-start;gap:6px;max-width:100%;display:flex}.in-progress-count{background:var(--accent-bg);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:700;line-height:16px}.in-progress-title{min-width:0;color:var(--text-h);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.in-progress-type{color:var(--text);align-items:center;gap:4px;font-size:12px;display:inline-flex}@media (height<=700px){.in-progress-panel{display:none}.app-sidebar .in-progress-panel+.user-menu{margin-top:auto}}.app-sidebar .user-menu{margin-top:auto}.app-sidebar .user-menu-trigger{justify-content:flex-start;width:100%}.app-sidebar .user-menu-chevron{margin-left:auto;transform:rotate(180deg)}.app-sidebar .user-menu-trigger[aria-expanded=true] .user-menu-chevron{transform:none}.app-sidebar .user-menu-panel{transform-origin:0 100%;inset:auto auto calc(100% + 8px) 0}.user-menu{position:relative}.user-menu-trigger{background:0 0;border-color:#0000;border-radius:999px;gap:8px;padding:4px 8px 4px 4px}.user-menu-trigger:hover:not(:disabled),.user-menu-trigger[aria-expanded=true]{border-color:var(--border);background:var(--surface);color:var(--text-h)}.app-username{color:var(--text-h);font-weight:500}.user-menu-chevron{color:var(--text);transition:transform .2s var(--ease-spring)}.user-menu-trigger[aria-expanded=true] .user-menu-chevron{transform:rotate(180deg)}.user-menu-panel{z-index:20;border:1px solid var(--border);background:var(--bg);min-width:220px;box-shadow:var(--shadow-lift);transform-origin:100% 0;animation:menu-in .18s var(--ease-spring) both;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.user-menu-signed-in{border-bottom:1px solid var(--border);margin:0 0 6px;padding:8px 10px 10px;font-size:13px}.user-menu-signed-in strong{color:var(--text-h)}.user-menu-item{width:100%;color:var(--text-h);border-radius:8px;justify-content:flex-start;gap:10px;padding:8px 10px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}}.avatar{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--accent-2)));width:32px;height:32px;color:var(--on-accent);font-family:var(--display);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:inline-grid}.avatar--sm{width:22px;height:22px;font-size:11px}.avatar--lg{width:40px;height:40px;font-size:18px}.avatar--xl{width:96px;height:96px;font-size:40px}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.friend-heading{align-items:center;gap:12px;display:inline-flex}.app-main{flex:1;min-width:0;max-width:1600px;margin:0 auto;padding:32px 32px 64px}@media (width<=720px){.app-shell{flex-direction:column}.app-sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);flex-direction:row;align-items:center;width:auto;height:auto;padding:10px 16px}.app-title{margin:0}.app-sidebar-header{display:contents}.app-sidebar-header .app-title{margin:0}.notifications-menu{margin-left:auto}.notifications-panel{transform-origin:100% 0;width:auto;position:fixed;top:60px;left:16px;right:16px}.app-sidebar .user-menu{margin:0 0 0 4px}.nav-badge{margin:0;position:absolute;top:2px;left:calc(50% + 6px)}.in-progress-panel{display:none}.app-sidebar .in-progress-panel+.user-menu{margin-top:0}.app-sidebar .user-menu-trigger{width:auto}.app-sidebar .user-menu-chevron{margin-left:0;transform:none}.app-sidebar .user-menu-trigger[aria-expanded=true] .user-menu-chevron{transform:rotate(180deg)}.app-sidebar .user-menu-panel{transform-origin:100% 0;inset:calc(100% + 8px) 0 auto auto}.app-username{display:none}.app-nav{padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);flex-direction:row;gap:0;position:fixed;bottom:0;left:0;right:0}.app-nav a{flex-direction:column;flex:1;gap:3px;padding:4px;font-size:11px}.app-nav a .icon{box-sizing:content-box;border-radius:999px;padding:4px 16px;font-size:19px}.app-nav a:hover,.app-nav a.active{background:0 0}.app-nav a:hover:not(.active) .icon{background:var(--surface-hover)}.app-nav-indicator{width:var(--icon-w);height:var(--icon-h);transform:translate(var(--icon-x), var(--icon-y));border-radius:999px}.app-nav-label{display:none}.app-nav-short-label{display:inline}.app-main{box-sizing:border-box;width:100%;padding:24px 16px calc(96px + env(safe-area-inset-bottom))}}.page-header{margin-bottom:24px;animation:.4s ease-out both rise-in}.page-header p{font-size:17px}.page-status{color:var(--text);justify-content:center;align-items:center;gap:10px;margin:0;padding:48px 0;display:flex}.page-status .spinner{color:var(--accent);border-width:2.5px;width:20px;height:20px}.empty-state{text-align:center;border:1.5px dashed var(--border);background:var(--surface);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;animation:.4s ease-out both rise-in;display:flex}.empty-state p{max-width:40ch;margin:0}.empty-state-icon{background:var(--accent-bg);width:56px;height:56px;color:var(--accent);border-radius:16px;place-items:center;font-size:26px;display:grid}.empty-state-icon .logo-mark{width:30px;height:30px}.page-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-bar{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;padding:8px}.search-bar input{border-color:#0000}.type-select{position:relative}.type-select-trigger{background:var(--surface);color:var(--text-h);white-space:nowrap;border-color:#0000;border-radius:10px;gap:8px;padding:8px 12px}.type-select-trigger .icon{color:var(--accent);font-size:16px}.type-select-trigger[aria-expanded=true]{background:var(--surface-hover)}.type-select-trigger:focus-visible{box-shadow:0 0 0 3px var(--accent-bg);outline:none}.type-select-chevron{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;color:var(--text);transition:transform .2s var(--ease-spring);margin-left:2px}.type-select-trigger[aria-expanded=true] .type-select-chevron{transform:rotate(180deg)}.type-select-panel{z-index:20;border:1px solid var(--border);background:var(--bg);min-width:100%;box-shadow:var(--shadow-lift);transform-origin:0 0;animation:menu-in .18s var(--ease-spring) both;border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 8px);left:0}.type-select-panel:focus{outline:none}.type-select-option{color:var(--text-h);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px 8px 10px;font-size:14px;display:flex}.type-select-option .icon{color:var(--text);font-size:16px}.type-select-option.is-active{background:var(--surface-hover)}.type-select-option[aria-selected=true]{font-weight:600}.type-select-option[aria-selected=true] .icon{color:var(--accent)}.search-input{min-width:200px;color:var(--text);flex:1;align-items:center;gap:4px;padding-left:10px;display:flex}.search-input input{flex:1;min-width:0;padding-left:6px}.search-input input:focus{box-shadow:none}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg), var(--shadow)}.list-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:4px 16px;margin-bottom:24px;display:flex}.status-tabs{gap:24px;display:flex;position:relative}.status-tabs button{color:var(--text);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;gap:6px;margin-bottom:-1px;padding:8px 0 12px}.status-tabs button:hover:not(:disabled,.active){border-bottom-color:color-mix(in srgb, var(--text) 40%, transparent);color:var(--text-h);background:0 0}.status-tabs-divider{background:var(--border);align-self:center;width:1px;height:18px;margin:0 -6px -2px}.status-tabs button.status-tab--upcoming{font-size:.9em;font-weight:400}.status-tabs button.status-tab--upcoming.active{font-weight:500}.status-tabs button:active:not(:disabled){transform:none}.status-tabs button.active{color:var(--text-h);background:0 0;font-weight:600}.status-indicator{background:var(--accent);pointer-events:none;height:2px;transition:transform .3s var(--ease-spring), width .3s var(--ease-spring), background-color .3s;position:absolute;bottom:-1px;left:0}.status-indicator--upcoming{background:var(--cool)}.status-count{color:var(--text);font-variant-numeric:tabular-nums;opacity:.75;font-size:12px;font-weight:600}.status-tabs button.active .status-count{color:var(--accent);opacity:1}.status-tabs button.status-tab--upcoming.active .status-count{color:var(--cool)}.type-filter{gap:2px;margin-left:auto;padding-bottom:6px;display:flex}.type-filter button{min-width:36px;height:32px;color:var(--text);background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:17px}.type-filter button:hover:not(:disabled){background:var(--accent-bg);color:var(--text-h)}.type-filter button.active{background:var(--accent-bg);color:var(--accent)}.type-filter-all{font-size:13px;font-weight:600}@media (width<=560px){.list-toolbar{border-bottom:0;flex-direction:column;align-items:stretch}.status-tabs{border-bottom:1px solid var(--border);gap:16px}.status-tabs button{white-space:nowrap}.status-label--upcoming{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.type-filter{margin-left:0;padding:8px 0 0}}.back-link{margin-bottom:12px;font-weight:500;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}section+section{margin-top:40px}.panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:24px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;transition:opacity .2s;display:grid}.media-grid.is-stale{opacity:.45;pointer-events:none}@media (width<=480px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.media-card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);transition:transform .25s var(--ease-spring), box-shadow .25s, border-color .25s;border-radius:14px;flex-direction:column;animation:.45s ease-out both rise-in;display:flex;position:relative;overflow:hidden}.sortable-entry{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;display:flex}.sortable-entry>.media-card{flex:1}.sortable-entry:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sortable-entry.is-dragging{z-index:10;cursor:grabbing;position:relative}.sortable-entry.is-dragging>.media-card{transform:scale(1.04)rotate(-1deg);box-shadow:0 18px 40px #00000047}.media-card:nth-child(2),.sortable-entry:nth-child(2)>.media-card{animation-delay:30ms}.media-card:nth-child(3),.sortable-entry:nth-child(3)>.media-card{animation-delay:60ms}.media-card:nth-child(4),.sortable-entry:nth-child(4)>.media-card{animation-delay:90ms}.media-card:nth-child(5),.sortable-entry:nth-child(5)>.media-card{animation-delay:.12s}.media-card:nth-child(6),.sortable-entry:nth-child(6)>.media-card{animation-delay:.15s}.media-card:nth-child(7),.sortable-entry:nth-child(7)>.media-card{animation-delay:.18s}.media-card:nth-child(8),.sortable-entry:nth-child(8)>.media-card{animation-delay:.21s}.media-card:nth-child(9),.sortable-entry:nth-child(9)>.media-card{animation-delay:.24s}.media-card:nth-child(10),.sortable-entry:nth-child(10)>.media-card{animation-delay:.27s}.media-card:nth-child(11),.sortable-entry:nth-child(11)>.media-card{animation-delay:.3s}.media-card:nth-child(n+12),.sortable-entry:nth-child(n+12)>.media-card{animation-delay:.33s}.media-card:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-4px)}.media-card-cover{aspect-ratio:2/3;background:var(--surface);cursor:pointer;border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.media-card-cover:active:not(:disabled){transform:none}.media-card-cover img,.details-cover img{object-fit:cover;width:100%;height:100%;display:block}.media-card-cover img{transition:transform .5s ease-out,opacity .3s,filter .3s}.media-card:hover .media-card-cover img{transform:scale(1.04)}.media-card-cover-wrap{position:relative}.media-card-cover-actions{z-index:1;gap:4px;display:flex;position:absolute;top:10px;right:10px}.media-card-cover-actions .cover-action{background:color-mix(in srgb, var(--scrim) 55%, transparent);-webkit-backdrop-filter:blur(8px);color:#fff;border:0;border-radius:50%;width:29px;height:29px;font-size:14px}.media-card-cover-actions .cover-action:hover:not(:disabled){background:color-mix(in srgb, var(--scrim) 80%, transparent);color:#fff}.entry-menu{position:relative}.entry-menu .cover-action[aria-expanded=true]{background:color-mix(in srgb, var(--scrim) 80%, transparent)}.entry-menu-panel{z-index:20;border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-lift);transform-origin:100% 0;animation:menu-in .18s var(--ease-spring) both;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.entry-menu-item{white-space:nowrap;border-radius:7px;justify-content:flex-start;gap:8px;width:100%;padding:7px 12px 7px 10px;font-size:14px}.entry-menu-item.btn-danger{color:var(--danger)}.media-card-cover-actions .cover-action--done:hover:not(:disabled){color:#4ade80}.cover-action--recommend:not(.is-sent) .icon{font-size:13px;transform:translate(-1px,1px)}.media-card-cover-actions .cover-action--recommend.is-sent,.media-card-cover-actions .cover-action--recommend.is-sent:hover:not(:disabled){color:#4ade80}.cover-action--recommend.is-sent .icon{animation:pop .45s var(--ease-spring) both}.media-card-cover:after{content:"";pointer-events:none;background:linear-gradient(#00000059,#0000);height:64px;position:absolute;inset:0 0 auto}.cover-placeholder{text-align:left;background:radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 22%, var(--bg)), var(--surface));height:100%;color:var(--text-h);font-family:var(--display);flex-direction:column;justify-content:flex-end;gap:10px;padding:18px;font-size:18px;font-weight:700;line-height:1.15;display:flex}.cover-placeholder .icon{color:var(--accent);font-size:30px}.media-card-type{z-index:1;background:color-mix(in srgb, var(--scrim) 55%, transparent);-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.06em;text-transform:uppercase;transition:gap .25s var(--ease-spring), padding .25s var(--ease-spring);border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.media-card-type .icon{font-size:13px}.media-card-type-label{white-space:nowrap;max-width:12em;transition:max-width .25s var(--ease-spring), opacity .15s;overflow:hidden}.media-card:has(.media-card-cover-actions>:nth-child(3)) .media-card-type{gap:0;padding-right:7px}.media-card:has(.media-card-cover-actions>:nth-child(3)) .media-card-type-label{opacity:0;max-width:0}@media (hover:hover){.media-card-cover-actions{opacity:0;transition:opacity .15s}.media-card:is(:hover,:focus-within) .media-card-cover-actions{opacity:1}.media-card-cover-actions:has([aria-expanded=true]){opacity:1}.media-card:has(.media-card-cover-actions>:nth-child(3)):not(:hover,:focus-within) .media-card-type{gap:5px;padding-right:9px}.media-card:has(.media-card-cover-actions>:nth-child(3)):not(:hover,:focus-within) .media-card-type-label{opacity:1;max-width:12em}}.cover-stack{position:absolute;inset:0;overflow:hidden}.cover-stack:before{content:"";background:var(--cover) center / cover;filter:blur(18px)brightness(.55)saturate(1.2);position:absolute;inset:-20px}.cover-stack-item{aspect-ratio:2/3;transform-origin:50% 100%;width:60%;transform:translate(var(--stack-x,0), var(--stack-y,0)) rotate(var(--stack-r,0));transition:transform .35s var(--ease-spring);border:2px solid #fff;border-radius:6px;position:absolute;top:25%;left:9%;overflow:hidden;box-shadow:0 6px 16px -6px #0009}.cover-stack[data-count="2"] .cover-stack-item{left:14%}.cover-stack[data-count="1"] .cover-stack-item{left:20%}.cover-stack-item:not([data-slot="0"]){filter:brightness(.85)}.cover-stack-item[data-slot="1"]{--stack-x:11%;--stack-y:-7%;--stack-r:3deg}.cover-stack-item[data-slot="2"]{--stack-x:22%;--stack-y:-14%;--stack-r:6deg}.media-card:hover .media-card-cover .cover-stack img{transform:none}.media-card:hover .cover-stack-item[data-slot="0"]{--stack-r:-2deg}.media-card:hover .cover-stack-item[data-slot="1"]{--stack-x:14%;--stack-r:4deg}.media-card:hover .cover-stack-item[data-slot="2"]{--stack-x:27%;--stack-r:8deg}.media-card-progress-count{z-index:1;background:color-mix(in srgb, var(--scrim) 55%, transparent);-webkit-backdrop-filter:blur(8px);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;position:absolute;bottom:14px;left:10px}.media-card-progress-bar{z-index:1;background:color-mix(in srgb, var(--scrim) 45%, transparent);height:4px;position:absolute;inset:auto 0 0}.media-card-progress-bar>span{background:var(--accent);height:100%;transition:width .4s ease-out;display:block}.media-card-body{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.media-card-body h3{font-family:var(--sans);margin:0;font-size:16px;font-weight:600;line-height:1.25}.media-card-title{-webkit-line-clamp:2;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;-webkit-box-orient:vertical;padding:0;display:-webkit-box;overflow:hidden}.media-card-title:hover:not(:disabled){color:var(--accent)}.media-card-title:active:not(:disabled){transform:none}.media-card-heading{flex-direction:column;gap:2px;display:flex}.media-card-year{font-variant-numeric:tabular-nums;color:var(--text);font-size:13px}.media-card-actions{flex-direction:column;gap:6px;margin-top:auto;display:flex}.media-card-actions button:not(.btn-primary,.btn-quiet,.is-sent){background:var(--card-button)}.media-card-actions button:not(.btn-primary,.btn-quiet,.is-sent):hover:not(:disabled){background:var(--card-button-hover)}.entry-move{white-space:nowrap}.entry-move--finish{--finish-gap:6px}.entry-move--finish .icon{width:0;transition:width .2s var(--ease-spring), margin .2s var(--ease-spring), transform .25s var(--ease-spring);margin-inline-end:calc(-1 * var(--finish-gap))}.entry-move--finish .icon path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .12s ease-in}.entry-move--finish:is(:hover,:focus-visible,.is-finishing):not(:disabled) .icon{width:1.1em;margin-inline-end:0}.entry-move--finish:is(:hover,:focus-visible,.is-finishing):not(:disabled) .icon path{stroke-dashoffset:0;transition:stroke-dashoffset .3s cubic-bezier(.65,0,.35,1) 80ms}.entry-move-label{grid-template-columns:1fr;transition:grid-template-columns .5s cubic-bezier(.65,0,.35,1),margin .5s cubic-bezier(.65,0,.35,1);display:inline-grid}.entry-move-label>span{clip-path:inset(0);min-width:0;transition:clip-path .45s cubic-bezier(.65,0,.35,1);overflow:hidden}.entry-move-more{grid-template-columns:0fr;transition:grid-template-columns .3s cubic-bezier(.65,0,.35,1);display:inline-grid}.entry-move-more>span{clip-path:inset(0 100% 0 0);min-width:0;transition:clip-path .3s cubic-bezier(.65,0,.35,1);overflow:hidden}.entry-move:is(:hover,:focus-visible):not(:disabled) .entry-move-more{grid-template-columns:1fr}.entry-move:is(:hover,:focus-visible):not(:disabled) .entry-move-more>span{clip-path:inset(0);transition-delay:80ms}.entry-move--finish.is-finishing .entry-move-label{grid-template-columns:0fr;margin-inline-start:calc(-1 * var(--finish-gap))}.entry-move--finish.is-finishing .entry-move-label>span{clip-path:inset(0 100% 0 0)}.entry-move--finish.is-finishing .icon{transition:width .2s var(--ease-spring), margin .2s var(--ease-spring), transform .45s var(--ease-spring) .45s;transform:scale(1.6)}@media (prefers-reduced-motion:reduce){.entry-move--finish .icon{width:1.1em;margin-inline-end:0}.entry-move--finish .icon path{stroke-dashoffset:0}}.pop-burst{z-index:20;pointer-events:none;width:0;height:0;position:absolute}.pop-burst span{background:var(--accent);border-radius:50%;width:7px;height:7px;margin:-3.5px;position:absolute}.pop-burst span:nth-child(2n){background:var(--cool)}@media (width<=480px){.entry-move{gap:4px;padding-inline:6px;font-size:14px}.entry-move--finish{--finish-gap:4px}}.media-card-actions:empty{display:none}.media-card-actions p{margin:0}.add-button{position:relative;overflow:hidden}.add-button[aria-busy=true]{opacity:1;cursor:progress}.add-button[aria-busy=true]:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff4d 50%,#0000 80%);animation:1.1s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-100%)}.add-button.is-added{opacity:1;box-shadow:none;color:var(--accent);background:0 0;border-color:#0000}.add-button.is-added .icon{animation:pop .45s var(--ease-spring) both}.add-split{display:flex;position:relative}.add-split .add-button{flex:1}.add-split.has-menu .add-button{border-top-right-radius:0;border-bottom-right-radius:0}.add-split.has-menu .add-button.btn-soft{border-right-width:0}.add-split-trigger{border-left:1px solid color-mix(in srgb, currentColor 25%, transparent);border-top-left-radius:0;border-bottom-left-radius:0;width:34px}.add-split-trigger .icon{transition:transform .2s}.add-split-trigger[aria-expanded=true] .icon{transform:rotate(180deg)}.add-split.has-menu .add-button{transition:border-color .15s, background-color .15s, color .15s, box-shadow .15s, transform .15s var(--ease-spring), border-radius .3s cubic-bezier(.65, 0, .35, 1)}.add-split-trigger{transition:border-color .15s,background-color .15s,color .15s,width .3s cubic-bezier(.65,0,.35,1),border-width .3s cubic-bezier(.65,0,.35,1),opacity .2s;overflow:hidden}.add-split.is-busy .add-split-trigger{opacity:0;border-width:0;width:0}.add-split.has-menu.is-busy .add-button{border-top-right-radius:6px;border-bottom-right-radius:6px}.add-split.has-menu.is-busy .add-button.btn-soft{border-right-width:1px}.add-button[aria-busy=true]>.icon{animation:.9s cubic-bezier(.45,0,.55,1) infinite spin}.add-split-panel{z-index:20;border:1px solid var(--border);background:var(--bg);min-width:100%;box-shadow:var(--shadow-lift);transform-origin:100% 100%;animation:menu-in .18s var(--ease-spring) both;border-radius:10px;padding:4px;position:absolute;bottom:calc(100% + 6px);right:0}.add-split-item{width:100%;color:var(--text-h);white-space:nowrap;border-radius:7px;justify-content:flex-start;gap:8px;padding:7px 12px 7px 10px;font-size:14px}.media-card:has(.add-button[aria-busy=true]) .media-card-cover img{opacity:.6;filter:saturate(.6)}.media-card:has(.add-button.is-added){border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}@keyframes sheen{to{transform:translate(100%)}}@keyframes pop{0%{transform:scale(0)rotate(-30deg)}to{transform:scale(1)rotate(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}.toast{z-index:50;background:var(--text-h);max-width:calc(100vw - 32px);box-shadow:var(--shadow-lift);color:var(--bg);animation:toast-in .3s var(--ease-spring) both;border:0;border-radius:12px;align-items:center;gap:12px;margin:0;padding:10px 16px;font-size:14px;display:flex;position:fixed;inset:auto auto 24px 50%;overflow:hidden;transform:translate(-50%)}.toast:not(:popover-open){display:none}.toast.has-action{padding:6px 6px 6px 16px}.toast:after{content:"";background:color-mix(in srgb, var(--accent) 60%, var(--bg));transform-origin:0;height:2px;animation:toast-countdown var(--toast-duration) linear both;position:absolute;inset:auto 0 0}.toast-message{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.toast-action{color:color-mix(in srgb, var(--accent) 60%, var(--bg));background:0 0;border:0;border-radius:8px;flex:none;padding:6px 12px;font-weight:600}.toast-action:hover:not(:disabled){background:color-mix(in srgb, var(--bg) 12%, transparent);color:color-mix(in srgb, var(--accent) 60%, var(--bg))}@media (width<=720px){.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes toast-countdown{to{transform:scaleX(0)}}.recommend-button{font-size:14px}.recommend-button.is-sent{color:var(--accent);background:var(--accent-bg);border-color:#0000}.recommend-button.is-sent .icon{animation:pop .45s var(--ease-spring) both}.recommendation-from{align-items:center;gap:6px;font-size:14px;display:flex}.recommendation-from strong{color:var(--text-h)}.friends-have{align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.3;display:flex}.friends-have strong{color:var(--text-h)}.avatar-stack{flex:none;display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--bg)}.avatar-stack .avatar+.avatar{margin-left:-6px}.popular-section+.popular-section,.popular-section+h2{margin-top:32px}.recommendation-message{background:var(--accent-bg);color:var(--text-h);border-radius:10px;padding:8px 10px;font-size:14px;font-style:italic;position:relative}.empty-state--popular{text-align:left;align-items:stretch;gap:20px;padding:28px 24px 24px}.empty-state--popular>p{text-align:center;margin:0 auto;font-style:italic}.media-grid+.empty-state--popular{margin-top:40px}.invite-link-row{gap:8px;max-width:560px;margin-top:12px;display:flex}.invite-link-row input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.friend-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.friend-card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);transition:transform .2s var(--ease-spring), box-shadow .2s, border-color .2s;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.friend-card:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-2px)}.friend-name{color:var(--text-h);flex:1;font-weight:600}.friend-arrow{color:var(--accent);transition:transform .2s var(--ease-spring)}.friend-card:hover .friend-arrow{transform:translate(4px)}.friend-item{position:relative}.friend-item .friend-card{padding-right:56px}.friend-menu{z-index:1;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:10px}.friend-menu .btn-icon{height:36px}.friend-item .friend-arrow{display:none}.invite-reset{margin-top:8px;margin-left:-10px;font-size:14px}.auth-page{place-items:center;min-height:100svh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.auth-card{text-align:center;border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(16px);width:100%;max-width:440px;box-shadow:var(--shadow-lift);border-radius:24px;padding:40px 32px 32px;animation:.5s ease-out both rise-in;position:relative}.auth-card>.logo-mark{width:52px;height:52px;margin-bottom:12px}.auth-card .wordmark{letter-spacing:-.02em;font-size:44px;font-weight:800}.auth-card>p{margin-bottom:24px}.auth-card form{gap:8px;display:flex}.auth-card input{flex:1;min-width:0}@media (width<=420px){.auth-card{padding:32px 20px 24px}.auth-card form{flex-direction:column}}.auth-google{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;min-height:44px;display:flex}.auth-card>.auth-divider{color:var(--text);align-items:center;gap:12px;margin:16px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--border);flex:1}.auth-card>.auth-footer{margin:20px 0 0;font-size:13px}.auth-footer a{color:var(--text)}.auth-sent{background:var(--accent-bg);color:var(--text-h);border-radius:12px;padding:12px}.auth-floaters{pointer-events:none;position:absolute;inset:0}.floater{background:var(--accent-bg);width:72px;height:72px;color:var(--accent);border-radius:20px;place-items:center;font-size:32px;animation:7s ease-in-out infinite float;display:grid;position:absolute}.floater--1{top:14%;left:calc(50% - 330px);rotate:-12deg}.floater--2{animation-delay:-2s;top:20%;right:calc(50% - 320px);rotate:10deg}.floater--3{animation-delay:-4s;bottom:16%;left:calc(50% - 300px);rotate:8deg}.floater--4{animation-delay:-5.5s;bottom:12%;right:calc(50% - 340px);rotate:-8deg}@media (width<=760px){.floater{opacity:.7;width:52px;height:52px;font-size:22px}.floater--1{top:6%;left:8%}.floater--2{top:8%;right:8%}.floater--3{bottom:6%;left:10%}.floater--4{bottom:8%;right:10%}}@keyframes float{50%{transform:translateY(-14px)}}:is(html:has(.details-dialog[open]),html:has(.modal-dialog[open])){overflow:hidden}.details-dialog{border:1px solid var(--border);background:var(--bg);width:min(780px,100vw - 32px);max-height:calc(100svh - 48px);color:var(--text);box-shadow:0 30px 80px -20px color-mix(in srgb, var(--scrim) 50%, transparent);overscroll-behavior:contain;border-radius:24px;padding:0;overflow:auto}.details-dialog[open]{animation:dialog-in .3s var(--ease-spring) both}.details-dialog::backdrop{background:color-mix(in srgb, var(--scrim) 55%, transparent);-webkit-backdrop-filter:blur(4px);animation:.2s ease-out both fade-in}.details{isolation:isolate;grid-template-columns:220px 1fr;gap:28px;padding:28px;display:grid;position:relative}.details.has-cover:before{content:"";z-index:-1;background:var(--cover) center / cover;filter:blur(48px)saturate(1.3);opacity:.35;height:260px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.details-close{z-index:1;border-radius:50%;width:36px;height:36px;padding:0;font-size:15px;position:absolute;top:14px;right:14px}.details-cover{aspect-ratio:2/3;background:var(--surface);box-shadow:var(--shadow-lift);border-radius:14px;align-self:start;overflow:hidden}.details-info{flex-direction:column;gap:14px;min-width:0;padding-top:4px;display:flex}.details-info>*{margin:0}.details-kicker{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.details-info h2{letter-spacing:-.02em;margin-top:-6px;padding-right:32px;font-size:clamp(24px,4vw,32px);line-height:1.1}.details-tagline{color:var(--text-h);margin-top:-6px;font-style:italic}.details-loading{align-items:center;gap:8px;display:flex}.details-loading .spinner{color:var(--accent)}.details-genres{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.details-genres li{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:500}.details-facts{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 20px;padding:16px;display:grid}.details-facts dt{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.details-facts dd{color:var(--text-h);margin:2px 0 0}.details-description{color:var(--text-h);white-space:pre-line;line-height:1.6}.details-series{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 10px 10px 14px;display:flex}.details-series>.icon{color:var(--accent);flex:none}.details-series>span{flex:1;min-width:0}.details-series strong{color:var(--text-h)}.series-volumes{flex-direction:column;gap:12px;display:flex}.series-volumes-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.series-volumes-header h3{margin:0;font-size:17px}.series-volumes-header span{font-variant-numeric:tabular-nums;font-size:14px}.series-volumes-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px 8px;margin:0;padding:0;list-style:none;display:grid}.series-volume{width:100%;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;font-size:12px;display:flex}.series-volume:hover:not(:disabled){color:var(--text-h);background:0 0}.series-volume-cover{aspect-ratio:2/3;background:var(--surface);width:100%;box-shadow:0 0 0 1px var(--border);border-radius:6px;transition:box-shadow .15s,opacity .15s;display:block;position:relative;overflow:hidden}.series-volume-cover img{object-fit:cover;width:100%;height:100%;display:block}.series-volume-cover .cover-placeholder{padding:6px;font-size:10px}.series-volume-cover .cover-placeholder span{display:none}.series-volume--want .series-volume-cover{opacity:.55}.series-volume--want:hover .series-volume-cover{opacity:.85}.series-volume--in_progress .series-volume-cover{box-shadow:0 0 0 2px var(--accent)}.series-volume--in_progress,.series-volume--done{color:var(--text-h);font-weight:600}.series-volume-mark{background:var(--accent);width:20px;height:20px;color:var(--on-accent);z-index:1;animation:pop .35s var(--ease-spring) both;border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;inset:auto 4px 4px auto}.series-volume--done .series-volume-cover:after{content:"";background:color-mix(in srgb, var(--accent) 18%, transparent);position:absolute;inset:0}.series-volume.is-selected .series-volume-cover{outline:2px solid var(--text-h);outline-offset:2px;opacity:1}.series-volume.is-selected{color:var(--text-h);font-weight:600}.volume-panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:16px;padding:14px;display:flex}.volume-panel-cover{aspect-ratio:2/3;background:var(--bg);width:84px;box-shadow:0 0 0 1px var(--border);border-radius:6px;flex:none;align-self:flex-start;overflow:hidden}.volume-panel-cover img{object-fit:cover;width:100%;height:100%;display:block}.volume-panel-cover .cover-placeholder{padding:8px;font-size:11px}.volume-panel-info{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.volume-panel-kicker{font-variant-numeric:tabular-nums;margin:0;font-size:13px}.volume-panel-kicker strong{color:var(--accent)}.volume-panel-info h4{color:var(--text-h);margin:-4px 0 0;font-size:16px}.volume-panel-description{color:var(--text-h);white-space:pre-line;margin:0;font-size:14px;line-height:1.55}.volume-panel-description.is-empty{color:var(--text)}.volume-panel-description.is-clamped,.details-description.is-clamped{-webkit-line-clamp:var(--clamp-lines);line-clamp:var(--clamp-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamped-description{flex-direction:column;gap:2px;display:flex}.clamped-description-more{color:var(--accent);background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:600}.clamped-description-more:hover:not(:disabled){color:var(--accent);background:0 0;text-decoration:underline}.clamped-description-more:active:not(:disabled){transform:none}.volume-status{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-wrap:wrap;padding:2px;display:inline-flex}.volume-status button{color:var(--text);background:0 0;border:0;border-radius:6px;padding:5px 12px;font-size:14px}.volume-status button.active,.volume-status button.active:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);font-weight:600}.volume-panel-catch-up{margin-left:-10px;padding:4px 10px;font-size:14px}@media (width<=480px){.volume-panel{gap:12px;padding:12px}.volume-panel-cover{width:64px}}.details-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:16px;font-size:14px;display:flex}.details-moves{flex-basis:100%;gap:8px;display:flex}.details-moves button{flex:1}.details-remove{color:var(--danger);order:1;margin-left:auto}.details-source{align-self:flex-start;font-size:14px;font-weight:500;text-decoration:none}.details-source:hover{text-decoration:underline}@media (width<=640px){.details-dialog{border-bottom:0;border-radius:24px 24px 0 0;width:100vw;max-width:100vw;max-height:92svh;margin:auto 0 0}.details-dialog[open]{animation-name:sheet-in}.details{grid-template-columns:96px 1fr;gap:16px;padding:20px 16px 24px}.details-info{display:contents}.details-info>*{grid-column:1/-1}.details-cover{grid-area:1/1/span 3}.details-kicker,.details-info h2,.details-tagline{grid-column:2;margin:0}.details-kicker{align-self:end}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}.legal-page{max-width:680px;margin:0 auto;padding:32px 16px 64px}.legal-home{font-family:var(--display);letter-spacing:-.015em;color:var(--text-h);align-items:center;gap:8px;margin-bottom:32px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.legal-page h2{margin-top:28px;font-size:18px}.legal-page p,.legal-page li{line-height:1.6}.legal-page ul{margin:0 0 8px;padding-left:20px}.legal-page strong{color:var(--text-h);font-weight:600}.legal-updated{font-size:14px}.modal-dialog{border:1px solid var(--border);background:var(--bg);width:min(420px,100vw - 32px);max-height:min(640px,100svh - 48px);color:var(--text);box-shadow:0 30px 80px -20px color-mix(in srgb, var(--scrim) 50%, transparent);border-radius:20px;padding:0;overflow:hidden}.modal-dialog[open]{animation:dialog-in .3s var(--ease-spring) both;display:flex}.modal-dialog::backdrop{background:color-mix(in srgb, var(--scrim) 55%, transparent);-webkit-backdrop-filter:blur(4px);animation:.2s ease-out both fade-in}.recommend{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:20px;display:flex}.recommend>*{margin:0}.recommend-header{padding-right:40px;position:relative}.recommend-header h2{margin:0}.recommend-title{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:14px;overflow:hidden}.recommend-close{border-radius:50%;width:36px;height:36px;padding:0;font-size:15px;position:absolute;top:-4px;right:-4px}.recommend-search{align-items:center;display:flex;position:relative}.recommend-search .icon{pointer-events:none;position:absolute;left:12px}.recommend-search input{width:100%;padding-left:36px}.recommend-friends{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -8px;padding:0;list-style:none;overflow-y:auto}.recommend-friend{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px;transition:background-color .15s;display:flex}.recommend-friend:hover{background:var(--surface-hover)}.recommend-friend:has(input:checked){background:var(--accent-bg)}.recommend-friend:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.recommend-friend-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-h);flex:1;font-weight:500;overflow:hidden}.recommend-friend input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin:0}.recommend-empty{text-align:center;padding:16px 8px;font-size:14px}.recommend-message{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);font:inherit;resize:none;border-radius:6px;flex:none;padding:8px 12px;font-size:15px}.recommend-message:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.recommend-footer{justify-content:flex-end;gap:8px;display:flex}.recommend-footer .btn-primary{min-width:96px}@media (width<=560px){.modal-dialog{border-bottom:0;border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:85svh;margin:auto 0 0}.modal-dialog[open]{animation:.3s cubic-bezier(.2,.9,.3,1) both sheet-in}.recommend{padding-bottom:max(20px, env(safe-area-inset-bottom))}.recommend-footer button{flex:1}}.confirm{flex-direction:column;flex:1;gap:12px;min-width:0;padding:24px;display:flex}.confirm h2{margin:0}.confirm-body p{margin:0 0 6px}.confirm .error-text{margin:0}.confirm-footer{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.avatar-editor-preview{background:0 0;border:none;border-radius:50%;align-self:center;place-items:center;margin:4px 0;padding:0;display:grid;position:relative}.avatar-editor-preview:after{content:"";background:color-mix(in srgb, var(--scrim) 45%, transparent);opacity:0;border-radius:50%;transition:opacity .15s;position:absolute;inset:0}.avatar-editor-preview .avatar-editor-camera{z-index:1;color:#fff;opacity:0;transition:opacity .15s;position:absolute}.avatar-editor-camera .icon{width:26px;height:26px}.avatar-editor-preview:hover:not(:disabled):after,.avatar-editor-preview:hover:not(:disabled) .avatar-editor-camera,.avatar-editor-preview:focus-visible:after,.avatar-editor-preview:focus-visible .avatar-editor-camera{opacity:1}.avatar-editor-preview:hover:not(:disabled){background:0 0}.avatar-editor-preview .spinner{position:absolute}.avatar-editor-hint{text-align:center;color:var(--text);margin:0;font-size:14px}.avatar-cropper-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.avatar-cropper{background:var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:240px;height:240px;position:relative;overflow:hidden}.avatar-cropper:active{cursor:grabbing}.avatar-cropper:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.avatar-cropper img{pointer-events:none;max-width:none;position:absolute;top:0;left:0}.avatar-cropper-mask{box-shadow:0 0 0 200px color-mix(in srgb, var(--scrim) 60%, transparent), inset 0 0 0 2px #fffc;pointer-events:none;border-radius:50%;position:absolute;inset:0}.avatar-cropper-zoom{--thumb:16px;--fill:calc(var(--thumb) / 2 + var(--progress) * (100% - var(--thumb)));width:240px;height:var(--thumb);appearance:none;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.avatar-cropper-zoom:focus{box-shadow:none}.avatar-cropper-zoom::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));border-radius:2px;height:4px}.avatar-cropper-zoom::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));border-radius:2px;height:4px}.avatar-cropper-zoom::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc((4px - var(--thumb)) / 2);background:var(--accent);-webkit-appearance:none;transition:transform .15s var(--ease-spring);border:none;border-radius:50%}.avatar-cropper-zoom::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--accent);transition:transform .15s var(--ease-spring);border:none;border-radius:50%}.avatar-cropper-zoom:active::-webkit-slider-thumb{transform:scale(1.15)}.avatar-cropper-zoom:active::-moz-range-thumb{transform:scale(1.15)}.avatar-cropper-zoom:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-bg)}.avatar-cropper-zoom:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-bg)}.avatar-editor-remove{color:var(--danger);align-self:center;padding:4px 10px;font-size:14px}.btn-danger-solid{background:var(--danger);color:#fff;border-color:#0000;font-weight:600}.btn-danger-solid:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 85%, black);color:#fff}@media (width<=560px){.confirm{padding-bottom:max(24px, env(safe-area-inset-bottom))}.confirm-footer button{flex:1}}.button-link{border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-quiet.button-link:hover{background:var(--surface-hover);color:var(--text-h)}.invite-confirm-actions{justify-content:center;gap:8px;display:flex}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;display:flex}.page-header-row .page-header{flex:320px}.page-header-actions{gap:8px;display:flex}.page-hint{color:var(--text);text-align:center;margin:24px 0 0;font-size:14px}.optional{color:var(--text);font-weight:400}.collection-card{color:inherit;text-decoration:none}.collection-card .media-card-cover{cursor:inherit}.collection-card-empty{width:100%;height:100%;color:var(--text);place-items:center;font-size:40px;display:grid}.collection-card-description{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.view-tabs{border:1px solid var(--border);border-radius:999px;gap:4px;width:fit-content;margin:-8px 0 24px;padding:4px;display:flex}.view-tabs a{color:var(--text);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:500;text-decoration:none}.view-tabs a:hover{color:var(--text-h)}.view-tabs a.active{background:var(--accent-bg);color:var(--text-h)}.collection-form,.collection-picker{overflow-y:auto}.collection-form{gap:16px}.collection-form label,.collection-picker-note{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.collection-form input,.collection-form textarea,.collection-picker-note textarea,.note-editor textarea{box-sizing:border-box;width:100%}.collection-form textarea,.collection-picker-note textarea,.note-editor textarea{resize:vertical;min-height:72px;line-height:1.4}.collection-picker-title{color:var(--text);margin:-6px 0 0;font-size:14px}.collection-picker-lists{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.collection-picker-row{width:100%;color:var(--text-h);text-align:left;background:0 0;border-color:#0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.collection-picker-row:hover:not(:disabled){background:var(--surface-hover)}.collection-picker-check{border:1px solid var(--border);width:26px;height:26px;color:var(--text);border-radius:8px;flex:none;place-items:center;display:grid}.collection-picker-row.is-on .collection-picker-check{background:var(--accent);color:var(--on-accent);border-color:#0000}.collection-picker-name{flex-wrap:wrap;flex:1;align-items:center;gap:2px 6px;min-width:0;font-weight:500;display:flex}.collection-picker-hint{color:var(--text);flex-basis:100%;font-size:12px;font-weight:400}.collection-picker-count{color:var(--text);font-size:13px}.collection-picker-new{gap:8px;display:flex}.collection-picker-new input{flex:1;min-width:0}.details-add-to-list{gap:6px}.note-editor{flex-direction:column;gap:8px;display:flex}.note-editor-actions{justify-content:flex-end;gap:8px;display:flex}.note-editor-trigger{align-self:flex-start;gap:6px;padding:4px 8px;font-size:13px}.note-by{color:var(--text);font-style:normal}.media-grid+.popular-section{margin-top:40px}.release-badge{color:color-mix(in srgb, #2fbf71 75%, var(--text-h));white-space:nowrap;background:#2fbf712e;border-radius:999px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:600}.release-badge--upcoming{background:var(--accent-bg);color:var(--accent)}.details-kicker .release-badge{margin:0 0 0 4px}.series-volume--upcoming .series-volume-cover{opacity:.35;outline:1px dashed var(--border);outline-offset:2px}.volume-panel-upcoming{color:var(--text);margin:0;font-size:14px}