@font-face{font-family:Fraunces;font-style:italic;font-weight:400;font-display:swap;src:url(../media/50a3f1070da3c6cc-s.2xm1k7t3a0pcd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:400;font-display:swap;src:url(../media/b887d91685b8c137-s.330vchwb4izzb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:400;font-display:swap;src:url(../media/3c7c6164b2587822-s.p.16u3vygyjnhr0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:500;font-display:swap;src:url(../media/50a3f1070da3c6cc-s.2xm1k7t3a0pcd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:500;font-display:swap;src:url(../media/b887d91685b8c137-s.330vchwb4izzb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:500;font-display:swap;src:url(../media/3c7c6164b2587822-s.p.16u3vygyjnhr0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:600;font-display:swap;src:url(../media/50a3f1070da3c6cc-s.2xm1k7t3a0pcd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:600;font-display:swap;src:url(../media/b887d91685b8c137-s.330vchwb4izzb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:600;font-display:swap;src:url(../media/3c7c6164b2587822-s.p.16u3vygyjnhr0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:700;font-display:swap;src:url(../media/50a3f1070da3c6cc-s.2xm1k7t3a0pcd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:700;font-display:swap;src:url(../media/b887d91685b8c137-s.330vchwb4izzb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:700;font-display:swap;src:url(../media/3c7c6164b2587822-s.p.16u3vygyjnhr0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:500;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_7e03e233-module__gnZN_G__className{font-family:Fraunces,Fraunces Fallback}.fraunces_7e03e233-module__gnZN_G__variable{--font-editorial-serif:"Fraunces", "Fraunces Fallback"}
:root{--color-bg:#f2f5f4;--color-surface:#fff;--color-fg:#29484a;--color-muted:#71868b;--color-border:#ffffffb8;--color-accent:#35c7b0;--color-accent-secondary:#72b8c7;--color-warm:#e7dc76;--color-pink:#eaa6b9;--color-shadow:#50647816;--font-display:var(--font-editorial-serif), "Source Han Serif SC", "Noto Serif SC", "Songti SC", "SimSun", Georgia, serif;--font-body:"PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, monospace;--radius-control:14px;--radius-card:30px;--radius-large:36px;--shadow-glass:0 18px 60px var(--color-shadow), inset 0 1px #ffffffbd;--transition-fast:.2s ease;--transition-card:.25s ease;--page-width:1280px;--bg:#f2f5f4;--surface:#fff;--fg:#29484a;--muted:#71868b;--border:#ffffffb8;--accent:#35c7b0;--accent-2:#72b8c7;--warm:#e7dc76;--pink:#eaa6b9;--shadow:#50647816}body[data-theme=paper-editorial]{--bg:#f6f0e5;--surface:#fffaf0;--fg:#24231f;--muted:#6f685d;--border:#e2d7c7;--accent:#9d3f31;--accent-2:#7b7746;--warm:#d8b65f;--pink:#bd7b65;--shadow:#3d312014}body[data-theme=night-radio]{--bg:#101827;--surface:#172235;--fg:#f4ead8;--muted:#b8c3d6;--border:#314257;--accent:#f0aa45;--accent-2:#84b8d8;--warm:#f0aa45;--pink:#d88aa5;--shadow:#0307114d}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px}body{min-height:100vh;color:var(--fg);font:16px/1.55 var(--font-body);background:radial-gradient(circle at 8% 82%, var(--accent) 0, transparent 31%), radial-gradient(circle at 48% 88%, var(--warm) 0, transparent 34%), radial-gradient(circle at 82% 86%, var(--accent-2) 0, transparent 32%), var(--bg);margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 8% 82%, color-mix(in oklch, var(--accent) 32%, transparent) 0, transparent 31%), radial-gradient(circle at 48% 88%, color-mix(in oklch, var(--warm) 36%, transparent) 0, transparent 34%), radial-gradient(circle at 82% 86%, color-mix(in oklch, var(--accent-2) 30%, transparent) 0, transparent 32%), var(--bg)}}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-attachment:fixed;animation:.55s both page-in}body.quiet{background:radial-gradient(circle at 14% 86%, var(--accent) 0, transparent 34%), radial-gradient(circle at 78% 84%, var(--accent-2) 0, transparent 34%), var(--bg)}@supports (color:color-mix(in lab, red, red)){body.quiet{background:radial-gradient(circle at 14% 86%, color-mix(in oklch, var(--accent) 20%, transparent) 0, transparent 34%), radial-gradient(circle at 78% 84%, color-mix(in oklch, var(--accent-2) 20%, transparent) 0, transparent 34%), var(--bg)}}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(45% 45% at 22% 30%, var(--accent), transparent 70%), radial-gradient(40% 40% at 78% 68%, var(--accent-2), transparent 70%), radial-gradient(36% 36% at 60% 22%, var(--warm), transparent 70%);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){body:before{background:radial-gradient(45% 45% at 22% 30%, color-mix(in oklch, var(--accent) 24%, transparent), transparent 70%), radial-gradient(40% 40% at 78% 68%, color-mix(in oklch, var(--accent-2) 22%, transparent), transparent 70%), radial-gradient(36% 36% at 60% 22%, color-mix(in oklch, var(--warm) 20%, transparent), transparent 70%)}}body:before{background-position:0 0;background-size:200% 200%;animation:19s ease-in-out infinite bg-drift}body.quiet:before{opacity:.5;animation-play-state:paused}@keyframes bg-drift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}@keyframes page-in{0%{opacity:0}}@keyframes float-in{0%{opacity:0;transform:translateY(14px)}}@keyframes pulse{50%{opacity:.72;transform:scale(1.08)}}@keyframes notice-brief{0%,72%{opacity:1}to{opacity:0}}.glass{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.glass{background:color-mix(in oklch, var(--surface) 64%, transparent)}}.glass{border:1px solid var(--border);box-shadow:0 18px 60px var(--shadow), inset 0 1px var(--surface)}@supports (color:color-mix(in lab, red, red)){.glass{box-shadow:0 18px 60px var(--shadow), inset 0 1px color-mix(in oklch, var(--surface) 74%, transparent)}}.glass{-webkit-backdrop-filter:blur(22px)saturate(125%)}.lift{transition:transform .25s,box-shadow .25s,background .25s}.lift:hover{box-shadow:0 26px 68px var(--shadow);transform:translateY(-6px)}@supports (color:color-mix(in lab, red, red)){.lift:hover{box-shadow:0 26px 68px color-mix(in oklch, var(--shadow) 130%, transparent)}}.home-shell .lift:hover{transform:translateY(-6px)scale(1.018)}.top-nav{z-index:30;border-radius:24px;gap:4px;padding:8px;display:flex;position:fixed;top:68px;left:43px}.nav-glider{z-index:0;border:1px solid var(--accent);width:48px;height:48px;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.nav-glider{border:1px solid color-mix(in oklch, var(--accent) 18%, transparent)}}.nav-glider{opacity:0;pointer-events:none;background:var(--accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.nav-glider{background:color-mix(in oklch, var(--accent) 12%, var(--surface))}}.nav-glider{box-shadow:0 10px 28px var(--accent)}@supports (color:color-mix(in lab, red, red)){.nav-glider{box-shadow:0 10px 28px color-mix(in oklch, var(--accent) 13%, transparent)}}.nav-glider{transform:translate3d(var(--glider-x,8px), var(--glider-y,8px), 0);transition:transform .32s cubic-bezier(.22,.8,.22,1),opacity .18s,background .2s}.nav-glider.is-visible,.top-nav .nav-glider{opacity:.92}.nav-link,.avatar-link{z-index:1;width:48px;height:48px;color:var(--muted);border-radius:50%;place-items:center;transition:transform .2s,color .2s,background .2s;display:grid;position:relative}.nav-link:hover,.avatar-link:hover{color:var(--accent);transform:scale(1.07)}.nav-link.active,.avatar-link.active,.nav-link[data-active=true],.avatar-link[data-active=true]{color:var(--accent)}.nav-link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.nav-link-label{border:1px solid var(--border);padding:5px 8px;position:absolute;top:calc(100% + 9px);left:50%}@supports (color:color-mix(in lab, red, red)){.nav-link-label{border:1px solid color-mix(in oklch, var(--border) 74%, transparent)}}.nav-link-label{color:var(--fg);background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.nav-link-label{background:color-mix(in oklch, var(--surface) 88%, transparent)}}.nav-link-label{box-shadow:0 10px 28px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.nav-link-label{box-shadow:0 10px 28px color-mix(in oklch, var(--shadow) 80%, transparent)}}.nav-link-label{font:700 11px var(--font-body);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);line-height:1;transform:translate(-50%,-4px)}.nav-link:hover .nav-link-label,.avatar-link:hover .nav-link-label,.nav-link:focus-visible .nav-link-label,.avatar-link:focus-visible .nav-link-label{opacity:1;transform:translate(-50%)}.nav-link[data-active=true]:not(:hover):not(:focus-visible) .nav-link-label,.avatar-link[data-active=true]:not(:hover):not(:focus-visible) .nav-link-label{opacity:0}.avatar{width:38px;height:38px;color:var(--fg);background:var(--warm);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.avatar{background:color-mix(in oklch, var(--warm) 58%, var(--surface))}}.avatar{font:700 14px var(--font-display)}.floating-tools{z-index:30;gap:10px;display:grid;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.tool-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--accent);background:var(--surface);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.tool-btn{background:color-mix(in oklch, var(--surface) 68%, transparent)}}.tool-btn{box-shadow:0 10px 28px var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:all .2s}.tool-btn:hover{background:var(--accent);transform:scale(1.09)}@supports (color:color-mix(in lab, red, red)){.tool-btn:hover{background:color-mix(in oklch, var(--accent) 14%, var(--surface))}}.tool-btn svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.page{width:min(1280px,100% - 56px);margin:0 auto;padding:96px 0 72px}.page-head{text-align:center;max-width:820px;margin:0 auto 30px}.page-head h1{letter-spacing:-.05em;margin-bottom:6px;font-size:clamp(34px,4vw,54px)}.page-head p{color:var(--muted);margin:0;line-height:1.75}.album-page{flex-direction:column;width:min(1480px,100vw - 48px);height:100svh;padding:84px 0 24px;display:flex;position:relative;overflow:hidden}.album-page-head{text-align:left;z-index:0;pointer-events:none;max-width:300px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.album-page-head h1{font-size:clamp(44px,5vw,82px);line-height:.94}.album-page-head p{max-width:16em;font-size:clamp(16px,1.4vw,20px)}.eyebrow{color:var(--muted);font:700 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.pill{border:1px solid var(--border);align-items:center;gap:6px;padding:6px 11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pill{border:1px solid color-mix(in oklch, var(--border) 72%, transparent)}}.pill{color:var(--muted);background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.pill{background:color-mix(in oklch, var(--surface) 38%, transparent)}}.pill{font-size:12px}.btn{border:1px solid var(--border);background:var(--surface);border-radius:13px;justify-content:center;align-items:center;min-height:42px;padding:9px 16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn{background:color-mix(in oklch, var(--surface) 55%, transparent)}}.btn{cursor:pointer;transition:all .2s}.btn:hover{background:var(--surface);transform:translateY(-2px)}.btn.primary{color:var(--surface);border-color:var(--accent);background:var(--accent)}.btn:disabled{cursor:wait;opacity:.64;transform:none}.btn:focus-visible,.admin-text-link:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn:focus-visible,.admin-text-link:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 42%, transparent)}}.btn:focus-visible,.admin-text-link:focus-visible{outline-offset:3px}.card{border-radius:30px;padding:28px;animation:.55s both float-in}.admin-shell{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start;gap:clamp(18px,2vw,30px);width:min(1600px,100% - 32px);min-height:100svh;margin:0 auto;padding:24px 0;display:grid}.admin-shell-sidebar{border:1px solid var(--border);background:var(--surface);height:calc(100svh - 48px);box-shadow:0 18px 48px var(--shadow);border-radius:22px;flex-direction:column;padding:20px;display:flex;position:sticky;top:24px;overflow:hidden}.admin-shell-brand{color:inherit;transition:background var(--transition-fast), transform var(--transition-fast);border-radius:18px;align-items:center;gap:12px;padding:5px;display:flex}.admin-shell-brand:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-shell-brand:hover{background:color-mix(in oklch, var(--accent) 8%, transparent)}}.admin-shell-brand:hover{transform:translateY(-1px)}.admin-shell-mark{border:1px solid var(--border);background:var(--accent);border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}@supports (color:color-mix(in lab, red, red)){.admin-shell-mark{background:color-mix(in oklch, var(--accent) 14%, var(--surface))}}.admin-shell-mark{font:800 16px var(--font-display)}.admin-shell-brand strong{font-size:18px;display:block}.admin-shell-brand small{color:var(--accent-2);font-size:11px}.admin-shell-nav-region{flex:1;min-height:0;margin-top:28px}.admin-shell-label{color:var(--muted);font:700 10px var(--font-body);letter-spacing:.14em;margin:0 0 9px 12px}.admin-shell-nav{scrollbar-width:thin;gap:4px;max-height:100%;display:grid;overflow-y:auto}.admin-shell-nav a{color:var(--muted);transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border-radius:14px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;display:flex}.admin-shell-nav a:hover{color:var(--fg);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-shell-nav a:hover{background:color-mix(in oklch, var(--accent) 10%, transparent)}}.admin-shell-nav a:hover{transform:translate(2px)}.admin-shell-nav a.active{color:var(--fg);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-shell-nav a.active{background:color-mix(in oklch, var(--accent) 16%, transparent)}}.admin-shell-nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.admin-shell-nav svg{flex:0 0 20px;width:20px;height:20px}.admin-shell-nav a.active svg{color:var(--accent)}.admin-shell-footer{gap:8px;margin-top:18px;display:grid}.admin-shell-footer .btn{justify-content:center;width:100%}.admin-shell-content{min-width:0}.admin-shell .admin-workspace{width:100%;min-height:calc(100svh - 48px);margin:0;padding:24px 0 64px}.admin-panel{border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 28px var(--shadow);border-radius:18px;padding:22px}.admin-panel-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.admin-panel h2{letter-spacing:-.025em;margin:5px 0 10px;font-size:24px}.admin-overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);align-items:start;gap:18px;display:grid}.admin-overview-primary{min-height:480px}.admin-overview-stack{gap:14px;display:grid}.admin-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-module-grid a{border:1px solid var(--border);background:var(--surface);border-radius:13px;align-content:center;gap:5px;min-height:96px;padding:15px;display:grid}@supports (color:color-mix(in lab, red, red)){.admin-module-grid a{background:color-mix(in oklch, var(--surface) 55%, transparent)}}.admin-module-grid a{transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast)}.admin-module-grid a:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-module-grid a:hover{border-color:color-mix(in oklch, var(--accent) 42%, var(--border))}}.admin-module-grid a:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-module-grid a:hover{background:color-mix(in oklch, var(--accent) 10%, var(--surface))}}.admin-module-grid a:hover{transform:translateY(-2px)}.admin-module-grid a:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-module-grid a:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 24%, transparent)}}.admin-module-grid a:focus-visible{outline-offset:2px}.admin-module-grid strong{font-size:15px}.admin-module-grid span{color:var(--muted);font-size:12px;line-height:1.5}.admin-list{border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 28px var(--shadow);border-radius:18px;overflow:hidden}.admin-list-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.admin-list-row:last-child{border-bottom:0}.admin-list-row:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-list-row:hover{background:color-mix(in oklch, var(--accent) 6%, transparent)}}.admin-list-row-main h2{letter-spacing:-.02em;margin:3px 0 2px;font-size:17px}.admin-list-row-main .muted{margin:0;font-size:12px}.admin-list-row-meta,.admin-list-row-actions,.admin-toolbar{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.admin-list-row-actions{justify-content:flex-end}.admin-list-row-actions .btn{border-radius:10px;min-height:36px;padding:7px 11px;font-size:12px}.admin-list-row>.admin-notice{grid-column:1/-1}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:14px;justify-content:flex-end;padding:5px}.admin-dev-tools{background:var(--surface);border-style:dashed}@supports (color:color-mix(in lab, red, red)){.admin-dev-tools{background:color-mix(in oklch, var(--surface) 45%, transparent)}}.admin-dev-tools{box-shadow:none}.admin-overview{border-radius:var(--radius-large);align-content:space-between;gap:48px;min-height:360px;padding:clamp(28px,5vw,58px);display:grid}.admin-overview h2{letter-spacing:-.04em;max-width:680px;margin:8px 0 14px;font-size:clamp(30px,4vw,52px)}.admin-overview .muted{max-width:720px;line-height:1.8}.admin-overview-note{border:1px solid var(--accent);gap:4px;width:100%;padding:13px 15px;display:grid}@supports (color:color-mix(in lab, red, red)){.admin-overview-note{border:1px solid color-mix(in oklch, var(--accent) 22%, transparent)}}.admin-overview-note{background:var(--accent);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.admin-overview-note{background:color-mix(in oklch, var(--accent) 12%, transparent)}}.admin-overview-note span{color:var(--muted);font-size:12px}.admin-page{place-items:center;min-height:100svh;padding:32px 18px;display:grid}.admin-card{border-radius:var(--radius-large);width:min(460px,100%);padding:clamp(28px,6vw,48px);animation:.55s both float-in}.admin-card h1{letter-spacing:-.045em;margin-bottom:10px;font-size:clamp(30px,6vw,44px)}.admin-card>.muted{margin-bottom:28px}.admin-card>.btn{margin-top:12px}.admin-mark{background:linear-gradient(145deg, var(--accent), var(--warm));border-radius:21px;place-items:center;width:58px;height:58px;margin-bottom:26px;display:grid}@supports (color:color-mix(in lab, red, red)){.admin-mark{background:linear-gradient(145deg, color-mix(in oklch, var(--accent) 30%, var(--surface)), color-mix(in oklch, var(--warm) 36%, var(--surface)))}}.admin-mark{font:800 18px var(--font-display)}.admin-form{gap:16px;margin-top:30px;display:grid}.admin-form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.admin-form input{border:1px solid var(--muted);width:100%;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.admin-form input{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.admin-form input{border-radius:var(--radius-control);color:var(--fg);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.admin-form input{background:color-mix(in oklch, var(--surface) 62%, transparent)}}.admin-form input{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none}.admin-form input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-form input:focus{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 13%, transparent)}}.admin-form .btn{width:100%;margin-top:4px}.admin-text-link{color:var(--muted);transition:color var(--transition-fast);justify-self:center;font-size:13px}.admin-text-link:hover{color:var(--accent)}.admin-notice{border-radius:12px;margin:0;padding:10px 12px;font-size:12px}.admin-notice.error{color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.admin-notice.error{color:color-mix(in oklch, var(--pink) 42%, var(--fg))}}.admin-notice.error{background:var(--pink)}@supports (color:color-mix(in lab, red, red)){.admin-notice.error{background:color-mix(in oklch, var(--pink) 24%, transparent)}}.admin-notice.success{color:var(--fg);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.admin-notice.success{background:color-mix(in oklch, var(--accent) 16%, transparent)}}.admin-notice.success.brief{animation:4s forwards notice-brief}.admin-workspace{width:min(1180px,100% - 32px);min-height:100svh;margin:0 auto;padding:64px 0 80px}.admin-workspace-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.admin-workspace-head h1{letter-spacing:-.045em;margin-bottom:4px;font-size:clamp(34px,5vw,56px)}.admin-workspace-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-plan-filters{border-radius:var(--radius-card);margin-bottom:24px;padding:18px}.admin-plan-search{grid-template-columns:1fr auto;gap:10px;margin-bottom:14px;display:grid}.admin-plan-search input,.admin-plan-filter-grid select,.category-dialog input{border:1px solid var(--muted);width:100%;padding:11px 13px}@supports (color:color-mix(in lab, red, red)){.admin-plan-search input,.admin-plan-filter-grid select,.category-dialog input{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.admin-plan-search input,.admin-plan-filter-grid select,.category-dialog input{border-radius:var(--radius-control);color:var(--fg);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.admin-plan-search input,.admin-plan-filter-grid select,.category-dialog input{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.admin-plan-filter-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.admin-plan-filter-grid label{color:var(--muted);gap:5px;font-size:12px;display:grid}.admin-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.admin-plan-card{align-content:start;gap:15px;display:grid}.admin-plan-card h2{margin:0;font-size:21px}.admin-plan-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.plan-meta-row{flex-wrap:wrap;gap:6px;display:flex}.priority-high{color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.priority-high{color:color-mix(in oklch, var(--pink) 42%, var(--fg))}}.priority-high{background:var(--pink)}@supports (color:color-mix(in lab, red, red)){.priority-high{background:color-mix(in oklch, var(--pink) 22%, transparent)}}.priority-medium{color:var(--warm)}@supports (color:color-mix(in lab, red, red)){.priority-medium{color:color-mix(in oklch, var(--warm) 38%, var(--fg))}}.priority-medium{background:var(--warm)}@supports (color:color-mix(in lab, red, red)){.priority-medium{background:color-mix(in oklch, var(--warm) 24%, transparent)}}.priority-low{color:var(--fg);background:var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.priority-low{background:color-mix(in oklch, var(--accent-2) 18%, var(--surface))}}.plan-progress{background:var(--muted);border-radius:999px;height:7px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.plan-progress{background:color-mix(in oklch, var(--muted) 14%, transparent)}}.plan-progress span{border-radius:inherit;background:var(--accent);height:100%;display:block}.admin-plan-actions{flex-wrap:wrap;gap:8px;display:flex}.btn.danger{color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.btn.danger{color:color-mix(in oklch, var(--pink) 42%, var(--fg))}}.btn.danger{background:var(--pink)}@supports (color:color-mix(in lab, red, red)){.btn.danger{background:color-mix(in oklch, var(--pink) 18%, transparent)}}.btn.disabled,.btn[aria-disabled=true]{pointer-events:none;opacity:.45;transform:none}.admin-empty{border-radius:var(--radius-card);text-align:center;padding:42px}.plan-pagination{justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.category-dialog{border:1px solid var(--border);border-radius:var(--radius-large);width:min(760px,100% - 28px);max-height:min(82svh,760px);color:var(--fg);padding:28px}.category-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#29484a38}.dialog-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.dialog-head h2{margin-bottom:20px}.category-create{grid-template-columns:1fr auto;gap:10px;margin-bottom:18px;display:grid}.category-list{gap:9px;max-height:48svh;display:grid;overflow:auto}.category-row{grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;display:grid}.plan-editor{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);align-items:start;gap:20px;display:grid}.plan-editor-main,.plan-editor-settings,.plan-editor-save{border-radius:var(--radius-card);padding:26px}.plan-editor-sidebar{gap:16px;display:grid;position:sticky;top:20px}.plan-editor-section-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px;display:flex}.plan-editor-section-head h2,.plan-editor-settings h2{margin-bottom:0}.editor-tabs{background:var(--surface);border-radius:14px;gap:4px;padding:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.editor-tabs{background:color-mix(in oklch, var(--surface) 45%, transparent)}}.editor-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:7px 13px}.editor-tabs button.active{color:var(--surface);background:var(--accent)}.editor-field-grid,.plan-editor-save{gap:16px;display:grid}.editor-field{color:var(--muted);gap:7px;font-size:13px;display:grid}.editor-field input,.editor-field textarea,.editor-field select{border:1px solid var(--muted);width:100%;padding:12px 13px}@supports (color:color-mix(in lab, red, red)){.editor-field input,.editor-field textarea,.editor-field select{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.editor-field input,.editor-field textarea,.editor-field select{border-radius:var(--radius-control);color:var(--fg);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.editor-field input,.editor-field textarea,.editor-field select{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.editor-field input,.editor-field textarea,.editor-field select{resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 13%, transparent)}}.editor-description{min-height:420px;font-family:var(--font-mono);line-height:1.7}.editor-progress-input{grid-template-columns:1fr 48px;align-items:center;gap:10px;display:grid}.editor-progress-input input{accent-color:var(--accent);box-shadow:none;padding-inline:0}.editor-progress-input output{text-align:right;font-variant-numeric:tabular-nums}.editor-field-error{color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.editor-field-error{color:color-mix(in oklch, var(--pink) 50%, var(--fg))}}.markdown-preview{overflow-wrap:anywhere;border:1px dashed var(--muted);min-height:420px;padding:18px}@supports (color:color-mix(in lab, red, red)){.markdown-preview{border:1px dashed color-mix(in oklch, var(--muted) 24%, transparent)}}.markdown-preview{border-radius:var(--radius-control);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.markdown-preview{background:color-mix(in oklch, var(--surface) 38%, transparent)}}.markdown-content>:last-child{margin-bottom:0}.markdown-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.markdown-content pre{background:var(--fg);border-radius:12px;padding:14px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.markdown-content pre{background:color-mix(in oklch, var(--fg) 8%, var(--surface))}}.markdown-content code{font-family:var(--font-mono)}.markdown-content table{border-collapse:collapse;width:100%}.markdown-content th,.markdown-content td{border:1px solid var(--muted);padding:8px}@supports (color:color-mix(in lab, red, red)){.markdown-content th,.markdown-content td{border:1px solid color-mix(in oklch, var(--muted) 22%, transparent)}}.markdown-content th,.markdown-content td{text-align:left}.plan-editor-save strong{font-family:var(--font-display)}.plan-editor-save p{margin-bottom:0;font-size:12px}.trash-plan-grid{gap:16px;display:grid}.trash-plan-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.trash-plan-card h2{margin-bottom:6px}.trash-plan-card .plan-meta-row,.trash-plan-card .admin-plan-actions,.trash-plan-card .admin-notice{grid-column:1/-1}.delete-dialog{border:1px solid var(--border);border-radius:var(--radius-large);width:min(520px,100% - 28px);color:var(--fg);padding:28px}.delete-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#29484a47}.delete-dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.public-plan-filters{border-radius:var(--radius-card);grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;padding:18px;display:grid}.public-plan-filters label{color:var(--muted);gap:6px;font-size:12px;display:grid}.public-plan-filters select{border:1px solid var(--muted);width:100%;padding:11px 13px}@supports (color:color-mix(in lab, red, red)){.public-plan-filters select{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.public-plan-filters select{border-radius:var(--radius-control);color:var(--fg);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.public-plan-filters select{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.theme-select{width:100%;position:relative}.theme-select-trigger{border:1px solid var(--muted);justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.theme-select-trigger{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.theme-select-trigger{border-radius:var(--radius-control);color:var(--fg);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.theme-select-trigger{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.theme-select-trigger{font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.theme-select-trigger:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-select-trigger:hover{border-color:color-mix(in oklch, var(--accent) 40%, var(--border))}}.theme-select-trigger:focus-visible,.theme-select-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.theme-select-trigger:focus-visible,.theme-select-trigger[aria-expanded=true]{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 13%, transparent)}}.theme-select-trigger[data-placeholder] .theme-select-value{color:var(--muted)}.theme-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.theme-select-chevron{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;color:var(--muted);transition:transform var(--transition-fast);flex:0 0 18px}.theme-select-trigger[aria-expanded=true] .theme-select-chevron{color:var(--accent);transform:rotate(180deg)}.theme-select-menu{z-index:70;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.theme-select-menu{background:color-mix(in oklch, var(--surface) 97%, var(--accent) 3%)}}.theme-select-menu{box-shadow:0 22px 60px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.theme-select-menu{box-shadow:0 22px 60px color-mix(in oklch, var(--shadow) 120%, transparent)}}.theme-select-menu{scrollbar-width:thin;outline:none;animation:.16s both theme-select-in}@keyframes theme-select-in{0%{opacity:0;transform:translateY(-4px)}}.theme-select-option{color:var(--fg);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 11px;display:flex}.theme-select-option[data-active]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-select-option[data-active]{background:color-mix(in oklch, var(--accent) 14%, transparent)}}.theme-select-option[aria-selected=true]{color:var(--accent);font-weight:600}.theme-select-option[aria-selected=true]:after{content:"✓";margin-left:auto;font-size:13px}@media (prefers-reduced-motion:reduce){.theme-select-menu{animation-duration:1ms}.theme-select-chevron{transition:none}}.public-plan-grid{gap:12px;display:grid}.public-plan-card{grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);align-content:start;gap:18px;display:grid}.public-plan-card h2{margin:0;font-size:22px}.public-plan-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.public-plan-details{border-top:0;border-left:1px solid var(--muted);padding-top:0}@supports (color:color-mix(in lab, red, red)){.public-plan-details{border-left:1px solid color-mix(in oklch, var(--muted) 14%, transparent)}}.public-plan-details{padding-left:18px}.public-plan-details .btn{margin-top:12px}.plan-toggle{place-self:start;padding:8px 16px;font-size:13px}.deadline-danger{color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.deadline-danger{color:color-mix(in oklch, var(--pink) 42%, var(--fg))}}.deadline-danger{background:var(--pink)}@supports (color:color-mix(in lab, red, red)){.deadline-danger{background:color-mix(in oklch, var(--pink) 22%, transparent)}}.deadline-warning{color:var(--warm)}@supports (color:color-mix(in lab, red, red)){.deadline-warning{color:color-mix(in oklch, var(--warm) 38%, var(--fg))}}.deadline-warning{background:var(--warm)}@supports (color:color-mix(in lab, red, red)){.deadline-warning{background:color-mix(in oklch, var(--warm) 24%, transparent)}}.settings-workspace{width:min(1280px,100% - 32px)}.settings-tabs{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);gap:6px;margin-bottom:18px;padding:6px;display:flex;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.settings-tabs{background:color-mix(in oklch, var(--surface) 62%, transparent)}}.settings-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:13px;padding:10px 16px}.settings-tabs button.active{color:var(--fg);background:var(--surface);box-shadow:0 8px 22px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.settings-tabs button.active{box-shadow:0 8px 22px color-mix(in oklch, var(--shadow) 55%, transparent)}}.settings-panel{border-radius:var(--radius-large);padding:clamp(22px,4vw,38px)}.settings-panel-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:26px;display:flex}.settings-panel h2{margin-bottom:5px}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-form-grid label,.social-link-editor-row label{color:var(--muted);gap:6px;font-size:12px;display:grid}.settings-form-grid input,.settings-form-grid textarea,.social-link-editor-row input,.social-link-editor-row select{border:1px solid var(--muted);width:100%;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.settings-form-grid input,.settings-form-grid textarea,.social-link-editor-row input,.social-link-editor-row select{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.settings-form-grid input,.settings-form-grid textarea,.social-link-editor-row input,.social-link-editor-row select{border-radius:var(--radius-control);color:var(--fg);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.settings-form-grid input,.settings-form-grid textarea,.social-link-editor-row input,.social-link-editor-row select{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.settings-form-grid input,.settings-form-grid textarea,.social-link-editor-row input,.social-link-editor-row select{resize:vertical;outline:none}.settings-form-grid input:focus,.settings-form-grid textarea:focus,.social-link-editor-row input:focus,.social-link-editor-row select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.settings-form-grid input:focus,.settings-form-grid textarea:focus,.social-link-editor-row input:focus,.social-link-editor-row select:focus{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 13%, transparent)}}.settings-wide-field{grid-column:1/-1}.settings-field-error{color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.settings-field-error{color:color-mix(in oklch, var(--pink) 50%, var(--fg))}}.social-link-editor-list{gap:12px;display:grid}.social-link-editor-row{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:140px 180px minmax(220px,1fr) auto auto;align-items:end;gap:10px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.social-link-editor-row{background:color-mix(in oklch, var(--surface) 44%, transparent)}}.social-link-row-actions{gap:5px;display:flex}.social-link-row-actions .btn{padding-inline:11px}.settings-check{cursor:pointer;align-items:center;color:var(--fg)!important;gap:7px!important;display:flex!important}.settings-check input{width:17px;height:17px;accent-color:var(--accent)}.settings-check small{color:var(--muted)}.layout-module-toggles{border-radius:var(--radius-control);background:var(--surface);flex-wrap:wrap;gap:8px 18px;margin-bottom:18px;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.layout-module-toggles{background:color-mix(in oklch, var(--surface) 48%, transparent)}}.layout-order-list{gap:10px;display:grid}.layout-order-row{border:1px solid var(--border);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.layout-order-row{background:color-mix(in oklch, var(--surface) 54%, transparent)}}.layout-order-row.is-disabled{opacity:.58}.layout-order-row .settings-check span{gap:2px;display:grid}.layout-order-actions{gap:8px;display:flex}.layout-order-actions .btn:disabled{cursor:not-allowed;opacity:.42}.layout-editor-scroll{padding-bottom:8px;overflow:auto}.layout-editor-canvas{aspect-ratio:12/8;border:1px dashed var(--accent);width:1080px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.layout-editor-canvas{border:1px dashed color-mix(in oklch, var(--accent) 58%, var(--border))}}.layout-editor-canvas{background-color:var(--surface);border-radius:28px}@supports (color:color-mix(in lab, red, red)){.layout-editor-canvas{background-color:color-mix(in oklch, var(--surface) 44%, transparent)}}.layout-editor-canvas{background-image:linear-gradient(to right, var(--muted) 1px, transparent 1px), linear-gradient(to bottom, var(--muted) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.layout-editor-canvas{background-image:linear-gradient(to right, color-mix(in oklch, var(--muted) 12%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--muted) 12%, transparent) 1px, transparent 1px)}}.layout-editor-canvas{touch-action:none;background-size:8.33333% 12.5%}.layout-editor-card{border:4px solid var(--surface);place-content:center;gap:5px;padding:12px;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.layout-editor-card{border:4px solid color-mix(in oklch, var(--surface) 85%, transparent)}}.layout-editor-card{color:var(--fg);background:linear-gradient(145deg, var(--accent), var(--accent-2));border-radius:24px}@supports (color:color-mix(in lab, red, red)){.layout-editor-card{background:linear-gradient(145deg, color-mix(in oklch, var(--accent) 22%, var(--surface)), color-mix(in oklch, var(--accent-2) 16%, var(--surface)))}}.layout-editor-card{box-shadow:0 12px 30px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.layout-editor-card{box-shadow:0 12px 30px color-mix(in oklch, var(--shadow) 60%, transparent)}}.layout-editor-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:opacity var(--transition-fast), box-shadow var(--transition-fast)}.layout-editor-card:active{cursor:grabbing;box-shadow:0 18px 38px var(--accent)}@supports (color:color-mix(in lab, red, red)){.layout-editor-card:active{box-shadow:0 18px 38px color-mix(in oklch, var(--accent) 22%, transparent)}}.layout-editor-card span{color:var(--muted);font-size:11px}.layout-editor-card.is-disabled{opacity:.34;filter:grayscale(.6)}.theme-placeholder{justify-content:space-between;align-items:center;gap:24px;min-height:340px;display:flex}.theme-selector{gap:22px;display:grid}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.theme-option{text-align:left;border:1px solid var(--border);min-height:210px;color:var(--fg);background:var(--surface);border-radius:24px;align-content:start;gap:10px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.theme-option{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.theme-option{cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.theme-option:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.theme-option:hover{border-color:color-mix(in oklch, var(--accent) 44%, var(--border))}}.theme-option:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-option:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 36%, transparent)}}.theme-option:focus-visible{outline-offset:3px}.theme-option.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 18px 36px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.theme-option.active{box-shadow:inset 0 0 0 1px var(--accent), 0 18px 36px color-mix(in oklch, var(--shadow) 120%, transparent)}}.theme-option strong{font-size:20px}.theme-option span:last-child{color:var(--muted);line-height:1.7}.theme-swatch{border:1px solid var(--border);border-radius:18px;width:100%;height:76px}@supports (color:color-mix(in lab, red, red)){.theme-swatch{border:1px solid color-mix(in oklch, var(--border) 78%, transparent)}}.theme-swatch.paper-editorial{background:linear-gradient(135deg,#fffaf0 0 48%,#eadfcf 48% 49%,#9d3f31 49% 56%,#f6f0e5 56%),#f6f0e5}.theme-swatch.night-radio{background:radial-gradient(circle at 18% 28%,#f0aa45 0 10%,#0000 11%),linear-gradient(135deg,#101827 0 44%,#172235 44% 70%,#84b8d8 70% 72%,#0b1220 72%)}.home-shell{grid-template-columns:240px minmax(420px,1fr) 300px;align-items:start;gap:clamp(24px,2.4vw,42px);width:min(1540px,100% - 48px);height:100svh;min-height:100svh;margin:0 auto;padding:clamp(52px,6vh,72px) 40px clamp(28px,4vh,44px);display:grid;position:relative;overflow:hidden}.home-side{border-radius:32px;margin-top:clamp(86px,10vh,112px);padding:22px;position:sticky;top:64px}.profile{color:inherit;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:20px;align-items:center;gap:13px;margin-bottom:27px;text-decoration:none;display:flex}.profile:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.profile:hover{background:color-mix(in oklch, var(--accent) 8%, transparent)}}.profile:hover{transform:translateY(-1px)}.profile:focus-visible{outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.profile:focus-visible{outline:2px solid color-mix(in oklch, var(--accent) 72%, transparent)}}.profile:focus-visible{outline-offset:4px}.profile .avatar{width:50px;height:50px;font-size:17px}.profile strong{font-size:18px;display:block}.status{color:var(--accent-2);font-size:12px}.side-label{color:var(--muted);font:700 10px var(--font-body);letter-spacing:.14em;margin:0 0 10px 8px}.side-menu{gap:5px;display:grid}.side-menu a{color:var(--muted);border-radius:15px;align-items:center;gap:11px;padding:11px 12px;transition:all .2s;display:flex}.side-menu a:hover{color:var(--fg);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.side-menu a:hover{background:color-mix(in oklch, var(--accent) 9%, transparent)}}.side-menu a:hover{transform:translate(3px)}.side-menu svg{box-sizing:content-box;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;border-radius:10px;flex:0 0 18px;width:18px;height:18px;padding:5px;transition:color .2s,background-color .2s,transform .2s}.side-menu a:hover svg{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.side-menu a:hover svg{background:color-mix(in oklch, var(--accent) 13%, transparent)}}.side-menu a:hover svg{transform:scale(1.08)}.home-main{gap:clamp(18px,2vh,26px);display:grid}.album-preview{border-radius:32px;place-items:center;min-height:168px;display:grid;position:relative;overflow:hidden}.photo-strip{justify-content:center;align-items:center;width:92%;display:flex}.mini-photo{aspect-ratio:4/3;border:7px solid var(--surface);width:26%;box-shadow:0 12px 25px var(--shadow);background:linear-gradient(145deg, var(--accent), var(--warm));border-radius:13px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mini-photo{background:linear-gradient(145deg, color-mix(in oklch, var(--accent) 35%, var(--surface)), color-mix(in oklch, var(--warm) 42%, var(--surface)))}}.mini-photo{transition:all .25s;transform:rotate(-7deg)}.mini-photo img{object-fit:cover;width:100%;height:100%;display:block}.mini-photo:nth-child(2){background:linear-gradient(145deg, var(--pink), var(--accent-2));margin-left:-20px;transform:rotate(4deg)translateY(-5px)}@supports (color:color-mix(in lab, red, red)){.mini-photo:nth-child(2){background:linear-gradient(145deg, color-mix(in oklch, var(--pink) 26%, var(--surface)), color-mix(in oklch, var(--accent-2) 28%, var(--surface)))}}.mini-photo:nth-child(3){margin-left:-20px;transform:rotate(-2deg)translateY(5px)}.mini-photo:nth-child(4){background:linear-gradient(145deg, var(--warm), var(--accent-2));margin-left:-20px;transform:rotate(7deg)}@supports (color:color-mix(in lab, red, red)){.mini-photo:nth-child(4){background:linear-gradient(145deg, color-mix(in oklch, var(--warm) 44%, var(--surface)), color-mix(in oklch, var(--accent-2) 34%, var(--surface)))}}.album-preview:hover .mini-photo{margin-left:2px;transform:rotate(0)translateY(0)scale(1.04)}.home-album-empty{text-align:center;gap:4px;padding:24px;display:grid}.home-album-empty span{font-size:12px}.preview-label{background:var(--surface);border-radius:999px;padding:7px 12px;position:absolute;bottom:18px;left:22px}@supports (color:color-mix(in lab, red, red)){.preview-label{background:color-mix(in oklch, var(--surface) 75%, transparent)}}.preview-label{font-size:12px}.welcome{text-align:center;place-items:center;min-height:222px;display:grid}.welcome-mark{background:linear-gradient(145deg, var(--accent), var(--warm));border-radius:26px;place-items:center;width:72px;height:72px;margin:0 auto 16px;display:grid}@supports (color:color-mix(in lab, red, red)){.welcome-mark{background:linear-gradient(145deg, color-mix(in oklch, var(--accent) 30%, var(--surface)), color-mix(in oklch, var(--warm) 36%, var(--surface)))}}.welcome-mark{font:800 23px var(--font-display)}.welcome h1{letter-spacing:-.05em;margin-bottom:8px;font-size:clamp(32px,5vw,52px)}.welcome p{color:var(--muted);margin:0}.socials{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.socials a{border-radius:15px;place-items:center;min-height:44px;font-size:13px;transition:transform .34s cubic-bezier(.22,.8,.22,1),color .25s,border-color .25s,box-shadow .32s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 26px #0000}.socials a:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 33%,#ffffff80 50%,#0000 67%);transition:transform .62s cubic-bezier(.22,.8,.22,1);position:absolute;inset:0;transform:translate(-135%)}.socials a:hover{color:var(--fg);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.socials a:hover{border-color:color-mix(in oklch, var(--accent) 48%, transparent)}}.socials a:hover{box-shadow:0 18px 38px var(--accent)}@supports (color:color-mix(in lab, red, red)){.socials a:hover{box-shadow:0 18px 38px color-mix(in oklch, var(--accent) 18%, transparent)}}.socials a:hover{transform:translateY(-4px)scale(1.018)}.socials a:hover:after{transform:translate(135%)}.socials a:active{transition-duration:90ms;transform:translateY(-1px)scale(.965)}.socials a:first-child{color:var(--surface);background:var(--fg);border-color:var(--fg)}.socials a:first-child:hover{color:var(--surface);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.socials a:first-child:hover{border-color:color-mix(in oklch, var(--accent) 60%, var(--fg))}}.socials a:first-child:hover{box-shadow:0 18px 38px var(--accent)}@supports (color:color-mix(in lab, red, red)){.socials a:first-child:hover{box-shadow:0 18px 38px color-mix(in oklch, var(--accent) 24%, transparent)}}.home-bottom{grid-template-columns:1.15fr .85fr;gap:clamp(18px,2vw,30px);display:grid}.story-row{grid-template-columns:105px 1fr;align-items:center;gap:16px;display:grid}.thumb{background:linear-gradient(145deg, var(--accent-2), var(--warm));border-radius:20px;min-height:105px}@supports (color:color-mix(in lab, red, red)){.thumb{background:linear-gradient(145deg, color-mix(in oklch, var(--accent-2) 36%, var(--surface)), color-mix(in oklch, var(--warm) 35%, var(--surface)))}}.story h3,.recommend h3{margin-bottom:7px}.story p,.recommend p{color:var(--muted);margin-bottom:0;font-size:13px}.recommend .metrics{color:var(--muted);gap:14px;margin-top:25px;font-size:12px;display:flex}.home-widgets{gap:clamp(18px,2vh,26px);margin-top:clamp(94px,11vh,122px);display:grid}.clock{text-align:center;padding:26px 20px}.clock-time{font:700 clamp(44px, 6vw, 66px)/1 var(--font-body);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.clock small{color:var(--muted)}.calendar h3{margin-bottom:16px;font-size:15px}.calendar-grid{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);gap:5px;font-size:11px;display:grid}.calendar-grid span{border-radius:9px;place-items:center;min-height:26px;display:grid}.calendar-grid .today{color:var(--surface);background:var(--accent)}.recent-plan-region{position:relative}.recent-plan-widget{grid-template-columns:48px 1fr;align-items:center;gap:12px;min-height:92px;display:grid}.recent-plan-widget h3{margin:0 0 9px;font-size:14px}.recent-plan-widget .eyebrow{margin-bottom:6px}.recent-plan-widget .muted{margin:0;font-size:11px}.recent-plan-mark{width:48px;height:48px;color:var(--fg);background:linear-gradient(145deg, var(--accent), var(--warm));border-radius:16px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.recent-plan-mark{background:linear-gradient(145deg, color-mix(in oklch, var(--accent) 28%, var(--surface)), color-mix(in oklch, var(--warm) 32%, var(--surface)))}}.recent-plan-mark{font:800 13px var(--font-body)}.recent-plan-preview{z-index:50;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);width:min(370px,100vw - 40px);padding:24px;position:absolute;bottom:calc(100% + 14px);right:0}@supports (color:color-mix(in lab, red, red)){.recent-plan-preview{background:color-mix(in oklch, var(--surface) 96%, var(--accent) 4%)}}.recent-plan-preview{box-shadow:0 28px 72px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.recent-plan-preview{box-shadow:0 28px 72px color-mix(in oklch, var(--shadow) 170%, transparent)}}.recent-plan-preview{animation:.24s both float-in}.recent-plan-preview-content h3{margin-bottom:8px;font-size:20px}.recent-plan-preview-content .plan-progress{margin:14px 0}.recent-plan-description{color:var(--muted);margin-bottom:14px;font-size:12px}.recent-plan-dialog{border:1px solid var(--border);border-radius:var(--radius-large);width:min(460px,100% - 24px);color:var(--fg);padding:24px}.recent-plan-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#29484a47}.recent-plan-dialog-close{float:right}.recent-plan-dialog>.btn.primary{width:100%;margin-top:18px}.search-bar{width:min(560px,100%);margin:0 auto 18px}.search-bar input{border:1px solid var(--muted);width:100%;padding:14px 18px}@supports (color:color-mix(in lab, red, red)){.search-bar input{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.search-bar input{color:var(--fg);background:var(--surface);border-radius:15px}@supports (color:color-mix(in lab, red, red)){.search-bar input{background:color-mix(in oklch, var(--surface) 48%, transparent)}}.search-bar input{outline:none}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.search-bar input:focus{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 13%, transparent)}}.filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.filter{color:var(--muted);background:var(--surface);border:0;border-radius:999px;padding:8px 15px}@supports (color:color-mix(in lab, red, red)){.filter{background:color-mix(in oklch, var(--surface) 44%, transparent)}}.filter{cursor:pointer;transition:all .2s}.filter:hover{background:var(--surface)}.filter.active{color:var(--surface);background:var(--accent)}.content-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.resource-card,.blog-card,.project-card{min-height:240px}.card-top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.logo-block{background:var(--surface);border-radius:17px;flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid}@supports (color:color-mix(in lab, red, red)){.logo-block{background:color-mix(in oklch, var(--surface) 70%, transparent)}}.logo-block{font:700 12px var(--font-body);color:var(--accent-2)}.card-top h2,.card-top h3{margin:0 0 3px;font-size:20px}.card-top p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px}.stars{color:var(--warm);letter-spacing:3px;margin:12px 0}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.metrics{color:var(--muted);margin-top:24px;font-size:12px}.resource-card.hidden,.blog-card.hidden{display:none}.directory-card{min-height:270px}.directory-card .muted,.directory-card .tag-row+.muted{margin-top:16px}.timeline-stack{gap:28px;width:min(980px,100%);margin:0 auto;display:grid}.year-card{border-radius:34px;padding:30px}.year-title{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.year-title h2{margin:0;font-size:22px}.article-list{display:grid;position:relative}.article-list:before{content:"";border-left:1px dashed var(--muted);position:absolute;top:4px;bottom:4px;left:76px}@supports (color:color-mix(in lab, red, red)){.article-list:before{border-left:1px dashed color-mix(in oklch, var(--muted) 30%, transparent)}}.article-row{min-height:48px;color:var(--muted);grid-template-columns:60px 14px 1fr auto;align-items:center;gap:10px;transition:all .2s;display:grid}.article-row:before{content:"";background:var(--muted);z-index:1;border-radius:50%;grid-area:1/2;justify-self:center;width:6px;height:6px}.article-row .date{font-family:var(--font-mono);grid-area:1/1;font-size:12px}.article-row .title{color:var(--fg);grid-area:1/3}.article-row .tag{grid-area:1/4}.article-row:hover{transform:translate(5px)}.article-row:hover .title{color:var(--accent)}.project-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{grid-template-rows:auto 1fr auto;display:grid}.project-card .description{color:var(--muted)}.about-editorial{grid-template-columns:minmax(230px,320px) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,34px);width:min(1080px,100%);margin:0 auto;display:grid}.about-identity{border-radius:34px;gap:14px;padding:clamp(24px,4vw,34px);display:grid;position:sticky;top:110px}.about-avatar-mark{border:1px solid var(--border);width:84px;height:84px;color:var(--fg);background:var(--warm);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.about-avatar-mark{background:color-mix(in oklch, var(--warm) 52%, var(--surface))}}.about-avatar-mark{font:800 28px var(--font-display)}.about-identity h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,4vw,40px)}.about-identity .status{color:var(--accent-2);margin:0}.about-signature{border-top:1px solid var(--border);color:var(--muted);font-family:var(--font-body);letter-spacing:.04em;margin:22px 0 0;padding-top:18px;font-size:12px}.about-card{border-radius:36px;padding:clamp(28px,5vw,56px)}.about-card h2{font-size:clamp(28px,4vw,42px)}.hash{color:var(--accent)}.about-list{padding-left:22px}.about-list li{margin:10px 0}.quote-box{border-left:3px solid var(--accent-2);background:var(--accent-2);border-radius:0 18px 18px 0;margin:28px 0;padding:20px}@supports (color:color-mix(in lab, red, red)){.quote-box{background:color-mix(in oklch, var(--accent-2) 8%, transparent)}}.about-markdown{gap:16px;display:grid}.about-markdown h1,.about-markdown h2{font-size:clamp(22px,3vw,34px)}.about-markdown h3,.about-markdown h4{font-size:1.1rem}.about-markdown ul,.about-markdown ol{padding-left:22px}.about-markdown li{margin:8px 0}.about-markdown blockquote{border-left:3px solid var(--accent-2);background:var(--accent-2);border-radius:0 18px 18px 0;margin:0;padding:16px 20px}@supports (color:color-mix(in lab, red, red)){.about-markdown blockquote{background:color-mix(in oklch, var(--accent-2) 8%, transparent)}}.about-markdown a{color:var(--accent);text-underline-offset:3px}.about-markdown code{font-family:var(--font-mono);background:var(--muted);font-size:.85em}@supports (color:color-mix(in lab, red, red)){.about-markdown code{background:color-mix(in oklch, var(--muted) 20%, transparent)}}.about-markdown code{border-radius:4px;padding:2px 6px}.about-markdown hr{border:none;border-top:1px solid var(--border)}.public-album{z-index:1;flex:1;grid-template-rows:minmax(0,1fr) auto;gap:12px;width:100%;min-height:0;display:grid;position:relative}.public-album-stage{border-radius:var(--radius-large);background:radial-gradient(circle at center, var(--accent), transparent 66%);width:100%;height:100%;min-height:420px;margin:0 auto;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.public-album-stage{background:radial-gradient(circle at center, color-mix(in oklch, var(--accent) 10%, transparent), transparent 66%)}}.public-polaroid{box-sizing:border-box;aspect-ratio:4/5;border:1px solid var(--border);background:var(--surface);width:clamp(135px,20.25vw,225px);box-shadow:0 22px 48px var(--shadow);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(var(--photo-x), var(--photo-y)) rotate(var(--photo-rotate));border-radius:4px;padding:12px 12px 42px;transition:box-shadow .28s,filter .28s;position:absolute;top:0;left:0}.public-polaroid:active{cursor:grabbing}.public-polaroid img,.photo-editor-polaroid img{object-fit:cover;width:100%;height:100%;display:block}.public-polaroid img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.public-polaroid:hover,.public-polaroid:focus-visible,.public-polaroid.is-top{box-shadow:0 34px 72px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.public-polaroid:hover,.public-polaroid:focus-visible,.public-polaroid.is-top{box-shadow:0 34px 72px color-mix(in oklch, var(--shadow) 150%, transparent)}}.public-polaroid:hover,.public-polaroid:focus-visible,.public-polaroid.is-top{filter:saturate(1.06)}.public-polaroid:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.public-album-controls{justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.photo-lightbox{z-index:100;background:var(--fg);place-items:center;padding:20px;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.photo-lightbox{background:color-mix(in oklch, var(--fg) 72%, transparent)}}.photo-lightbox{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.photo-lightbox-panel{gap:14px;width:min(100%,1080px);max-height:calc(100svh - 40px);display:grid}.photo-lightbox-panel>img,.photo-lightbox-panel>.photo-fallback{object-fit:contain;border-radius:var(--radius-control);width:100%;max-height:calc(100svh - 40px)}.photo-fallback{border:1px dashed var(--muted);place-content:center;gap:6px;min-height:160px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.photo-fallback{border:1px dashed color-mix(in oklch, var(--muted) 40%, transparent)}}.photo-fallback{border-radius:var(--radius-control);color:var(--muted);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.photo-fallback{background:color-mix(in oklch, var(--surface) 70%, transparent)}}.photo-fallback{text-align:center}.photo-fallback small{font-family:var(--font-mono);overflow-wrap:anywhere}.photo-admin-grid,.cleanup-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.photo-admin-card{align-content:start;gap:14px;display:grid;overflow:hidden}.photo-admin-image,.photo-admin-card>img,.photo-admin-card>.photo-fallback,.trash-plan-card>img,.trash-plan-card>.photo-fallback{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-control);width:100%}.photo-admin-card-body{gap:12px;display:grid}.photo-admin-card-body h2,.photo-admin-card-body p,.photo-admin-card>p{overflow-wrap:anywhere}.photo-upload-queue{border-radius:var(--radius-card);gap:18px;padding:26px;display:grid}.photo-upload-queue label.btn,.plan-editor-settings label.btn{cursor:pointer;position:relative;overflow:hidden}.photo-upload-queue input[type=file],.plan-editor-settings label.btn input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photo-upload-list{gap:10px;display:grid}.photo-upload-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px;display:grid}.photo-upload-item p,.photo-upload-item strong{overflow-wrap:anywhere;margin-bottom:0}.photo-upload-item .admin-notice,.photo-upload-item .btn{grid-column:1/-1}.photo-upload-status.processing,.photo-upload-status.uploading{color:var(--accent)}.photo-upload-status.success{color:var(--fg);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.photo-upload-status.success{background:color-mix(in oklch, var(--accent) 22%, var(--surface))}}.photo-upload-status.error{color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.photo-upload-status.error{color:color-mix(in oklch, var(--pink) 42%, var(--fg))}}.photo-upload-status.error{background:var(--pink)}@supports (color:color-mix(in lab, red, red)){.photo-upload-status.error{background:color-mix(in oklch, var(--pink) 22%, transparent)}}.photo-upload-progress{background:var(--muted);border-radius:999px;height:5px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.photo-upload-progress{background:color-mix(in oklch, var(--muted) 14%, transparent)}}.media-upload-field{gap:14px;display:grid}.media-upload-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.media-upload-head h3{letter-spacing:-.025em;margin:3px 0 0;font-size:20px}.media-upload-dropzone{border:1px dashed var(--muted);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.media-upload-dropzone{border:1px dashed color-mix(in oklch, var(--muted) 30%, transparent)}}.media-upload-dropzone{border-radius:var(--radius-control);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.media-upload-dropzone{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.media-upload-dropzone{cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast)}.media-upload-dropzone:hover,.media-upload-dropzone.dragging{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.media-upload-dropzone:hover,.media-upload-dropzone.dragging{background:color-mix(in oklch, var(--accent) 10%, var(--surface))}}.media-upload-dropzone:hover,.media-upload-dropzone.dragging{transform:translateY(-1px)}.media-upload-dropzone input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.media-upload-preview{aspect-ratio:4/3;object-fit:cover;background:var(--muted);border-radius:16px;width:112px}@supports (color:color-mix(in lab, red, red)){.media-upload-preview{background:color-mix(in oklch, var(--muted) 10%, transparent)}}.media-upload-preview.empty{color:var(--muted);place-items:center;font-size:12px;display:grid}.media-upload-copy{gap:5px;min-width:0;display:grid}.media-upload-copy strong,.media-upload-copy small{overflow-wrap:anywhere}.media-upload-copy small{color:var(--muted)}.media-upload-status.processing,.media-upload-status.uploading{color:var(--accent)}.media-upload-status.success{color:var(--fg);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.media-upload-status.success{background:color-mix(in oklch, var(--accent) 22%, var(--surface))}}.media-upload-status.error{color:var(--pink)}@supports (color:color-mix(in lab, red, red)){.media-upload-status.error{color:color-mix(in oklch, var(--pink) 42%, var(--fg))}}.media-upload-status.error{background:var(--pink)}@supports (color:color-mix(in lab, red, red)){.media-upload-status.error{background:color-mix(in oklch, var(--pink) 22%, transparent)}}.compact-media-upload{gap:8px;margin-top:8px;display:grid}.compact-media-upload .media-upload-field{gap:8px}.compact-media-upload .media-upload-head .eyebrow{display:none}.compact-media-upload .media-upload-head h3{font-size:13px}.compact-media-upload .media-upload-dropzone{grid-template-columns:72px minmax(0,1fr);padding:9px}.compact-media-upload .media-upload-preview{border-radius:12px;width:72px}.compact-media-upload>.btn{justify-self:start}.media-upload-hint{margin:8px 0 0;font-size:12px}.media-test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.media-result-card{gap:12px;display:grid}.media-result-card p{overflow-wrap:anywhere;gap:4px;margin-bottom:0;display:grid}.photo-editor-preview{object-fit:contain;border-radius:var(--radius-control);width:100%;max-height:580px}.photo-editor-polaroid{width:min(240px,100%);margin:24px auto 0;position:relative;inset:auto;transform:rotate(-3deg)}.cleanup-task-grid .mono{overflow-wrap:anywhere;font-size:12px}@media (min-width:1181px) and (max-height:850px){.home-shell{padding-block:30px 18px}.home-main{gap:14px}.home-side{margin-top:62px;padding:18px}.profile{margin-bottom:18px}.side-menu{gap:2px}.side-menu a{padding-block:8px}.album-preview{min-height:140px}.welcome{min-height:210px}.welcome-mark{width:62px;height:62px;margin-bottom:10px}.home-bottom{gap:14px}.home-bottom .card{padding:20px}.home-widgets{gap:14px;margin-top:70px}.clock{padding-block:18px}.calendar{padding:22px}.calendar h3{margin-bottom:10px}.calendar-grid{gap:3px}.calendar-grid span{min-height:22px}.recent-plan-widget{padding:20px}}@media (max-width:1180px){.admin-workspace-head{flex-direction:column;align-items:start}.admin-workspace-actions{justify-content:flex-start}.admin-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-plan-filter-grid{grid-template-columns:repeat(2,1fr)}.admin-overview-grid{grid-template-columns:1fr}.admin-overview-primary{min-height:0}.admin-overview-stack{grid-template-columns:1fr 1fr}.admin-overview-note{grid-column:1/-1}.category-row{grid-template-columns:1fr auto}.plan-editor{grid-template-columns:1fr}.plan-editor-sidebar{grid-template-columns:1fr 1fr;position:static}.public-plan-card{grid-template-columns:1fr}.public-plan-details{border-left:0;border-top:1px solid var(--muted);padding-top:14px;padding-left:0}@supports (color:color-mix(in lab, red, red)){.public-plan-details{border-top:1px solid color-mix(in oklch, var(--muted) 14%, transparent)}}.home-shell{grid-template-columns:210px 1fr;gap:24px;height:auto;min-height:100svh;padding-inline:34px;overflow:visible}.home-side{margin-top:72px}.home-widgets{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-top:0}.content-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.admin-shell{grid-template-columns:1fr;width:min(100% - 22px,680px);padding:12px 0 40px}.admin-shell-sidebar{height:auto;padding:16px;position:static}.admin-shell-nav-region{margin-top:16px}.admin-shell-label{margin-left:6px}.admin-shell-nav{gap:6px;padding-bottom:4px;display:flex;overflow:auto hidden}.admin-shell-nav a{white-space:nowrap;flex:none;padding:9px 11px}.admin-shell-nav a:hover{transform:translateY(-1px)}.admin-shell-footer{margin-top:14px;display:flex}.admin-shell-footer .btn{width:auto}.admin-shell .admin-workspace{min-height:0;padding:18px 0 20px}.admin-list-row{grid-template-columns:1fr;gap:11px}.admin-list-row-actions{justify-content:flex-start}.settings-form-grid{grid-template-columns:1fr}.settings-wide-field{grid-column:auto}.settings-panel-head,.theme-placeholder{flex-direction:column;align-items:start}.social-link-editor-row{grid-template-columns:1fr 1fr}.social-link-href,.social-link-row-actions{grid-column:1/-1}.public-plan-filters,.plan-editor-sidebar{grid-template-columns:1fr}.page{width:min(100% - 28px,680px);padding-top:104px}.top-nav{scrollbar-width:none;max-width:calc(100vw - 92px);overflow-x:auto}.floating-tools{right:10px}.home-shell{flex-direction:column;width:min(100% - 28px,680px);height:auto;min-height:100svh;padding:22px 0 62px;display:flex;overflow:visible}.home-main{display:contents;transform:none}.welcome{order:1;width:100%}.socials{order:2;width:100%}.album-preview{order:3;width:100%}.home-side{order:4;width:100%;margin-top:0;position:static}.home-widgets{order:5;grid-template-columns:1fr;width:100%;margin-top:0}.recent-plan-preview{display:none}.home-bottom{order:6;grid-template-columns:1fr;width:100%}.content-grid,.project-grid,.about-editorial{grid-template-columns:1fr}.about-identity{position:static}.work-card.is-featured,.work-card:not(.is-featured),.collection-card,.featured-project-card{grid-template-columns:1fr}.work-card.is-featured .work-card-preview,.work-card:not(.is-featured) .work-card-preview,.collection-card-cover{border-right:0;border-bottom:1px solid var(--border);min-height:180px}.article-row{grid-template-columns:54px 12px 1fr}.article-row .tag{display:none}.article-list:before{left:66px}}@media (max-width:520px){.admin-shell-brand strong{font-size:16px}.admin-shell-footer{grid-template-columns:1fr 1fr;display:grid}.admin-shell-footer .btn{width:100%}.admin-shell .admin-workspace{width:100%;padding-top:12px}.settings-workspace{width:min(100% - 22px,540px)}.settings-panel{padding:20px}.social-link-editor-row{grid-template-columns:1fr}.social-link-href,.social-link-row-actions{grid-column:auto}.social-link-row-actions{flex-wrap:wrap}.admin-workspace{width:min(100% - 22px,540px);padding-top:30px}.admin-workspace-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.admin-toolbar{grid-template-columns:1fr 1fr;display:grid}.admin-toolbar .btn{width:100%}.admin-module-grid,.admin-overview-stack,.admin-form-grid{grid-template-columns:1fr}.admin-overview-note{grid-column:auto}.admin-list-row-actions{grid-template-columns:1fr 1fr;display:grid}.admin-list-row-actions .btn{width:100%}.admin-plan-grid,.admin-plan-filter-grid,.admin-plan-search,.category-create,.category-row{grid-template-columns:1fr}.category-dialog,.plan-editor-main,.plan-editor-settings,.plan-editor-save{padding:20px}.plan-editor-section-head{flex-direction:column}.media-test-grid,.media-upload-dropzone{grid-template-columns:1fr}.media-upload-preview{width:100%}.trash-plan-card{grid-template-columns:1fr}.delete-dialog{padding:20px}.delete-dialog-actions{grid-template-columns:1fr;display:grid}.public-plan-grid{grid-template-columns:1fr}.top-nav{border-radius:20px;padding:6px;top:8px;left:8px}.nav-link,.avatar-link,.nav-glider{width:40px;height:40px}.avatar{width:33px;height:33px}.floating-tools{display:none}.socials{grid-template-columns:repeat(2,1fr)}.home-bottom{grid-template-columns:1fr}.card{border-radius:26px;padding:22px}.story-row{grid-template-columns:82px 1fr}.album-page{flex-direction:column;width:min(100% - 28px,680px);height:auto;min-height:100svh;padding:86px 0 34px;display:flex;overflow:visible}.album-page-head{pointer-events:auto;text-align:center;max-width:none;position:static;transform:none}.album-page-head p{max-width:none}.public-album{min-height:520px}.public-album-stage{min-height:440px}.public-polaroid{width:min(54vw,203px)}.public-album-controls{flex-wrap:wrap}.photo-lightbox{padding:10px}.photo-lightbox-panel{max-height:calc(100svh - 20px)}.photo-admin-grid,.cleanup-task-grid{grid-template-columns:1fr}.photo-upload-queue{padding:20px}.photo-upload-item{grid-template-columns:1fr}.year-card{padding:22px 16px}.article-row{grid-template-columns:46px 10px 1fr;gap:7px}.article-list:before{left:55px}}.home-shell{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:clamp(10px,1.2vw,18px);width:min(1540px,100% - 48px);height:100svh;min-height:720px;padding:clamp(28px,4vh,48px) 28px;display:grid;overflow:visible}.home-module{grid-column:calc(var(--grid-x) + 1) / span var(--grid-width);grid-row:calc(var(--grid-y) + 1) / span var(--grid-height);min-width:0;min-height:0}.home-module>*{width:100%;height:100%}.home-module[data-home-module=navigation]{align-self:start}.home-module[data-home-module=navigation]>.home-side{height:auto;overflow:visible}.home-side{margin-top:0;position:static;overflow:auto}.profile-avatar{object-fit:cover;border-radius:50%}.album-preview,.welcome{min-height:0}.welcome{color:inherit}.socials{height:100%}.socials a{min-height:0}.recommend{align-content:center;display:grid}.recommend .metrics{margin-top:14px}.clock{place-content:center;display:grid}.clock-time{font-size:clamp(34px,4vw,62px)}.calendar{overflow:auto}.recent-plan-region,.recent-plan-widget{height:100%}.recent-plan-widget{min-height:0;padding:20px}.music-widget{isolation:isolate;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.music-widget>*{z-index:1;position:relative}.music-widget:before{content:"";z-index:0;background:conic-gradient(from 0deg, var(--accent), var(--accent-2), var(--warm), var(--accent));position:absolute;inset:-45%}@supports (color:color-mix(in lab, red, red)){.music-widget:before{background:conic-gradient(from 0deg, color-mix(in oklch, var(--accent) 32%, transparent), color-mix(in oklch, var(--accent-2) 30%, transparent), color-mix(in oklch, var(--warm) 28%, transparent), color-mix(in oklch, var(--accent) 32%, transparent))}}.music-widget:before{filter:blur(26px);opacity:0;pointer-events:none;transition:opacity .7s;animation:9s linear infinite paused music-aurora}.music-widget[data-playing=true]:before{opacity:.55;animation-play-state:running}@keyframes music-aurora{to{transform:rotate(1turn)}}.mini-player{z-index:60;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;align-items:center;gap:11px;width:min(300px,100vw - 40px);padding:9px 15px 9px 9px;animation:.3s both mini-in;display:flex;position:fixed;bottom:20px;right:20px}.mini-player:active{cursor:grabbing}@keyframes mini-in{0%{opacity:0}}.mini-player-btn{width:38px;height:38px;color:var(--surface);background:var(--accent);cursor:pointer;border:0;border-radius:50%;flex:0 0 38px;transition:transform .2s}.mini-player-btn:hover{transform:scale(1.08)}.mini-player-btn svg{width:20px;height:20px;display:block;position:relative;left:4px}.mini-player[data-playing=true] .mini-player-btn svg{left:3px}.mini-player-cover{object-fit:cover;border-radius:9px;flex:0 0 34px;width:34px;height:34px}.mini-player-note{color:var(--accent-2);flex:none;font-size:20px}.mini-player-info{gap:6px;min-width:0;display:grid}.mini-player-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mini-player-progress{background:var(--muted);border-radius:999px;height:4px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mini-player-progress{background:color-mix(in oklch, var(--muted) 20%, transparent)}}.mini-player-progress span{background:var(--accent);height:100%;transition:width var(--transition-fast);display:block}@keyframes reveal-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.content-grid>*,.project-grid>*,.work-grid>*,.collection-grid>*,.featured-project-grid>*,.public-plan-grid>*{animation:linear both reveal-rise;animation-timeline:view();animation-range:entry entry 55%}}}.music-widget>span{color:var(--accent-2);font-size:26px}.music-cover{object-fit:cover;border-radius:10px;width:34px;height:34px}.music-widget strong{margin-bottom:2px;font-size:13px;display:block}.music-widget small{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.music-widget button{width:38px;height:38px;color:var(--surface);background:var(--accent);cursor:pointer;border:0;border-radius:50%}.music-widget button svg{width:20px;height:20px;display:block;position:relative;left:4px}.music-widget[data-playing=true] button svg{left:3px}.music-progress{background:var(--muted);border-radius:999px;height:5px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.music-progress{background:color-mix(in oklch, var(--muted) 18%, transparent)}}.music-progress span{background:var(--accent);height:100%;transition:width var(--transition-fast);display:block}.home-filing{color:var(--muted);font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (max-width:820px){.home-shell{flex-direction:column;width:min(100% - 28px,680px);height:auto;min-height:100svh;padding:22px 0 62px;display:flex;overflow:visible}.home-module{order:var(--mobile-order)}.home-module>*{height:auto}.home-module[data-home-module=welcome] .welcome{min-height:250px}.home-module[data-home-module=album] .album-preview{min-height:180px}.home-module[data-home-module=socials] .socials{grid-template-columns:repeat(2,1fr)}.home-module[data-home-module=calendar] .calendar{overflow:visible}.home-module[data-home-module=recentPlans] .recent-plan-widget{min-height:110px}.home-module[data-home-module=navigation] .home-side{overflow:visible}.home-filing{order:20;align-self:center;position:static;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.work-directory{gap:18px;display:grid}.work-list{gap:12px;display:grid}.work-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.work-card{background:color-mix(in oklch, var(--surface) 64%, transparent)}}.work-card{box-shadow:0 18px 60px var(--shadow), inset 0 1px var(--surface)}@supports (color:color-mix(in lab, red, red)){.work-card{box-shadow:0 18px 60px var(--shadow), inset 0 1px color-mix(in oklch, var(--surface) 74%, transparent)}}.work-card.is-featured{border-radius:34px;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);min-height:360px}.work-card:not(.is-featured){grid-template-columns:minmax(210px,310px) minmax(0,1fr);align-items:stretch}.work-card:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.work-card:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 45%, transparent)}}.work-card:focus-visible{outline-offset:4px}.work-card-preview,.work-browser-frame{background:var(--fg);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.work-card-preview,.work-browser-frame{background:color-mix(in oklch, var(--fg) 6%, var(--surface))}}.work-card-preview{aspect-ratio:16/10;border-bottom:1px solid var(--border)}.work-card.is-featured .work-card-preview{aspect-ratio:auto;border-right:1px solid var(--border);border-bottom:0}.work-card:not(.is-featured) .work-card-preview{aspect-ratio:auto;border-right:1px solid var(--border);border-bottom:0;min-height:178px}.work-card-preview img,.work-browser-frame img{object-fit:cover;width:100%;height:100%;display:block}.work-card-preview img{height:calc(100% - 28px)}.work-browser-bar{border-bottom:1px solid var(--muted);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.work-browser-bar{border-bottom:1px solid color-mix(in oklch, var(--muted) 12%, transparent)}}.work-browser-bar{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.work-browser-bar{background:color-mix(in oklch, var(--surface) 82%, transparent)}}.work-browser-bar span{background:var(--muted);border-radius:50%;width:7px;height:7px}@supports (color:color-mix(in lab, red, red)){.work-browser-bar span{background:color-mix(in oklch, var(--muted) 32%, transparent)}}.work-browser-bar span:first-child{background:var(--pink)}@supports (color:color-mix(in lab, red, red)){.work-browser-bar span:first-child{background:color-mix(in oklch, var(--pink) 72%, var(--surface))}}.work-browser-bar span:nth-child(2){background:var(--warm)}@supports (color:color-mix(in lab, red, red)){.work-browser-bar span:nth-child(2){background:color-mix(in oklch, var(--warm) 72%, var(--surface))}}.work-browser-bar span:nth-child(3){background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.work-browser-bar span:nth-child(3){background:color-mix(in oklch, var(--accent) 72%, var(--surface))}}.work-cover-fallback{background:radial-gradient(circle at 25% 20%, var(--accent), transparent 45%), linear-gradient(145deg, var(--accent-2), var(--warm));place-items:center;height:calc(100% - 28px);display:grid}@supports (color:color-mix(in lab, red, red)){.work-cover-fallback{background:radial-gradient(circle at 25% 20%, color-mix(in oklch, var(--accent) 30%, transparent), transparent 45%), linear-gradient(145deg, color-mix(in oklch, var(--accent-2) 22%, var(--surface)), color-mix(in oklch, var(--warm) 28%, var(--surface)))}}.work-cover-fallback span{border:1px solid var(--border);background:var(--surface);border-radius:24px;place-items:center;width:68px;height:68px;display:grid}@supports (color:color-mix(in lab, red, red)){.work-cover-fallback span{background:color-mix(in oklch, var(--surface) 58%, transparent)}}.work-cover-fallback span{font:800 19px var(--font-display);box-shadow:0 18px 46px var(--shadow)}.work-card-body{gap:11px;padding:18px;display:grid}.work-card.is-featured .work-card-body{align-content:center;padding:clamp(24px,4vw,44px)}.work-card-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.work-card-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(20px,2vw,25px)}.work-card.is-featured .work-card-heading h2{font-size:clamp(30px,3vw,46px)}.work-card-body>.muted{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.work-card.is-featured .work-card-body>.muted{white-space:normal;font-size:17px;line-height:1.85}.work-featured{color:var(--warm)}@supports (color:color-mix(in lab, red, red)){.work-featured{color:color-mix(in oklch, var(--warm) 38%, var(--fg))}}.work-featured{background:var(--warm)}@supports (color:color-mix(in lab, red, red)){.work-featured{background:color-mix(in oklch, var(--warm) 24%, transparent)}}.work-detail{gap:24px;width:min(1120px,100%);margin:0 auto;display:grid}.work-detail-back{width:fit-content}.work-preview-banner{border-radius:var(--radius-control);color:var(--fg);text-align:center;background:var(--warm);margin:0;padding:12px 18px}@supports (color:color-mix(in lab, red, red)){.work-preview-banner{background:color-mix(in oklch, var(--warm) 30%, var(--surface))}}.work-detail-hero{border-radius:var(--radius-large);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:0;display:grid;overflow:hidden}.work-browser-frame{min-height:430px}.work-browser-frame img{height:calc(100% - 28px)}.work-detail-intro{border-left:1px solid var(--border);align-content:center;gap:18px;padding:clamp(28px,5vw,52px);display:grid}.work-detail-intro h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,5vw,58px)}.work-detail-summary{color:var(--muted);margin:0;font-size:17px}.work-detail-actions{flex-wrap:wrap;gap:9px;display:flex}.work-detail-copy{border-radius:var(--radius-large);padding:clamp(26px,5vw,52px)}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.work-gallery-item{border-radius:var(--radius-card);margin:0;overflow:hidden}.work-gallery-item img{aspect-ratio:16/10;object-fit:cover;background:var(--muted);width:100%;display:block}@supports (color:color-mix(in lab, red, red)){.work-gallery-item img{background:color-mix(in oklch, var(--muted) 10%, var(--surface))}}.work-gallery-item figcaption{color:var(--muted);padding:13px 16px;font-size:12px}.work-editor{grid-template-columns:minmax(0,1.6fr) minmax(310px,.8fr);align-items:start;gap:20px;display:grid}.work-editor-main{border-radius:var(--radius-card);padding:26px}.work-editor-main>.editor-field{margin-bottom:18px}.work-editor-sidebar{gap:16px;display:grid;position:sticky;top:20px}.editor-check{color:var(--fg);align-items:center;gap:8px;font-size:13px;display:flex}.editor-check input{width:17px;height:17px;accent-color:var(--accent)}.screenshot-editor{border-top:1px solid var(--muted);margin-top:26px;padding-top:24px}@supports (color:color-mix(in lab, red, red)){.screenshot-editor{border-top:1px solid color-mix(in oklch, var(--muted) 14%, transparent)}}.screenshot-editor-list{gap:12px;display:grid}.screenshot-editor-item{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.screenshot-editor-item{background:color-mix(in oklch, var(--surface) 42%, transparent)}}.screenshot-editor-item label{color:var(--muted);gap:6px;font-size:12px;display:grid}.screenshot-editor-item input{border:1px solid var(--muted);width:100%;padding:11px 12px}@supports (color:color-mix(in lab, red, red)){.screenshot-editor-item input{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.screenshot-editor-item input{border-radius:var(--radius-control);color:var(--fg);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.screenshot-editor-item input{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.screenshot-editor-actions{gap:5px;display:flex}.screenshot-editor-actions .btn{padding-inline:10px}.screenshot-editor-preview{border:1px solid var(--muted);grid-column:1/-1;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.screenshot-editor-preview{border:1px solid color-mix(in oklch, var(--muted) 16%, transparent)}}.screenshot-editor-preview{border-radius:var(--radius-control);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.screenshot-editor-preview{background:color-mix(in oklch, var(--surface) 70%, transparent)}}.screenshot-editor-preview img{object-fit:cover;width:100%;max-height:240px;display:block}@media (max-width:980px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-editor,.work-detail-hero{grid-template-columns:1fr}.work-editor-sidebar{grid-template-columns:1fr 1fr;position:static}.work-detail-intro{border-top:1px solid var(--border);border-left:0}.screenshot-editor-item{grid-template-columns:1fr 1fr}.screenshot-editor-actions{grid-column:1/-1}}@media (max-width:720px){.work-grid,.work-gallery,.work-filter-panel,.work-editor-sidebar{grid-template-columns:1fr}.work-card-heading{flex-direction:column}.work-browser-frame{min-height:280px}.work-detail-actions,.work-detail-actions .btn{width:100%}.screenshot-editor-item{grid-template-columns:1fr}.screenshot-editor-actions{flex-wrap:wrap;grid-column:auto}.work-editor-main{padding:20px}}.collection-grid,.featured-project-grid{gap:12px;display:grid}.collection-card,.featured-project-card{min-width:0;color:inherit;grid-template-columns:minmax(180px,280px) minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}.collection-card:focus-visible,.featured-project-card:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.collection-card:focus-visible,.featured-project-card:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 48%, transparent)}}.collection-card:focus-visible,.featured-project-card:focus-visible{outline-offset:4px}.collection-card-cover{border-right:1px solid var(--border);background:radial-gradient(circle at 20% 15%, var(--accent), transparent 46%), linear-gradient(145deg, var(--accent-2), var(--warm));place-items:center;min-height:180px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.collection-card-cover{background:radial-gradient(circle at 20% 15%, color-mix(in oklch, var(--accent) 32%, transparent), transparent 46%), linear-gradient(145deg, color-mix(in oklch, var(--accent-2) 20%, var(--surface)), color-mix(in oklch, var(--warm) 24%, var(--surface)))}}.collection-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.collection-card-cover span{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:9px 14px}@supports (color:color-mix(in lab, red, red)){.collection-card-cover span{background:color-mix(in oklch, var(--surface) 68%, transparent)}}.collection-card-cover span{font:700 12px var(--font-display);letter-spacing:.12em}.collection-card-body,.featured-project-card-body{align-content:start;gap:11px;padding:18px;display:grid}.collection-card h2,.featured-project-card h2{letter-spacing:-.035em;margin:0;font-size:clamp(20px,2vw,25px)}.collection-card p,.featured-project-card p{margin:0}.featured-project-card-body{min-height:100%}.featured-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-project-card{grid-template-columns:1fr}.featured-project-cover{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.featured-project-cover{background:color-mix(in oklch, var(--surface) 70%, transparent)}}.featured-project-cover{aspect-ratio:16/9;max-width:none}.featured-project-cover img{object-fit:cover;width:100%;height:100%;display:block}.featured-project-mark{border:1px solid var(--border);background:var(--accent-2);border-radius:15px;place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.featured-project-mark{background:color-mix(in oklch, var(--accent-2) 18%, var(--surface))}}.featured-project-mark{font:800 12px var(--font-display);letter-spacing:.08em}.public-plan-filters form,.public-plan-filters form label{gap:6px;display:grid}.public-plan-filters input{border:1px solid var(--muted);width:100%;padding:11px 13px}@supports (color:color-mix(in lab, red, red)){.public-plan-filters input{border:1px solid color-mix(in oklch, var(--muted) 18%, transparent)}}.public-plan-filters input{border-radius:var(--radius-control);color:var(--fg);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.public-plan-filters input{background:color-mix(in oklch, var(--surface) 72%, transparent)}}.public-plan-filters input{outline:none}.public-plan-filters input:focus,.public-plan-filters select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.public-plan-filters input:focus,.public-plan-filters select:focus{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 13%, transparent)}}.work-editor-sidebar .collection-card,.work-editor-sidebar .featured-project-card{box-shadow:none}@media (max-width:900px) and (min-width:521px){.photo-admin-grid,.cleanup-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.public-album-stage{min-height:460px}.public-polaroid{width:min(54vw,203px)}.public-album-controls{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.public-polaroid,.photo-lightbox,.photo-lightbox-panel,.mini-photo{transition-duration:1ms;animation-duration:1ms}}@media (max-width:980px){.collection-grid,.featured-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.collection-grid,.featured-project-grid{grid-template-columns:1fr}.collection-card-body,.featured-project-card-body{padding:16px}.delete-dialog-actions{flex-wrap:wrap}}