:root{--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--mono:"SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--bg:#0d0d0c;--bg-raised:#131311;--surface:#181816;--surface-2:#20201d;--surface-3:#2a2925;--line:#fff8e812;--line-strong:#fff8e824;--ink:#ebe7df;--ink-2:#a7a298;--ink-3:#858077;--accent:#c9a77c;--accent-ink:#17120b;--accent-soft:#c9a77c1c;--accent-glow:#c9a77c38;--worth:#94b98b;--niche:#c9a77c;--pending:#8fa6c8;--skip:#7a776f;--info:#b3a2cf;--danger:#d9877a;--shadow-sm:0 1px 2px #0000004d, 0 6px 16px -10px #00000080;--shadow:0 2px 6px -2px #00000059, 0 24px 56px -24px #000000b3;--radius:16px;--radius-sm:10px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--t-fast:.16s;--t:.28s;--t-slow:.5s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f3f0e9;--bg-raised:#ebe7de;--surface:#fbfaf6;--surface-2:#f1eee7;--surface-3:#e6e2d8;--line:#30261614;--line-strong:#30261629;--ink:#1d1b17;--ink-2:#5b574f;--ink-3:#6b655c;--accent:#8d6a40;--accent-ink:#fffaf2;--accent-soft:#8d6a4017;--accent-glow:#8d6a4029;--worth:#4c8445;--niche:#8d6a40;--pending:#4a6a98;--skip:#8b867c;--info:#775f9e;--danger:#b4513f;--shadow-sm:0 1px 2px #3c2c140f, 0 6px 16px -10px #3c2c142e;--shadow:0 2px 6px -2px #3c2c1414, 0 24px 56px -28px #3c2c1447;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f3f0e9;--bg-raised:#ebe7de;--surface:#fbfaf6;--surface-2:#f1eee7;--surface-3:#e6e2d8;--line:#30261614;--line-strong:#30261629;--ink:#1d1b17;--ink-2:#5b574f;--ink-3:#6b655c;--accent:#8d6a40;--accent-ink:#fffaf2;--accent-soft:#8d6a4017;--accent-glow:#8d6a4029;--worth:#4c8445;--niche:#8d6a40;--pending:#4a6a98;--skip:#8b867c;--info:#775f9e;--danger:#b4513f;--shadow-sm:0 1px 2px #3c2c140f, 0 6px 16px -10px #3c2c142e;--shadow:0 2px 6px -2px #3c2c1414, 0 24px 56px -28px #3c2c1447;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);transition:background-color var(--t-slow) var(--ease), color var(--t-slow) var(--ease);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.65}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}button{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.shell{min-height:100%;transition:grid-template-columns .45s var(--ease);grid-template-columns:232px 1fr;display:grid}.shell.rail-collapsed{grid-template-columns:76px 1fr}.rail{z-index:30;border-right:1px solid var(--line);background:var(--bg-raised);flex-direction:column;gap:2px;height:100vh;padding:28px 14px 18px;display:flex;position:sticky;top:0}.rail-top{justify-content:space-between;align-items:center;padding:0 0 22px;display:flex}.brand{align-items:baseline;gap:8px;padding:0 12px;text-decoration:none;display:flex}.brand:hover .brand-mark{letter-spacing:.03em}.brand-mark{transition:letter-spacing var(--t-slow) var(--ease)}.rail-toggle{color:var(--ink-3);opacity:0;transition:opacity var(--t) var(--ease), color var(--t) var(--ease)!important}.rail:hover .rail-toggle,.rail-toggle:focus-visible{opacity:1}.brand-mark{font-family:var(--serif);letter-spacing:.01em;font-size:26px;font-style:italic}.brand-dot{background:var(--accent);width:7px;height:7px;animation:breathe 4.8s var(--ease) infinite;border-radius:50%;transform:translateY(-3px)}@keyframes breathe{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 5px #0000}}.brand-sub{color:var(--ink-3);letter-spacing:.12em;font-size:12px}.nav{flex-direction:column;gap:2px;display:flex;position:relative}.nav-indicator{border-radius:var(--radius-sm);background:var(--surface);height:40px;box-shadow:var(--shadow-sm);pointer-events:none;transition:transform .45s var(--ease-spring), height .45s var(--ease), opacity var(--t) var(--ease);position:absolute;top:0;left:0;right:0}.nav-indicator:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:16px;margin-top:-8px;position:absolute;top:50%;left:-14px}.nav-group-label{letter-spacing:.16em;color:var(--ink-3);padding:18px 12px 6px;font-size:11px}.nav-link{z-index:1;border-radius:var(--radius-sm);color:var(--ink-2);transition:color var(--t) var(--ease), background var(--t) var(--ease);align-items:center;gap:12px;padding:10px 12px;font-size:14.5px;text-decoration:none;display:flex;position:relative}.nav-link svg{transition:transform var(--t) var(--ease-spring), color var(--t) var(--ease)}.nav-link:hover{color:var(--ink)}.nav-link:hover svg{transform:translate(1px)scale(1.08)}.nav-link.active{color:var(--ink)}.nav-link.active svg{color:var(--accent)}.nav-link:not(.active):hover{background:color-mix(in srgb, var(--surface) 55%, transparent)}.rail-search{border:1px solid var(--line);height:38px;color:var(--ink-3);cursor:pointer;text-align:left;transition:border-color var(--t) var(--ease), color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease-spring);background:0 0;border-radius:999px;align-items:center;gap:10px;margin:0 0 14px;padding:0 12px;font-size:13.5px;display:flex}.rail-search:hover{border-color:var(--line-strong);color:var(--ink-2);background:var(--surface);transform:translateY(-1px)}.rail-search span{flex:1}kbd{font-family:var(--sans);color:var(--ink-3);border:1px solid var(--line-strong);background:var(--bg-raised);border-radius:5px;padding:1px 6px;font-size:11px}.rail-foot{border-top:1px solid var(--line);align-items:center;gap:2px;margin-top:auto;padding:12px 0 0;display:flex}.rail-icon{color:var(--ink-2);text-decoration:none}.rail-icon.active{color:var(--accent);background:var(--surface)}.rail-login{margin-left:auto}.nav-key{opacity:0;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);background:0 0;border:0;margin-left:auto;padding:0;transform:translate(-4px)}.nav-link:hover .nav-key{opacity:1;transform:none}.account{margin-left:auto;position:relative}.account-btn{height:38px;color:var(--ink-2);font:inherit;cursor:pointer;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t) var(--ease-spring);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 4px;font-size:13px;display:flex}.account-btn:hover,.account-btn.on{background:var(--surface);border-color:var(--line);transform:translateY(-1px)}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.avatar{background:linear-gradient(140deg, var(--accent), color-mix(in srgb, var(--accent) 45%, var(--surface-3)));width:28px;height:28px;color:var(--accent-ink);font-family:var(--serif);border-radius:50%;flex:none;place-items:center;font-size:14px;font-style:italic;display:grid}.avatar.lg{width:36px;height:36px;font-size:17px}.account-menu{transform-origin:0 100%;width:250px;bottom:calc(100% + 10px);left:-6px}.account-head{align-items:center;gap:12px;padding:10px 10px 12px;font-size:14px;display:flex}.account-menu a.menu-item{text-decoration:none}.menu-sep{background:var(--line);height:1px;margin:4px 6px}.menu-danger:hover{color:var(--danger)}.logout-confirm{animation:rise var(--t) var(--ease);flex-direction:column;gap:10px;padding:10px;font-size:13.5px;display:flex}.logout-confirm>div{justify-content:flex-end;gap:6px;display:flex}.sheet .logout-confirm{padding:12px 6px 4px;font-size:15px}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);filter:brightness(1.08)}.rail-collapsed .rail{padding-left:12px;padding-right:12px}.rail-collapsed .rail-top{flex-direction:column;gap:10px}.rail-collapsed .brand{justify-content:center;padding:0}.rail-collapsed .rail-toggle{opacity:1}.rail-collapsed .nav-label,.rail-collapsed .nav-key,.rail-collapsed .rail-search span,.rail-collapsed .rail-search kbd,.rail-collapsed .account-name{display:none}.rail-collapsed .nav-link{justify-content:center;padding:10px 0}.rail-collapsed .rail-search{justify-content:center;padding:0}.rail-collapsed .rail-foot{flex-direction:column;gap:6px}.rail-collapsed .account{margin-left:0}.rail-collapsed .account-btn{padding:0 4px}.rail-collapsed .account-menu{transform-origin:0 100%;bottom:0;left:calc(100% + 8px);right:auto}.rail-collapsed .rail-login{width:38px;margin-left:0;padding:0}.rail-collapsed .nav-indicator:before{left:-12px}.rail-collapsed [data-tip]{position:relative}.rail-collapsed [data-tip]:hover:after{content:attr(data-tip);z-index:70;background:var(--ink);color:var(--bg);white-space:nowrap;animation:tip-in .2s var(--ease);pointer-events:none;border-radius:8px;padding:5px 10px;font-size:12.5px;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}@keyframes tip-in{0%{opacity:0;transform:translate(-4px,-50%)}}.login-dialog{text-align:center;background:var(--bg-raised);border:1px solid var(--line-strong);width:min(380px,100%);box-shadow:var(--shadow);animation:pop-in .4s var(--ease-spring);border-radius:22px;padding:36px 32px 28px;position:relative}.login-dialog .brand{justify-content:center;padding:0 0 6px}.login-dialog form{flex-direction:column;gap:10px;margin-top:26px;display:flex}.login-dialog .input{text-align:center;height:44px}.login-x{position:absolute;top:12px;right:12px}.login-reason{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;margin:8px 0 0;padding:6px 12px;font-size:13px;display:inline-flex}.locked-page{margin-top:10vh}.lock-badge{color:var(--ink-3);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.main{min-width:0}.page{max-width:1180px;margin:0 auto;padding:52px 56px 96px}.route{animation:page-in var(--t-slow) var(--ease) backwards;min-height:100%}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-size:12px}.title{font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:42px;font-weight:500;line-height:1.18}.lede{color:var(--ink-2);max-width:560px;margin:10px 0 0}.section{margin-top:56px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.section-title{font-family:var(--serif);margin:0;font-size:22px;font-weight:500}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:13px}.btn{border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;height:38px;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), color var(--t) var(--ease), box-shadow var(--t) var(--ease), transform var(--t) var(--ease-spring);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-3);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:none;transition-duration:80ms;transform:translateY(0)scale(.96)}.btn:disabled{opacity:.45;cursor:default}.btn svg{transition:transform var(--t) var(--ease-spring)}.btn:hover:not(:disabled) svg{transform:scale(1.08)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);filter:brightness(1.07);box-shadow:0 8px 20px -10px var(--accent)}.btn-ghost{border-color:#0000}.btn-ghost:hover:not(:disabled){box-shadow:none;border-color:#0000}.btn-icon{width:38px;padding:0}.btn-sm{height:32px;padding:0 12px;font-size:13px}.input,.textarea{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;transition:border-color .2s var(--ease), background .2s var(--ease);padding:10px 14px;font-size:14.5px}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:focus,.textarea:focus{border-color:var(--line-strong);background:var(--surface-2);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.input,.textarea{transition:border-color var(--t) var(--ease), background var(--t) var(--ease), box-shadow var(--t) var(--ease)}.textarea{resize:vertical;min-height:88px;line-height:1.6}.label{letter-spacing:.08em;color:var(--ink-3);margin:0 0 8px;font-size:12px;display:block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);height:32px;color:var(--ink-2);cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t) var(--ease-spring);background:0 0;border-radius:999px;padding:0 14px;font-size:13.5px}.chip:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.chip:active:not(:disabled){transition-duration:80ms;transform:scale(.95)}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tag{background:var(--surface-2);height:24px;color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:12px;display:inline-flex}.tag button{cursor:pointer;color:var(--ink-3);background:0 0;border:0;padding:0;display:inline-flex}.verdict{letter-spacing:.04em;color:var(--c);align-items:center;gap:7px;font-size:12px;display:inline-flex}.verdict:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px}.v-worth{--c:var(--worth)}.v-niche{--c:var(--niche)}.v-pending{--c:var(--pending)}.v-skip{--c:var(--skip)}.v-info{--c:var(--info)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--t) var(--ease), box-shadow var(--t-slow) var(--ease), transform var(--t-slow) var(--ease-spring), background-color var(--t-slow) var(--ease);padding:24px;position:relative}.glow:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), var(--accent-soft), transparent 45%);opacity:0;transition:opacity var(--t-slow) var(--ease);position:absolute;inset:0}.glow:hover:after{opacity:1}.lift:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.today-hero{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.practice{background:linear-gradient(160deg, var(--accent-soft), transparent 60%), var(--surface);flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.practice-kind{letter-spacing:.14em;color:var(--accent);font-size:12px}.practice-title{font-family:var(--serif);margin:12px 0 10px;font-size:24px;font-weight:500;line-height:1.4}.practice-steps{color:var(--ink-2);margin:16px 0 22px;padding-left:18px}.practice-steps li{margin:4px 0}.digest-list{flex-direction:column;display:flex}.today-pair{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.today-place{font-family:var(--sans);font-size:13px}.light-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.light-row{border-top:1px solid var(--line);padding:12px 0 12px 14px;position:relative}.light-row:first-child{border-top:0}.light-row:before{content:"";border-radius:2px;width:2px;position:absolute;top:16px;bottom:16px;left:0}.light-row.w-blue-am:before,.light-row.w-blue-pm:before{background:linear-gradient(#6178b4,#2c3c66)}.light-row.w-golden-am:before,.light-row.w-golden-pm:before{background:linear-gradient(#f0c77d,#d9934a)}.light-when{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14.5px;display:flex}.light-when svg{color:var(--ink-3)}.light-time{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:13.5px}.light-when .verdict-pill{height:22px;margin-top:0}.light-reason{color:var(--ink-2);margin:6px 0 0;font-size:13px;line-height:1.65}.today-bd{border-top:1px solid var(--line);color:inherit;align-items:center;gap:14px;padding:12px 0;text-decoration:none;display:flex}.today-bd:first-of-type{border-top:0}.today-bd-strip{aspect-ratio:3;width:156px;color:var(--ink-3);background:#0a0a09;border-radius:8px;flex:none;grid-template-columns:repeat(3,1fr);place-items:center;gap:2px;display:grid;overflow:hidden}.today-bd-strip img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.today-bd:hover .today-bd-strip img{transform:scale(1.06)}.today-bd-text{flex-direction:column;gap:3px;min-width:0;display:flex}.today-bd-title{transition:color var(--t) var(--ease);font-size:14.5px;line-height:1.5}.today-bd:hover .today-bd-title{color:var(--accent)}.today-daily{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.today-learn{grid-template-columns:1.45fr 1fr}.revisit-icon,.homework-icon{vertical-align:-2px;color:var(--accent)}.revisit-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.revisit-img{aspect-ratio:4/5;cursor:zoom-in;border-radius:12px;margin:0;display:block}.revisit-img img{object-fit:cover;width:100%;height:100%}.revisit-side{flex-direction:column;gap:10px;min-width:0;display:flex}.revisit-title{font-family:var(--serif);margin:0;font-size:17px;line-height:1.45}.revisit-q{color:var(--ink-2);margin:0;font-size:14px}.revisit-side .textarea{min-height:120px}.revisit-actions{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.revisit-compare{flex-direction:column;gap:10px;display:flex}.revisit-col{border-left:2px solid var(--line-strong);background:var(--surface-2);border-radius:0 10px 10px 0;padding:10px 12px 10px 14px}.revisit-col .label{margin-bottom:4px}.revisit-col p{color:var(--ink-2);white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.7}.revisit-col.now{border-left-color:var(--accent);background:var(--accent-soft)}.revisit-col.now p{color:var(--ink)}.revisit-col.ai{border-left-color:var(--ink-3)}.homework-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.hw-card-title{font-family:var(--serif);margin:4px 0 6px;font-size:22px;line-height:1.35}.hw-card-why{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.7;display:-webkit-box;overflow:hidden}.hw-card-rules{background:var(--surface-2);color:var(--ink-2);border-radius:10px;margin:14px 0 0;padding:12px 14px 12px 32px;font-size:13.5px;line-height:1.75}.hw-steps{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px;display:flex}.hw-step{background:var(--surface-2);height:26px;color:var(--ink-3);border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:12px;display:inline-flex}.hw-step.done{background:var(--accent-soft);color:var(--accent)}.shoot-seg{max-width:360px;margin-bottom:26px}.hw-weekbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hw-week{letter-spacing:.08em;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.hw-brief{background:linear-gradient(160deg, var(--accent-soft), transparent 55%), var(--surface);position:relative;overflow:hidden}.hw-brief-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hw-kicker{letter-spacing:.14em;color:var(--accent);font-size:12px}.hw-title{font-family:var(--serif);margin:10px 0 8px;font-size:32px;font-weight:500;line-height:1.3}.hw-why{max-width:720px;color:var(--ink-2);margin:0;line-height:1.8}.hw-cols{grid-template-columns:1fr 1fr;gap:24px;margin-top:22px;display:grid}.hw-rules{color:var(--ink-2);margin:0;padding-left:20px;line-height:1.8}.hw-checks{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;padding:0;line-height:1.6;list-style:none;display:flex}.hw-checks li{gap:8px;display:flex}.hw-checks svg{color:var(--accent);flex:none;margin-top:4px}.hw-light-link{color:var(--ink-3);transition:color var(--t) var(--ease);align-items:center;gap:6px;margin-top:20px;font-size:13px;text-decoration:none;display:inline-flex}.hw-light-link:hover{color:var(--accent)}.hw-photos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.hw-photo{aspect-ratio:4/5;cursor:default;border-radius:12px;margin:0;position:relative}.hw-photo img{object-fit:cover;width:100%;height:100%}.hw-n{color:#f3eee4;font-family:var(--serif);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:999px;padding:1px 8px;font-size:13px;position:absolute;top:10px;left:10px}.hw-best{background:var(--accent);color:var(--accent-ink);border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;display:inline-flex;position:absolute;bottom:10px;left:10px}.hw-x{color:#fff;cursor:pointer;opacity:0;width:28px;height:28px;transition:opacity var(--t) var(--ease), background var(--t) var(--ease);background:#00000080;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.hw-photo:hover .hw-x,.hw-x:focus-visible{opacity:1}.hw-x:hover{background:var(--danger)}@media (pointer:coarse){.hw-x{opacity:1}}.hw-add{aspect-ratio:4/5;border:1px dashed var(--line-strong);color:var(--ink-2);text-align:center;cursor:pointer;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), color var(--t) var(--ease), transform var(--t) var(--ease-spring);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;display:flex}.hw-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.hw-add:active{transform:scale(.97)}.hw-self-field{margin-top:22px}.hw-self{min-height:130px}.hw-ask{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.hw-summary p{font-family:var(--serif);margin:0;font-size:18px;line-height:1.7}.hw-critique>*+*{margin-top:14px}.hw-per{flex-direction:column;gap:10px;display:flex}.hw-per-row{grid-template-columns:120px 1fr;align-items:start;gap:18px;display:grid}.hw-per-row img{aspect-ratio:4/5;object-fit:cover;border-radius:10px;width:120px}.hw-per-row.best{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 0 0 4px var(--accent-soft)}.hw-per-n{letter-spacing:.08em;color:var(--accent);font-size:12px}.hw-per-text p{color:var(--ink-2);margin:8px 0 0;font-size:14px;line-height:1.75}.hw-per-text b{color:var(--ink);margin-right:8px;font-weight:500;display:inline-block}.hw-checklist{flex-direction:column;gap:12px;display:flex}.hw-check-row{grid-template-columns:92px 1fr;align-items:start;gap:12px;display:grid}.hw-check-row .verdict-pill{justify-content:center;margin-top:0}.hw-check-row b{font-size:14px;font-weight:500}.hw-check-row p{color:var(--ink-2);margin:4px 0 0;font-size:13.5px;line-height:1.7}.hw-two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hw-two p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.75}.hw-next{background:linear-gradient(160deg, var(--accent-soft), transparent 60%), var(--surface)}.hw-critique>.btn{margin-top:16px}.hw-book{flex-direction:column;gap:8px;display:flex}.hw-book-row{text-align:left;color:inherit;font:inherit;cursor:pointer;grid-template-columns:170px 1fr auto auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.hw-book-week{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12.5px}.hw-book-title{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.hw-book-strip{gap:3px;display:flex}.hw-book-strip img{object-fit:cover;border-radius:5px;width:34px;height:42px}.hw-book-status{color:var(--ink-3);white-space:nowrap;font-size:12px}.hw-book-status.done{color:var(--accent)}.takes{flex-direction:column;gap:8px;margin-top:14px;display:flex}.take{border-left:2px solid var(--accent);background:var(--surface-2);border-radius:0 10px 10px 0;padding:8px 12px}.take-date{color:var(--ink-3);letter-spacing:.04em;font-size:11.5px}.take p{color:var(--ink-2);white-space:pre-wrap;margin:2px 0 0;font-size:13.5px;line-height:1.65}.today-daily .tile{aspect-ratio:4/5;margin:0;display:block}.today-daily .tile img{object-fit:cover;height:100%}.digest-row{border-top:1px solid var(--line);padding:16px 0;text-decoration:none;display:block}.digest-row:first-child{border-top:0;padding-top:4px}.digest-row h4{transition:color var(--t) var(--ease), transform var(--t) var(--ease);margin:6px 0 0;font-size:15.5px;font-weight:500;line-height:1.5}.digest-row:hover h4{color:var(--accent);transform:translate(3px)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.news-list{flex-direction:column;gap:14px;display:flex}.news{padding:26px 28px;scroll-margin-top:24px}.news-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:14px;font-size:12.5px;display:flex}.news h3{font-family:var(--serif);margin:12px 0 10px;font-size:21px;font-weight:500;line-height:1.45}.news-summary{color:var(--ink-2);margin:0}.news-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.news-block{background:var(--bg-raised);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px}.news-block h5{letter-spacing:.08em;color:var(--ink-3);margin:0 0 6px;font-size:12px;font-weight:500}.news-block ul{margin:0;padding-left:16px}.news-block p{margin:0}.news-block.accent{background:var(--accent-soft)}.news-block.accent h5{color:var(--accent)}.news-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.sources{flex-wrap:wrap;gap:6px 16px;font-size:12.5px;display:flex}.sources a{color:var(--ink-3);border-bottom:1px solid var(--line);text-decoration:none}.sources a:hover{color:var(--ink);border-color:var(--ink-3)}.stars{color:var(--accent);letter-spacing:2px;font-size:11px}.collapsed-list{border-top:1px solid var(--line);margin-top:32px}.collapsed-row{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;gap:16px;padding:14px 4px;font-size:14px;display:flex}.boards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.board-rank{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:baseline;gap:12px;padding:12px 0;display:grid}.board-rank:first-of-type{border-top:0}.board-num{font-family:var(--serif);color:var(--ink-3);font-size:22px}.board-rank:first-of-type .board-num{color:var(--accent)}.board-name{font-weight:500}.confidence{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:2px 10px;font-size:12px}.masonry{columns:4 240px;column-gap:14px}.tile{break-inside:avoid;cursor:zoom-in;background:var(--surface);text-align:left;width:100%;transition:transform var(--t-slow) var(--ease-spring), box-shadow var(--t-slow) var(--ease);border:0;border-radius:12px;margin:0 0 14px;padding:0;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.tile img{width:100%;height:auto;transition:transform .9s var(--ease), filter var(--t)}.tile:hover img{transform:scale(1.04)}.tile-cap{color:#f3f1ea;opacity:0;transition:opacity var(--t) var(--ease), transform var(--t-slow) var(--ease);background:linear-gradient(#0000,#000000b8);padding:36px 14px 12px;font-size:13px;position:absolute;inset:auto 0 0;transform:translateY(8px)}.tile:hover .tile-cap,.tile:focus-visible .tile-cap{opacity:1;transform:none}.tile-swatch{height:4px;display:flex}.tile-swatch span{flex:1}.tile-badge{color:#f3e3cf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;right:10px}.drop{border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center;color:var(--ink-2);cursor:pointer;padding:44px 24px;transition:border-color .2s,background .2s}.drop.over,.drop:hover{border-color:var(--accent);background:var(--accent-soft)}.drop strong{color:var(--ink);font-weight:500}.empty{text-align:center;color:var(--ink-2);padding:72px 24px}.empty h3{font-family:var(--serif);color:var(--ink);margin:16px 0 6px;font-size:22px;font-weight:500}.overlay-bg{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .25s var(--ease);background:#080807b8;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.detail{background:var(--bg-raised);border:1px solid var(--line);width:min(1280px,100vw - 48px);height:min(860px,100vh - 48px);box-shadow:var(--shadow);animation:pop-in .45s var(--ease);border-radius:20px;grid-template-columns:1fr 440px;margin:auto;display:grid;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.stage{background:#0a0a09;flex-direction:column;min-height:0;display:flex;position:relative}.stage-img{flex:1;place-items:center;min-height:0;padding:24px;display:grid}.frame{max-width:100%;max-height:100%;position:relative}.frame img{object-fit:contain;max-width:100%;max-height:calc(min(860px,100vh - 48px) - 120px)}.guides{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage-bar{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px;display:flex}.stage-bar .chip{color:#a9a69e;border-color:#ffffff1a}.stage-bar .chip.on{color:#0f0f0e;background:#ecebe6;border-color:#ecebe6}.panel{border-left:1px solid var(--line);padding:28px 28px 40px;overflow-y:auto}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel h2{font-family:var(--serif);margin:0;font-size:24px;font-weight:500;line-height:1.35}.field{margin-top:22px}.palette{border-radius:10px;height:48px;display:flex;overflow:hidden}.swatch{cursor:pointer;transition:flex .3s var(--ease);border:0;flex:1;position:relative}.swatch:hover{flex:1.6}.swatch span{font-family:var(--mono);opacity:0;font-size:10px;transition:opacity .2s;position:absolute;bottom:4px;left:0;right:0}.swatch:hover span{opacity:1}.prompt-box{font-family:var(--mono);font-size:13px;line-height:1.7;position:relative}.analysis{flex-direction:column;gap:2px;margin-top:4px;display:flex}.an-row{border-top:1px solid var(--line);padding:14px 0}.an-row h5{letter-spacing:.08em;color:var(--accent);margin:0 0 4px;font-size:12px;font-weight:500}.an-row p{color:var(--ink-2);margin:0;font-size:14px}.an-summary{font-family:var(--serif);margin:6px 0 8px;font-size:18px;line-height:1.6}.notice{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);padding:14px 16px;font-size:13.5px}.notice.err{color:var(--danger)}.toast{z-index:80;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);animation:toast-in .45s var(--ease-spring);border-radius:999px;align-items:center;gap:12px;padding:10px 18px;font-size:13.5px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast a,.toast button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)scale(.94)}}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login-card{text-align:center;width:min(380px,100%)}.login-card .brand{justify-content:center;padding:0 0 8px}.login-card form{flex-direction:column;gap:12px;margin-top:36px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.settings-grid{gap:14px;display:grid}.kv{grid-template-columns:140px 1fr;gap:8px 16px;font-size:14px;display:grid}.kv dt{color:var(--ink-3)}.kv dd{margin:0}code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:.9em}.select{border:1px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 12px center;height:34px;color:var(--ink);font:inherit;appearance:none;cursor:pointer;border-radius:999px;padding:0 30px 0 12px;font-size:13.5px}.select:hover{border-color:var(--line-strong)}.btn-xs{width:30px;height:30px}.board-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.board-card{padding:16px 16px 18px;text-decoration:none;display:block}.board-card h3{font-family:var(--serif);margin:16px 0 4px;font-size:19px;font-weight:500}.board-logline{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;display:-webkit-box;overflow:hidden}.filmstrip{border-radius:8px;grid-template-columns:repeat(6,1fr);gap:3px;display:grid;overflow:hidden}.filmstrip-frame{aspect-ratio:16/9;background:var(--surface-2);color:var(--ink-3);place-items:center;font-size:10px;display:grid;overflow:hidden}.filmstrip-frame img{object-fit:cover;width:100%;height:100%}.board-page{max-width:1320px}.board-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.save-state.s-error{color:var(--danger)}.save-state.s-saving,.save-state.s-dirty{color:var(--ink-2)}.board-title{width:100%;color:var(--ink);font-family:var(--serif);background:0 0;border:0;margin:0 0 24px;padding:0;font-size:38px;font-weight:500;line-height:1.25}.board-title::placeholder{color:var(--ink-3)}.board-title:focus{outline:none}.setup-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.setup-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.gen{align-items:center;gap:8px;display:flex}.rhythm{width:100%;height:150px;display:block}.rhythm-grid{stroke:var(--line);stroke-width:1px}.rhythm-label{fill:var(--ink-3);font-size:11px;font-family:var(--sans)}.rhythm-area{fill:var(--accent-soft)}.rhythm-line{fill:none;stroke:var(--accent);stroke-width:2px}.rhythm-cut{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:2 3}.rhythm-num{fill:var(--ink-2);font-size:11px;font-family:var(--sans)}.rhythm-notes{color:var(--niche);margin:10px 0 0;padding-left:18px;font-size:13.5px}.rhythm-notes li{margin:3px 0}.shots{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.shot{padding:0;overflow:hidden}.shot-frame{background:var(--bg-raised);border-bottom:1px solid var(--line);position:relative}.shot-frame img{object-fit:cover;width:100%;height:100%}.shot-ph{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex;position:absolute;inset:0}.shot-ph-size{font-family:var(--serif);color:var(--ink-3);font-size:22px}.shot-ph-desc{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.shot-frame-actions{opacity:0;transition:opacity .2s var(--ease);gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.shot:hover .shot-frame-actions,.shot-frame-actions:focus-within{opacity:1}.frame-btn{color:#f1eee6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a099e;border-color:#0000}.frame-btn:hover{background:#0a0a09cc;border-color:#0000}.shot-head{align-items:center;gap:2px;padding:12px 10px 4px 16px;display:flex}.shot-num{font-family:var(--serif);color:var(--accent);margin-right:12px;font-size:22px}.shot-dur{color:var(--ink-3);align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.shot-dur input{border:1px solid var(--line);width:44px;height:28px;color:var(--ink);text-align:center;font:inherit;background:0 0;border-radius:8px;font-size:13px}.shot-selects{flex-wrap:wrap;gap:6px;padding:6px 16px 10px;display:flex}.shot-field{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);font:inherit;resize:vertical;background:0 0;min-height:40px;padding:10px 16px;font-size:14px;line-height:1.6;display:block}.shot-field::placeholder{color:var(--ink-3)}.shot-field:focus{background:var(--surface-2);outline:none}.shot-field.intent{color:var(--accent)}.shot-field.intent::placeholder{color:color-mix(in srgb, var(--accent) 55%, transparent)}.shot-field.mono{font-family:var(--mono);color:var(--ink-2);padding-right:40px;font-size:12.5px}.shot-prompt{position:relative}.shot-prompt .btn{position:absolute;top:6px;right:6px}.shot-add{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:200px;color:var(--ink-2);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:border-color .2s,background .2s,color .2s;display:flex}.shot-add:hover{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.picker{background:var(--bg-raised);border:1px solid var(--line);width:min(960px,100vw - 48px);max-height:calc(100vh - 80px);box-shadow:var(--shadow);animation:rise .3s var(--ease);border-radius:20px;flex-direction:column;margin:auto;display:flex;overflow:hidden}.picker-head{justify-content:space-between;align-items:center;padding:20px 20px 14px 24px;display:flex}.picker-body{padding:0 24px 24px;overflow-y:auto}.chat-page{grid-template-columns:284px 1fr;height:100dvh;display:grid}.chat-side{border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:28px 12px 12px;display:flex}.chat-side-head{justify-content:space-between;align-items:flex-end;gap:12px;padding:0 8px 20px 12px;display:flex}.chat-side-title{font-family:var(--serif);margin:6px 0 0;font-size:26px;font-weight:500;line-height:1.2}.chat-side-head .btn{text-decoration:none}.chat-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.chat-row{border-radius:var(--radius-sm);transition:background .2s var(--ease);position:relative}.chat-row:hover,.chat-row.on{background:var(--surface)}.chat-row a{padding:10px 40px 10px 12px;text-decoration:none;display:block}.chat-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.chat-row.on .chat-row-title{color:var(--ink)}.chat-row-meta{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.chat-row-del{opacity:0;color:var(--ink-3);position:absolute;top:50%;right:6px;transform:translateY(-50%)}.chat-row:hover .chat-row-del,.chat-row-del:focus-visible{opacity:1}.chat-row-del:hover{color:var(--danger)}.chat-thread{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 28px;display:flex}.chat-back{text-decoration:none;display:none}.chat-title-input{min-width:0;color:var(--ink);font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:4px 0;font-size:19px;font-weight:500;overflow:hidden}.chat-title-input:focus{outline:none}.chat-title-input::placeholder{color:var(--ink-3)}.chat-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.chip-icon{align-items:center;gap:6px;display:inline-flex}.chip.on.chip-icon svg{color:var(--accent)}.chat-scroll{flex:1;min-height:0;overflow-y:auto}.chat-body{flex-direction:column;gap:30px;max-width:780px;margin:0 auto;padding:36px 28px 28px;display:flex}.msg{animation:rise .3s var(--ease)}.msg-user{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:8px;max-width:78%;display:flex}.msg-bubble{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px 18px 4px;padding:10px 16px;line-height:1.7}.msg-image img{object-fit:cover;border-radius:12px;max-width:260px;max-height:260px}.msg-ai{min-width:0}.msg-meta{letter-spacing:.08em;color:var(--ink-3);margin-bottom:8px;font-size:11.5px}.msg-reasoning{border-left:2px solid var(--line-strong);color:var(--ink-3);margin:0 0 14px;padding-left:14px;font-size:13px}.msg-reasoning summary{cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.msg-reasoning summary:hover{color:var(--ink-2)}.msg-reasoning>div{white-space:pre-wrap;max-height:320px;margin-top:6px;line-height:1.7;overflow-y:auto}.msg-actions{opacity:0;transition:opacity .2s var(--ease);gap:2px;margin:8px 0 0 -10px;display:flex}.msg-ai:hover .msg-actions,.msg-actions:focus-within{opacity:1}.msg-actions:has(.save-note-menu){opacity:1}.save-note{display:inline-flex;position:relative}.save-note-menu{width:280px;max-width:calc(100vw - 40px);bottom:calc(100% + 8px);left:0}.save-note-menu .menu-group{white-space:normal;line-height:1.5}.save-note-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.msg-actions .btn{color:var(--ink-3);height:28px}.msg-actions .btn:hover{color:var(--ink)}.msg .notice{margin:8px 0 0}.prose{overflow-wrap:anywhere;font-size:15.5px;line-height:1.85}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin:.75em 0}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--serif);margin:1.4em 0 .5em;font-weight:500;line-height:1.4}.prose h1{font-size:22px}.prose h2{font-size:20px}.prose h3{font-size:17.5px}.prose h4{font-size:16px}.prose ul,.prose ol{margin:.6em 0;padding-left:1.4em}.prose li{margin:.25em 0}.prose li::marker{color:var(--ink-3)}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);text-decoration:none}.prose blockquote{border-left:2px solid var(--accent);color:var(--ink-2);margin:1em 0;padding:2px 0 2px 16px}.prose pre{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;font-size:13px;line-height:1.65;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}.prose table{border-collapse:collapse;margin:1em 0;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 14px 8px 0}.prose th{color:var(--ink-3);letter-spacing:.04em;font-size:12.5px;font-weight:500}.typing{gap:5px;padding:8px 0;display:inline-flex}.typing i{background:var(--ink-3);width:6px;height:6px;animation:blink 1.2s infinite var(--ease);border-radius:50%}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.chat-empty{text-align:center;padding:10vh 0 0}.chat-empty h2{font-family:var(--serif);margin:14px 0 6px;font-size:32px;font-weight:500}.chat-empty .notice{max-width:440px;margin:20px auto 0}.chat-empty .notice a{color:var(--accent)}.chat-suggest{gap:8px;max-width:540px;margin:28px auto 0;display:grid}.chat-suggest-item{text-align:left;border:1px solid var(--line);color:var(--ink-2);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);background:0 0;padding:12px 16px;font-size:14px;line-height:1.6}.chat-suggest-item:hover{border-color:var(--line-strong);color:var(--ink);background:var(--surface)}.composer-wrap{padding:0 28px 24px}.composer{background:var(--surface);border:1px solid var(--line-strong);max-width:780px;transition:border-color .2s var(--ease);border-radius:22px;margin:0 auto;padding:12px 12px 8px 16px;box-shadow:0 10px 30px -18px #00000073}.composer:focus-within{border-color:var(--ink-3)}.composer textarea{resize:none;width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;min-height:29px;max-height:220px;padding:2px 0;font-size:15px;line-height:1.65;display:block}.composer textarea::placeholder{color:var(--ink-3)}.composer-bar{align-items:center;gap:8px;margin:4px 0 0 -6px;display:flex}.composer-bar>.btn-ghost{color:var(--ink-2)}.composer{position:relative}.composer-pill{height:30px;color:var(--ink-3);font:inherit;cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t) var(--ease-spring);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;display:inline-flex}.composer-pill:hover:not(:disabled){background:var(--surface-2);color:var(--ink);transform:translateY(-1px)}.composer-pill:active:not(:disabled){transform:scale(.95)}.composer-pill:disabled{opacity:.5;cursor:default}.composer-pill.on{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.composer-pill>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.pill-caret{transition:transform var(--t) var(--ease)}.composer-pill.on .pill-caret{transform:rotate(180deg)}.model-picker{position:relative}.model-menu{width:280px;max-height:360px;bottom:calc(100% + 10px);left:-6px;overflow-y:auto}.slash-menu{max-height:320px;bottom:calc(100% + 10px);left:0;right:0;overflow-y:auto}.slash-preview{text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.slash-menu a.menu-item{text-decoration:none}.composer-send{transition:transform var(--t) var(--ease-spring), filter var(--t) var(--ease), box-shadow var(--t) var(--ease)!important}.composer-send:not(:disabled):hover{transform:scale(1.08)!important}.composer:focus-within{box-shadow:0 0 0 4px var(--accent-soft), 0 10px 30px -18px #00000073}.fill-form{background:var(--surface-2);animation:rise var(--t) var(--ease);border-radius:14px;margin:0 0 12px;padding:12px}.fill-head{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.fill-head span{align-items:center;gap:6px;display:inline-flex}.fill-fields{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:10px;display:grid}.fill-fields label{color:var(--ink-3);flex-direction:column;gap:4px;font-size:12px;display:flex}.fill-fields .input{padding:7px 12px;font-size:14px}.composer-send{border-radius:50%}.composer-attach{background:var(--surface-2);border-radius:12px;place-items:center;width:68px;height:68px;margin:0 0 10px;display:grid;position:relative;overflow:hidden}.composer-attach img{object-fit:cover;width:100%;height:100%}.composer-attach-x{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:4px;right:4px}.provider{border-top:1px solid var(--line);padding:20px 0 14px}.provider-head{align-items:baseline;gap:14px;display:flex}.provider-head h3{font-family:var(--serif);margin:0;font-size:18px;font-weight:500}.inline-link{color:var(--accent);align-items:center;gap:3px;text-decoration:none;display:inline-flex}.model-list{margin:12px 0 0;padding:0;list-style:none}.model-list li{align-items:center;gap:12px;padding:6px 0;font-size:14px;display:flex}.model-label{flex:0 0 170px}.model-id{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-3);background:0 0;flex:1;padding:0;font-size:12px;overflow:hidden}.model-add{grid-template-columns:1fr 1fr auto auto;align-items:center;gap:8px;margin-top:10px;display:grid}.input.mono{font-family:var(--mono);font-size:13px}.check{color:var(--ink-2);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.check input{accent-color:var(--accent)}.kv-row{display:contents}.kv-row dt{align-self:center}.kv-row dd{flex-wrap:wrap;align-items:center;gap:6px 0;display:flex}.stagger>*{animation:rise var(--t-slow) var(--ease) both}.stagger>:nth-child(2){animation-delay:40ms}.stagger>:nth-child(3){animation-delay:80ms}.stagger>:nth-child(4){animation-delay:.12s}.stagger>:nth-child(5){animation-delay:.16s}.stagger>:nth-child(6){animation-delay:.2s}.stagger>:nth-child(7){animation-delay:.24s}.stagger>:nth-child(8){animation-delay:.28s}.stagger>:nth-child(n+9){animation-delay:.32s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.popover{z-index:60;background:var(--bg-raised);border:1px solid var(--line-strong);min-width:220px;box-shadow:var(--shadow);animation:pop-up .28s var(--ease-spring);transform-origin:0 100%;border-radius:14px;padding:6px;position:absolute}@keyframes pop-up{0%{opacity:0;transform:translateY(6px)scale(.97)}}.menu-group{letter-spacing:.12em;color:var(--ink-3);padding:8px 10px 4px;font-size:11px}.menu-item{width:100%;color:var(--ink-2);text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.menu-item:hover,.menu-item.hl{background:var(--surface-2);color:var(--ink)}.menu-item:disabled{opacity:.45;cursor:default}.menu-item .menu-meta{color:var(--ink-3);margin-left:auto;font-size:11.5px}.menu-item .check-mark{color:var(--accent)}.sheet-bg{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s var(--ease);background:#08080780;position:fixed;inset:0}.sheet{z-index:71;padding:10px 14px calc(18px + env(safe-area-inset-bottom));background:var(--bg-raised);border-top:1px solid var(--line-strong);animation:sheet-up .4s var(--ease);border-radius:22px 22px 0 0;position:fixed;bottom:0;left:0;right:0}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grip{background:var(--line-strong);border-radius:4px;width:36px;height:4px;margin:0 auto 12px}.sheet-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sheet-grid a,.sheet-grid button{background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;transition:transform var(--t) var(--ease-spring), background var(--t) var(--ease);border:0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;font-size:12px;text-decoration:none;display:flex}.sheet-grid a:active,.sheet-grid button:active{transform:scale(.94)}.sheet-grid a.active{color:var(--ink)}.sheet-grid a.active svg{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tabbar{display:none}@media (width<=900px){.shell{grid-template-columns:1fr}.rail{display:none}.title{font-size:30px}.today-hero,.news-grid,.today-pair,.today-learn{grid-template-columns:1fr}.hw-title{font-size:26px}.hw-cols,.hw-two{grid-template-columns:1fr;gap:16px}.hw-photos{grid-template-columns:repeat(3,1fr);gap:8px}.hw-per-row{grid-template-columns:84px 1fr;gap:12px}.hw-per-row img{width:84px}.hw-check-row{grid-template-columns:1fr;gap:6px}.hw-check-row .verdict-pill{justify-self:start}.hw-book-row{grid-template-columns:1fr auto;gap:6px 12px}.hw-book-week{grid-column:1/-1}.hw-book-strip{display:none}.revisit-body{grid-template-columns:1fr}.revisit-img{aspect-ratio:4/3}.today-daily{grid-template-columns:repeat(3,1fr);gap:8px}.today-bd-strip{width:120px}.news{padding:20px}.masonry{columns:2 150px;column-gap:10px}.tile{margin-bottom:10px}.tabbar{z-index:40;background:color-mix(in srgb, var(--bg-raised) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;inset:auto 0 0}.tabbar a,.tabbar button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-family:inherit;font-size:11px;text-decoration:none;display:flex}.tabbar svg{transition:transform var(--t) var(--ease-spring)}.tabbar a:active svg,.tabbar button:active svg{transform:scale(.88)}.tabbar a.active{color:var(--ink)}.tabbar a.active svg{color:var(--accent);transform:translateY(-1px)}.overlay-bg{align-items:stretch}.detail{border:0;border-radius:0;width:100%;height:100%;display:block;overflow-y:auto}.stage-img{flex:none;padding:12px}.frame img{max-height:52vh}.panel{border-left:0;padding:22px 16px 48px;overflow:visible}.kv,.setup-grid{grid-template-columns:1fr}.board-title{font-size:28px}.shots{grid-template-columns:1fr}.shot-frame-actions{opacity:1}.picker{border-radius:0;width:100%;height:100%;max-height:100%}.tabbar a,.tabbar button{font-size:11px}.page{padding:28px 16px 120px}.lift:hover,.tile:hover{box-shadow:none;transform:none}.toast{bottom:calc(84px + env(safe-area-inset-bottom))}.chat-page{height:calc(100dvh - 64px - env(safe-area-inset-bottom));grid-template-columns:1fr}.chat-page.has-thread .chat-side,.chat-page:not(.has-thread) .chat-thread{display:none}.chat-side{border-right:0;padding:28px 8px 8px}.chat-side-title{font-size:30px}.chat-row-del{opacity:1}.chat-back{display:inline-flex}.chat-head{flex-wrap:wrap;gap:4px 6px;padding:8px 12px 10px 6px}.chat-title-input{font-size:17px}.chat-controls{width:100%;padding-left:8px}.chat-controls .select{flex:0 auto;min-width:0}.chat-body{gap:24px;padding:22px 16px 20px}.chat-empty{padding-top:5vh}.chat-empty h2{font-size:26px}.msg-user{max-width:88%}.msg-image img{max-width:200px;max-height:200px}.msg-actions{opacity:1}.pill-label{display:none}.composer-pill>span:first-child{max-width:110px}.model-menu{width:min(300px,100vw - 40px)}.slash-preview{display:none}.composer-wrap{padding:0 10px 10px}.composer{border-radius:20px}.composer textarea{font-size:16px}.model-list li{flex-wrap:wrap;gap:4px 10px}.model-label{flex:100%}.model-add{grid-template-columns:1fr}}.cmdk-bg{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .2s var(--ease);background:#0808078c;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.cmdk{background:var(--bg-raised);border:1px solid var(--line-strong);width:min(640px,100%);max-height:70vh;box-shadow:var(--shadow);animation:pop-in .35s var(--ease-spring);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.cmdk-input{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.cmdk-input input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.cmdk-input input::placeholder{color:var(--ink-3)}.cmdk-list{padding:6px 8px 10px;overflow-y:auto}.cmdk-item{width:100%;color:var(--ink-2);text-align:left;cursor:pointer;font:inherit;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;display:flex}.cmdk-item.hl{background:var(--surface-2);color:var(--ink)}.cmdk-icon{background:var(--surface);width:32px;height:32px;color:var(--ink-3);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.cmdk-item.hl .cmdk-icon{color:var(--accent)}.cmdk-icon img{object-fit:cover;width:100%;height:100%}.cmdk-text{flex-direction:column;flex:1;min-width:0;display:flex}.cmdk-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.cmdk-sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.notes-page{grid-template-columns:300px 1fr;height:100dvh;display:grid}.notes-side{border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:28px 12px 12px;display:flex}.notes-search{border:1px solid var(--line);height:36px;transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:999px;align-items:center;gap:8px;margin:0 8px 12px;padding:0 12px;display:flex}.notes-search:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 4px var(--accent-soft)}.notes-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.notes-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.note-row{border-radius:var(--radius-sm);transition:background var(--t) var(--ease), transform var(--t) var(--ease-spring);gap:12px;padding:12px;text-decoration:none;display:flex}.note-row:hover{background:color-mix(in srgb, var(--surface) 60%, transparent);transform:translate(2px)}.note-row.on{background:var(--surface);box-shadow:var(--shadow-sm)}.note-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.note-row-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.note-pin{color:var(--accent);flex:none}.note-row-snippet{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.note-row-date{color:var(--ink-3);margin-top:2px;font-size:11.5px}.note-row-thumb{background:var(--surface-2);border-radius:8px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.note-row-thumb img{object-fit:cover;width:100%;height:100%}.note-row-thumb svg{color:#fff;filter:drop-shadow(0 1px 2px #0009);position:absolute;bottom:4px;right:4px}.note-editor{flex-direction:column;min-width:0;min-height:0;display:flex}.note-head{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:12px 24px 12px 20px;display:flex}.note-del:hover:not(:disabled){color:var(--danger)}.note-scroll{flex:1;min-height:0;overflow-y:auto}.note-paper{max-width:720px;animation:page-in var(--t-slow) var(--ease) both;margin:0 auto;padding:44px 32px 160px}.note-title{width:100%;color:var(--ink);font-family:var(--serif);background:0 0;border:0;outline:none;padding:0;font-size:32px;font-weight:500;line-height:1.3}.note-title::placeholder{color:var(--ink-3)}.note-meta{color:var(--ink-3);margin:8px 0 22px;font-size:12px}.note-text{width:100%;color:var(--ink);resize:none;font:inherit;background:0 0;border:0;outline:none;min-height:30px;padding:2px 0;font-size:16px;line-height:1.85;display:block;overflow:hidden}.note-text::placeholder{color:var(--ink-3)}.note-media{background:var(--surface);animation:pop-in var(--t-slow) var(--ease);border-radius:12px;margin:14px 0;position:relative;overflow:hidden}.note-media img,.note-media video{object-fit:contain;background:#0a0a09;width:100%;max-height:70vh;display:block}.note-media a{cursor:zoom-in;display:block}.note-media-x{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;width:28px;height:28px;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease-spring);background:#0a0a0999;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:scale(.85)}.note-media:hover .note-media-x,.note-media-x:focus-visible{opacity:1;transform:none}.note-uploading{position:relative}.note-uploading img,.note-uploading video{opacity:.55;filter:blur(1px)}.note-progress{background:#fff3;border-radius:4px;height:4px;position:absolute;bottom:16px;left:16px;right:16px;overflow:hidden}.note-progress span{background:var(--accent);height:100%;transition:width .4s var(--ease);border-radius:4px;display:block}.notes-space{margin:0 8px 12px;display:grid}.notes-side .chat-side-title{white-space:nowrap}.notes-space button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.is-private .notes-side{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 220px)}.notes-private-foot{border-top:1px solid var(--line);color:var(--ink-3);flex-direction:column;gap:4px;margin:8px 4px 0;padding:12px 8px 2px;font-size:12px;line-height:1.6;display:flex}.notes-private-foot button{color:var(--ink-2);font:inherit;cursor:pointer;transition:color var(--t) var(--ease);background:0 0;border:0;padding:0}.notes-private-foot button:hover{color:var(--accent)}.notes-private-foot i{margin:0 6px;font-style:normal}.notes-locked{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.lock-bg{align-items:center;padding-top:16px}.lock-card{text-align:center;background:var(--bg-raised);border:1px solid var(--line-strong);width:min(380px,100%);box-shadow:var(--shadow);animation:pop-in .45s var(--ease-spring);transition:opacity .3s var(--ease) .12s, transform .3s var(--ease) .12s;border-radius:22px;padding:40px 30px 22px}.lock-card.opened{opacity:0;transform:translateY(-8px)scale(.98)}.lock-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);animation:breathe 2.8s var(--ease) infinite;border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.lock-card.opened .lock-icon svg{animation:unlock-pop .42s var(--ease-spring)}@keyframes unlock-pop{45%{transform:rotate(-14deg)scale(1.15)}}.lock-card h2{font-family:var(--serif);margin:0;font-size:26px;font-weight:500}.lock-sub{margin:8px 0 26px}.lock-wait{place-items:center;height:54px;display:grid}.lock-form{flex-direction:column;gap:10px;display:flex}.lock-form .input{text-align:center;height:44px}.lock-error{min-height:20px;color:var(--danger);justify-content:center;align-items:center;margin:14px 0 0;font-size:13px;display:flex}.lock-links{flex-wrap:wrap;justify-content:center;gap:2px 18px;margin-top:12px;display:flex}.lock-links button{color:var(--ink-3);font:inherit;cursor:pointer;transition:color var(--t) var(--ease);background:0 0;border:0;padding:6px 0;font-size:13px}.lock-links button:hover{color:var(--accent)}.pin-pad{justify-content:center;gap:10px;display:flex;position:relative}.pin-input{z-index:1;opacity:0;color:#0000;caret-color:#0000;cursor:text;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.pin-cell{border:1px solid var(--line-strong);background:var(--surface);width:44px;height:54px;transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:12px;place-items:center;display:grid}.pin-pad:focus-within .pin-cell.active{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.pin-pad:focus-within .pin-cell.active:after{content:"";background:var(--accent);width:1.5px;height:20px;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.pin-cell i{background:var(--ink);width:10px;height:10px;animation:dot-in .3s var(--ease-spring);border-radius:50%}@keyframes dot-in{0%{transform:scale(0)}}.pin-pad.disabled{opacity:.5}.pin-pad.shake{animation:shake .42s var(--ease)}@keyframes shake{15%,55%{transform:translate(-8px)}35%,75%{transform:translate(8px)}}@media (width<=900px){.notes-page{height:calc(100dvh - 64px - env(safe-area-inset-bottom));grid-template-columns:1fr}.notes-page.has-note .notes-side,.notes-page:not(.has-note) .note-editor{display:none}.notes-side{border-right:0;padding:28px 8px 8px}.notes-locked{min-height:calc(100dvh - 64px - env(safe-area-inset-bottom))}.pin-pad{gap:8px}.pin-cell{width:42px;height:52px}.note-head{padding:8px 12px 8px 6px}.note-head .chat-back{display:inline-flex}.note-paper{padding:24px 18px 120px}.note-title{font-size:26px}.note-media-x{opacity:1;transform:none}.note-row:hover{transform:none}}.seg{border:1px solid var(--line);background:var(--bg-raised);border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:3px;display:inline-grid;position:relative}.seg button{z-index:1;height:32px;color:var(--ink-3);font:inherit;cursor:pointer;transition:color var(--t) var(--ease);background:0 0;border:0;padding:0 20px;font-size:13.5px;position:relative}.seg button.on{color:var(--ink)}.seg-thumb{background:var(--surface-2);width:calc(50% - 3px);box-shadow:var(--shadow-sm);transition:transform .45s var(--ease-spring);border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.colors{flex-direction:column;gap:28px;display:flex}.color-filters{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 28px;display:grid}.color-filter{flex-direction:column;gap:8px;display:flex}.color-chip{align-items:center;gap:8px;display:inline-flex;position:relative;overflow:hidden}.color-chip-n{color:var(--ink-3);font-size:11.5px}.chip.on .color-chip-n{color:inherit;opacity:.7}.color-chip-bar{background:var(--accent);transform-origin:0;height:2px;transition:transform var(--t-slow) var(--ease);opacity:.7;position:absolute;bottom:0;left:0;right:0}.common-colors{border-radius:12px;height:56px;display:flex;overflow:hidden}.common-colors button,.palette-card-strip button{cursor:pointer;transition:flex var(--t-slow) var(--ease);border:0;flex:1;padding:0;position:relative}.common-colors button:hover,.palette-card-strip button:hover{flex:2.2}.common-colors span,.palette-card-strip span{font-family:var(--mono);text-align:center;opacity:0;transition:opacity var(--t) var(--ease);font-size:10px;position:absolute;bottom:6px;left:0;right:0}.common-colors button:hover span,.palette-card-strip button:hover span{opacity:1}.palette-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.palette-card{padding:0;overflow:hidden}.palette-card-strip{height:92px;display:flex}.palette-card-foot{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.palette-card-foot img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.palette-card-text{flex-direction:column;min-width:0;display:flex}.palette-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.week-nav{align-items:center;gap:4px;display:flex}.week-label{color:var(--ink-2);justify-content:center;align-items:center;gap:10px;min-width:190px;font-size:14px;display:inline-flex}.week-now{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px}.review-body{flex-direction:column;display:flex}.review-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{flex-direction:column;gap:4px;padding:20px 22px;display:flex}.stat-n{font-family:var(--serif);margin-top:6px;font-size:38px;line-height:1.1}.week-palette{border-radius:14px;height:64px;display:flex;overflow:hidden}.week-palette span{animation:grow .7s var(--ease) both;transform-origin:bottom;flex:1}@keyframes grow{0%{transform:scaleY(0)}}.review-summary .prose h3{margin-top:1.2em;font-size:17px}.review-summary .prose h3:first-child{margin-top:0}.review-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.review-tiles .tile{aspect-ratio:1;cursor:pointer;flex-direction:column;display:flex}.review-tiles .tile img{object-fit:cover;flex:1;min-height:0}.review-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:56px;display:grid}.review-col-title{color:var(--ink-2);align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:500;display:flex}@media (width<=900px){.review-grid{grid-template-columns:1fr 1fr}.stat-n{font-size:30px}.week-label{min-width:0}.palette-cards{grid-template-columns:1fr}}.template-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.template-row{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.template-fields{flex:1;grid-template-columns:180px 1fr;gap:8px;min-width:0;display:grid}.template-fields .textarea{min-height:42px;font-size:13.5px}.storage{margin:4px 0 16px}.storage-bar{background:var(--surface-2);border-radius:6px;height:6px;overflow:hidden}.storage-bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform 1s var(--ease);display:block}.storage-bar.warn span{background:var(--danger)}.store-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.store-chip{background:var(--surface-2);height:28px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;display:inline-flex}.store-mini{background:var(--surface-3);border-radius:4px;width:28px;height:4px;overflow:hidden}.store-mini span{background:var(--accent);transform-origin:0;height:100%;display:block}.store-add{background:var(--surface-2);border-radius:12px;margin-top:14px;padding:12px 16px;font-size:13.5px}.store-add summary{cursor:pointer;color:var(--accent)}.store-add ol{color:var(--ink-2);margin:10px 0 2px;padding-left:20px;line-height:1.9}.store-add b{color:var(--ink);font-weight:500}.site-address .site-url{color:var(--ink);word-break:break-all;font-weight:500}.backup-list{margin:0 0 16px;padding-left:18px;line-height:1.8}.backup-list b{color:var(--ink-2);font-weight:500}.backup-actions{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}@media (width<=900px){.template-fields{grid-template-columns:1fr}}.chat-page,.notes-page{transition:grid-template-columns .45s var(--ease)}.chat-page.side-collapsed,.notes-page.side-collapsed{grid-template-columns:0 1fr}.chat-side,.notes-side{min-width:0;transition:opacity var(--t) var(--ease), padding .45s var(--ease);overflow:hidden}.side-collapsed .chat-side,.side-collapsed .notes-side{opacity:0;pointer-events:none;border-right-color:#0000;padding-left:0;padding-right:0}.side-actions{align-items:center;gap:2px;display:flex}.side-toggle{color:var(--ink-3)}.side-open{animation:rise var(--t) var(--ease)}@media (width<=900px){.chat-page.side-collapsed,.notes-page.side-collapsed{grid-template-columns:1fr}.side-collapsed .chat-side,.side-collapsed .notes-side{opacity:1;pointer-events:auto;padding:28px 8px 8px}.side-toggle{display:none}}.link-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.link-card{background:var(--surface-2);border:1px solid var(--line);transition:transform var(--t) var(--ease-spring), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.link-card:before{content:"";background:var(--pc);opacity:.8;width:3px;position:absolute;top:0;bottom:0;left:0}.link-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.link-card-top{color:var(--ink-3);align-items:center;gap:8px;font-size:12px;display:flex}.link-platform{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.link-platform i{background:var(--pc);border-radius:50%;width:7px;height:7px}.link-tag{align-items:center;gap:3px;display:inline-flex}.link-go{transition:transform var(--t) var(--ease-spring);margin-left:auto}.link-card:hover .link-go{color:var(--accent);transform:translate(2px,-2px)}.link-title{font-size:14.5px;font-weight:500;line-height:1.5}.link-intro{color:var(--ink-2);margin:0;font-size:13px;line-height:1.65}.daily{flex-direction:column;gap:44px;display:flex}.daily-intro{font-family:var(--serif);color:var(--ink);margin:16px 0 0;font-size:16.5px;line-height:1.75}.daily-actions{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.breakdown-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.breakdown-card{text-align:left;cursor:pointer;color:inherit;font:inherit;flex-direction:column;padding:0;display:flex;overflow:hidden}.breakdown-strip{aspect-ratio:32/9;background:#0a0a09;grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.breakdown-strip span{animation:fade var(--t-slow) var(--ease) both;overflow:hidden}.breakdown-strip img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.breakdown-card:hover .breakdown-strip img{transform:scale(1.06)}.breakdown-card-body{flex-direction:column;gap:4px;padding:16px 20px 20px;display:flex}.breakdown-card h3{font-family:var(--serif);margin:6px 0 2px;font-size:19px;font-weight:500;line-height:1.45}.breakdown-intro{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;display:-webkit-box;overflow:hidden}.breakdown-page{max-width:1080px}.back-link{color:var(--ink-3);transition:color var(--t) var(--ease), transform var(--t) var(--ease);align-items:center;gap:4px;margin-bottom:22px;font-size:13.5px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--ink);transform:translate(-3px)}.breakdown-head{margin-bottom:32px}.film{margin:0 -8px}.film-strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 8px 4px;display:flex;overflow-x:auto}.film-strip::-webkit-scrollbar{display:none}.film-frame{scroll-snap-align:start;opacity:.55;transition:opacity var(--t-slow) var(--ease), transform var(--t-slow) var(--ease);background:#0a0a09;border-radius:14px;flex:0 0 min(760px,88%);margin:0;overflow:hidden;transform:scale(.97)}.film-frame.on{opacity:1;transform:none}.film-frame img{object-fit:cover;width:100%;max-height:60vh;display:block}.film-frame figcaption{color:#c9c5bc;background:#121210;padding:12px 16px 14px;font-size:13.5px;line-height:1.6}.film-n{font-family:var(--serif);color:var(--accent);margin-right:10px;font-size:15px}.film-nav{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.film-dots{gap:6px;display:flex}.film-dots button{background:var(--line-strong);cursor:pointer;width:7px;height:7px;transition:width var(--t) var(--ease-spring), background var(--t) var(--ease);border:0;border-radius:999px;padding:0}.film-dots button.on{background:var(--accent);width:22px}.breakdown-lead{font-family:var(--serif);max-width:760px;margin:36px 0 0;font-size:18px;line-height:1.85}.breakdown-why{white-space:pre-wrap;margin:0;font-size:15.5px;line-height:1.9}.principles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.principle h3{font-family:var(--serif);margin:8px 0 6px;font-size:18px;font-weight:500}.principle p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.75}.principle-n{font-family:var(--serif);color:var(--accent);opacity:.8;font-size:26px}.shot-notes{counter-reset:shot;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shot-notes li{counter-increment:shot;border-top:1px solid var(--line);color:var(--ink-2);transition:color var(--t) var(--ease), background var(--t) var(--ease);grid-template-columns:44px 1fr;padding:14px 4px;font-size:14.5px;line-height:1.75;display:grid}.shot-notes li:before{content:counter(shot, decimal-leading-zero);font-family:var(--serif);color:var(--ink-3)}.shot-notes li:hover{color:var(--ink);background:var(--accent-soft)}.shot-notes li:hover:before{color:var(--accent)}.practice-callout{background:linear-gradient(160deg, var(--accent-soft), transparent 70%), var(--surface)}.practice-callout p{margin:10px 0 0;font-size:15px;line-height:1.8}@media (width<=900px){.breakdown-list{grid-template-columns:1fr}.film-frame{flex-basis:92%}.breakdown-lead{font-size:16.5px}}.news-locked{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;display:block}.news-locked h3{margin-bottom:0}.guest-form{background:var(--surface-2);animation:rise var(--t) var(--ease);border-radius:14px;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:4px 0 16px;padding:14px;display:grid}.guest-form>div:last-child{grid-column:1/-1}.guest-pass{position:relative}.guest-pass .btn{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.guest-pass .btn:hover:not(:disabled){transform:translateY(-50%)scale(1.08)}.guest-list{margin:0;padding:0;list-style:none}.guest-list li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.guest-info{flex:1;min-width:0;font-size:14px}@media (width<=900px){.guest-form{grid-template-columns:1fr}}.exif-row{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px;display:flex}.exif-line{color:var(--ink-2);font-size:12.5px;font-family:var(--mono);align-items:center;gap:6px;margin-right:4px;display:inline-flex}.chip-sm{height:26px;padding:0 10px;font-size:12px}label.chip{align-items:center;display:inline-flex}.photos{flex-direction:column;gap:18px;display:flex}.stat-n small{color:var(--ink-3);font-size:.5em;font-family:var(--sans);margin:0 2px}.photo-charts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.photo-hours{grid-column:1/-1}.chart-title{font-family:var(--serif);align-items:center;gap:8px;margin:0 0 14px;font-size:17px;font-weight:500;display:flex}.chart-title .small{font-family:var(--sans);font-weight:400}.cols{border-bottom:1px solid var(--line);align-items:stretch;gap:2px;height:168px;display:flex}.col{min-width:0;color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;padding:0;display:flex;position:relative}.col:disabled{cursor:default}.col-track{width:100%;transition:background var(--t) var(--ease);border-radius:6px 6px 0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}.col:hover:not(:disabled) .col-track{background:var(--accent-soft)}.col-bar{background:var(--accent);transform-origin:bottom;width:min(24px,70%);min-height:0;animation:grow .7s var(--ease) both;transition:opacity var(--t) var(--ease), height var(--t-slow) var(--ease);border-radius:4px 4px 0 0}.col.dim .col-bar{opacity:.32}.col-val{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-bottom:3px;font-size:11.5px}.col-label{white-space:nowrap;color:var(--ink-3);font-size:11.5px;position:absolute;top:calc(100% + 6px)}.col.on .col-label{color:var(--ink)}.cols{margin-bottom:26px}.col-tip{z-index:5;white-space:nowrap;background:var(--ink);color:var(--bg);text-align:left;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border-radius:9px;flex-direction:column;gap:1px;padding:7px 10px;font-size:12px;line-height:1.45;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}.col-tip strong{font-weight:600}.col:hover .col-tip,.col:focus-visible .col-tip{opacity:1;transform:translate(-50%)}.col-tip.l{left:0;transform:translateY(4px)}.col-tip.r{left:auto;right:0;transform:translateY(4px)}.col:hover .col-tip.l,.col:hover .col-tip.r,.col:focus-visible .col-tip.l,.col:focus-visible .col-tip.r{transform:none}.cols.dense{gap:2px;height:120px}.cols.dense .col-bar{width:min(14px,80%)}.cols.dense .col-val{display:none}.gear{flex-direction:column;gap:2px;display:flex}.gear-row{color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t) var(--ease-spring);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.gear-row:hover{background:var(--surface-2);color:var(--ink);transform:translate(2px)}.gear-row.on{background:var(--accent-soft);color:var(--ink)}.gear-row svg{color:var(--ink-3);flex:none}.gear-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gear-row em{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}.photo-ai{background:linear-gradient(160deg, var(--accent-soft), transparent 55%), var(--surface)}.photo-ai .chart-title svg{color:var(--accent)}.photo-archive{margin-top:30px}.photo-month{margin-bottom:30px}.photo-month-title{font-family:var(--serif);align-items:baseline;gap:10px;margin:0 0 12px;font-size:17px;font-weight:500;display:flex}.mono-cap{font-family:var(--mono);white-space:pre;font-size:11.5px}@media (width<=900px){.photo-charts{grid-template-columns:1fr}.seg button{padding:0 12px}.cols.dense .col-label{font-size:10.5px}}.place-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.place-chip{border:1px solid var(--line);height:34px;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t) var(--ease-spring);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.place-chip:hover{border-color:var(--line-strong);transform:translateY(-1px)}.place-chip button{height:100%;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 6px 0 14px;font-size:14px}.place-chip .place-x{color:var(--ink-3);opacity:0;transition:opacity var(--t) var(--ease);padding:0 10px 0 4px}.place-chip:hover .place-x,.place-chip.on .place-x{opacity:1}.place-chip .place-x:hover{color:var(--danger)}.place-chip.on{background:var(--ink);border-color:var(--ink)}.place-chip.on button{color:var(--bg)}.place-chip.on .place-x{color:color-mix(in srgb, var(--bg) 60%, transparent)}.place-add{position:relative}.place-pop{transform-origin:0 0;width:300px;max-height:420px;top:calc(100% + 8px);left:0;overflow-y:auto}.place-input{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:4px;padding:6px 10px 10px;display:flex}.place-input input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.day-tabs{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px;display:grid}.day-tab{border:1px solid var(--line);color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;min-width:0;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t) var(--ease-spring), color var(--t) var(--ease);background:0 0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:0;padding:10px 12px;font-size:12.5px;display:flex}.day-tab:hover{border-color:var(--line-strong);color:var(--ink);transform:translateY(-2px)}.day-tab.on{background:var(--surface);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.day-name{color:var(--ink);font-size:14px;font-weight:500}.day-w{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;overflow:hidden}.day-band{margin-bottom:14px;padding:20px 24px 16px}.band{background:#15171f;border-radius:10px;height:34px;position:relative;overflow:hidden}.band-seg{animation:fade var(--t-slow) var(--ease) both;position:absolute;top:0;bottom:0}.band-seg.blue{background:linear-gradient(90deg,#2c3c66,#4a5e94)}.band-seg.golden{background:linear-gradient(90deg,#d9934a,#e8b86b)}.band-seg.day{background:linear-gradient(#a9c3d8,#8fb0cb)}.band-seg.golden+.band-seg.day{border-left:2px solid var(--surface)}.band-now{background:var(--ink);width:2px;box-shadow:0 0 0 2px var(--surface);border-radius:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.band-ticks{height:18px;color:var(--ink-3);margin-top:6px;font-size:11px;position:relative}.band-ticks span{font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%)}.band-ticks span:first-child{transform:none}.band-ticks span:last-child{transform:translate(-100%)}.band-clouds{align-items:flex-end;gap:2px;height:34px;margin-top:6px;display:flex}.band-clouds span{flex:1;align-items:flex-end;height:100%;display:flex}.band-clouds i{background:var(--ink-3);opacity:.45;transform-origin:bottom;width:100%;animation:grow .6s var(--ease) both;border-radius:3px 3px 0 0;display:block}.band-clouds span:hover i{opacity:.8}.band-legend{color:var(--ink-3);flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12px;display:flex}.band-legend span{align-items:center;gap:6px;display:inline-flex}.band-legend i{border-radius:3px;width:10px;height:10px}.band-legend i.blue{background:#4a5e94}.band-legend i.golden{background:#e8b86b}.band-legend i.day{background:#a9c3d8}.band-legend i.cloud{background:var(--ink-3);opacity:.6}.window-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.window-card{flex-direction:column;gap:4px;display:flex;overflow:hidden}.window-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.w-blue-am:before,.w-blue-pm:before{background:linear-gradient(90deg,#2c3c66,#6178b4)}.w-golden-am:before,.w-golden-pm:before{background:linear-gradient(90deg,#d9934a,#f0c77d)}.window-card.best{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-sm)}.window-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.window-name{color:var(--ink-2);letter-spacing:.04em;font-size:13px}.window-best{color:var(--accent);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.window-time{font-family:var(--serif);font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;line-height:1.2}.window-time span{color:var(--ink-3);margin:0 4px}.verdict-pill{background:var(--surface-2);height:24px;color:var(--ink-2);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:10px;padding:0 10px;font-size:12px;display:inline-flex}.verdict-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.verdict-pill.s3{background:var(--accent-soft);color:var(--accent)}.verdict-pill.s2{color:var(--worth)}.verdict-pill.s1{color:var(--ink-2)}.verdict-pill.s0{color:var(--ink-3)}.window-reason{color:var(--ink-2);margin:8px 0 0;font-size:13.5px;line-height:1.7}.window-extra{color:var(--ink-3);margin:4px 0 0;font-size:12.5px;line-height:1.6}.window-meta{color:var(--ink-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;margin-top:auto;padding-top:14px;font-size:12px;display:flex}.window-meta span{align-items:center;gap:4px;display:inline-flex}.sun-facts{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.fact{flex-direction:column;gap:2px;padding:18px 20px;display:flex}.fact .label{align-items:center;gap:6px;margin:0;display:inline-flex}.fact strong{font-family:var(--serif);margin:4px 0 2px;font-size:24px;font-weight:500}.week-rows{border-top:1px solid var(--line);flex-direction:column;display:flex}.week-row{border:0;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background var(--t) var(--ease), padding var(--t) var(--ease);background:0 0;grid-template-columns:110px 90px 80px 1fr auto;align-items:center;gap:12px;padding:12px 8px;font-size:14px;display:grid}.week-row:hover{background:var(--surface);padding-left:14px}.week-row.on{background:var(--surface)}.week-row .verdict-pill{margin:0}@media (width<=1100px){.window-grid,.sun-facts{grid-template-columns:1fr 1fr}}@media (width<=900px){.day-tabs{scrollbar-width:none;margin:0 -16px 14px;padding:0 16px 4px;display:flex;overflow-x:auto}.day-tab{flex:none}.day-band{padding:16px}.window-grid,.sun-facts{grid-template-columns:1fr}.week-row{grid-template-columns:1fr auto auto}.week-row>span:nth-child(3),.week-row>span:nth-child(4){display:none}.place-pop{width:min(300px,100vw - 32px)}}.drawer-bg{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s var(--ease);background:#08080780;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg-raised);border-left:1px solid var(--line-strong);width:min(560px,100vw);height:100%;box-shadow:var(--shadow);animation:drawer-in .45s var(--ease);flex-direction:column;display:flex}.drawer.wide{width:min(760px,100vw)}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}}.drawer-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px 14px 28px;display:flex}.drawer-head-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.drawer-body{flex:1;padding:22px 28px 60px;overflow-y:auto}.drawer-title{width:100%;color:var(--ink);font-family:var(--serif);background:0 0;border:0;outline:none;padding:0;font-size:26px;font-weight:500;line-height:1.3}.drawer-title::placeholder{color:var(--ink-3)}.form-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.form-grid label,.form-field{color:var(--ink-3);letter-spacing:.04em;flex-direction:column;gap:6px;font-size:12px;display:flex}.form-grid .full{grid-column:1/-1}input[type=date].input{min-height:42px}.picker-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:0 24px 16px;display:flex}.picker-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.pick-tile{outline-offset:-2px;transition:outline-color var(--t) var(--ease), transform var(--t-slow) var(--ease-spring);outline:2px solid #0000}.pick-tile.picked{outline-color:var(--accent)}.pick-tile.picked img{transform:scale(.94)}.pick-mark{color:#ffffffb3;width:24px;height:24px;transition:background var(--t) var(--ease), transform var(--t) var(--ease-spring);background:#0006;border:1.5px solid #ffffffb3;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:8px;right:8px}.pick-tile.picked .pick-mark{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);transform:scale(1.1)}.ref-strip{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.ref-item{aspect-ratio:1;background:var(--surface-2);animation:pop-in var(--t-slow) var(--ease);border-radius:10px;position:relative;overflow:hidden}.ref-item img{object-fit:cover;width:100%;height:100%}.ref-tools{opacity:0;transition:opacity var(--t) var(--ease);background:linear-gradient(#0000,#0009);justify-content:space-between;padding:4px;display:flex;position:absolute;inset:auto 0 0}.ref-item:hover .ref-tools,.ref-tools:focus-within{opacity:1}.ref-tools button{color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.ref-tools button:hover{background:#000000b3}.ref-cover{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:1px 8px;font-size:11px;position:absolute;top:6px;left:6px}.ref-add{aspect-ratio:1;border:1px dashed var(--line-strong);color:var(--ink-3);font:inherit;cursor:pointer;transition:border-color var(--t), color var(--t), background var(--t);background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.ref-add:hover{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}@media (width<=900px){.drawer-head{padding:10px 10px 10px 16px}.drawer-body{padding:18px 16px 80px}.form-grid{grid-template-columns:1fr}.ref-tools{opacity:1}.picker-tools{margin:0 16px 12px}}.share-dialog{background:var(--bg-raised);border:1px solid var(--line);width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow);animation:pop-in .4s var(--ease-spring);border-radius:20px;flex-direction:column;margin:auto;display:flex;overflow:hidden}.share-preview{flex:1;justify-content:center;min-height:240px;padding:0 24px;display:flex;overflow-y:auto}.share-preview img{width:100%;height:auto;box-shadow:var(--shadow);animation:fade var(--t-slow) var(--ease);border-radius:10px;align-self:flex-start}.share-loading{color:var(--ink-3);align-items:center;gap:10px;padding:60px 0;font-size:13.5px;display:flex}.share-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:14px 24px 4px;display:flex}.share-actions{gap:6px;display:flex}.btn.disabled{opacity:.45;pointer-events:none}.share-hint{margin:0;padding:4px 24px 16px;display:none}@media (width<=900px){.share-dialog{border-radius:0;width:100%;height:100%;max-height:100%}.share-hint{display:block}.share-preview{padding:0 16px}.share-bar{padding:12px 16px 4px}}.seg-dot{background:var(--accent);vertical-align:2px;width:7px;height:7px;animation:breathe 2.4s var(--ease) infinite;border-radius:50%;margin-left:6px;display:inline-block}.urgent{background:var(--accent-soft);color:var(--accent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13.5px;display:flex}.urgent-item{background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:transform var(--t) var(--ease-spring);border:0;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;display:inline-flex}.urgent-item:hover{transform:translateY(-1px)}.deadline{color:var(--ink-3);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.deadline.soon{color:var(--accent)}.deadline.late{color:var(--danger)}.kanban{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:12px;display:grid}.kanban-col{background:var(--bg-raised);border:1px solid var(--line);min-height:180px;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:16px;padding:10px}.kanban-col.over{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.kanban-head{align-items:center;gap:8px;min-height:40px;padding:0 6px 6px;font-size:13.5px;font-weight:500;display:flex}.kanban-head .btn{margin-left:auto}.kanban-list{flex-direction:column;gap:8px;display:flex}.kanban-card{text-align:left;cursor:grab;font:inherit;color:inherit;transition:transform var(--t) var(--ease-spring), box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);animation:rise var(--t-slow) var(--ease) both;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.kanban-card:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong);transform:translateY(-2px)}.kanban-card:active{cursor:grabbing;transform:scale(.98)}.kanban-title{font-size:14.5px;font-weight:500;line-height:1.45}.kanban-meta{color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:12.5px;display:flex}.kanban-meta .owed{color:var(--accent)}.kanban-empty{text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:10px;padding:18px 8px;font-size:12px}.status-pick{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.panel-section{margin-top:28px}.quote{flex-direction:column;gap:6px;display:flex}.quote-row{animation:rise var(--t) var(--ease);grid-template-columns:1fr 64px 96px 90px 30px;align-items:center;gap:6px;display:grid}.quote-row .input{padding:8px 10px;font-size:14px}.quote-row .num{text-align:right;font-variant-numeric:tabular-nums}.quote-head{order:-1;grid-template-columns:1fr 64px 96px 120px;gap:6px;padding:0 4px;display:grid}.quote-sum{text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13.5px}.quote-foot{color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:4px;font-size:14px;display:flex}.quote-foot strong{font-family:var(--serif);color:var(--ink);margin-left:6px;font-size:22px;font-weight:500}.paid-bar{background:var(--surface-2);border-radius:8px;height:26px;margin-top:12px;position:relative;overflow:hidden}.paid-bar span{background:var(--accent-soft);border-right:2px solid var(--accent);transform-origin:0;transition:transform var(--t-slow) var(--ease);position:absolute;inset:0}.paid-bar em{color:var(--ink-2);padding:0 10px;font-size:12.5px;font-style:normal;line-height:26px;display:block;position:relative}.mini-list{flex-direction:column;gap:4px;display:flex}.mini-row{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;text-align:left;transition:background var(--t) var(--ease);background:0 0;border-radius:10px;justify-content:space-between;gap:10px;padding:10px 12px;font-size:14px;display:flex}.mini-row:hover{background:var(--surface)}.review-box{border:1px solid var(--line);border-radius:14px;padding:18px}.review-box.due{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:linear-gradient(160deg, var(--accent-soft), transparent 60%)}.review-fields{flex-direction:column;gap:10px;display:flex}.review-fields label{color:var(--ink-3);flex-direction:column;gap:6px;font-size:12px;display:flex}.review-fields .textarea{min-height:64px}.save-state{color:var(--ink-3);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.input-select{border-radius:var(--radius-sm);width:100%;height:42px}.panel-foot{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:30px;display:flex}@media (width<=900px){.kanban{scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px;display:flex;overflow-x:auto}.kanban-col{scroll-snap-align:start;flex:0 0 78%}.quote-row{grid-template-columns:1fr 52px 80px 30px}.quote-row .quote-sum,.quote-head{display:none}}.proposal-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.proposal-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.proposal-card.fresh{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.proposal-main{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.proposal-thumbs{aspect-ratio:4/1.3;background:var(--surface-2);grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.proposal-thumbs span{overflow:hidden}.proposal-thumbs img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.proposal-card:hover .proposal-thumbs img{transform:scale(1.05)}.proposal-empty{color:var(--ink-3);grid-column:1/-1;place-items:center;font-size:12.5px;display:grid}.proposal-body{flex-direction:column;gap:3px;padding:14px 18px 6px;display:flex}.proposal-body h3{font-family:var(--serif);margin:4px 0 0;font-size:18px;font-weight:500}.proposal-stats{color:var(--ink-2);gap:14px;margin-top:8px;font-size:13px;display:flex}.proposal-stats span{align-items:center;gap:4px;display:inline-flex}.proposal-actions{gap:4px;margin-top:auto;padding:4px 10px 12px;display:flex}.fresh-dot{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.fresh-dot:before{content:"";background:var(--accent);width:7px;height:7px;animation:breathe 2.4s var(--ease) infinite;border-radius:50%}.link-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:8px 8px 8px 14px;display:flex}.link-box code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);background:0 0;flex:1;padding:0;font-size:12.5px;overflow:hidden}.ref-list{flex-direction:column;gap:8px;display:flex}.ref-row{animation:rise var(--t) var(--ease);grid-template-columns:88px 1fr auto;align-items:start;gap:10px;display:grid}.ref-row-img{background:var(--surface-2);border-radius:10px;width:88px;height:88px;position:relative;overflow:hidden}.ref-row-img img{object-fit:cover;width:100%;height:100%}.ref-row .textarea{min-height:88px;font-size:13.5px}.ref-row-tools{flex-direction:column;gap:2px;display:flex}.ref-row-tools .is-cover{color:var(--accent)}.ref-add-row{aspect-ratio:auto;flex-direction:row;height:52px}.fb-overall{border-left:2px solid var(--accent);background:var(--surface);font-family:var(--serif);border-radius:0 10px 10px 0;flex-direction:column;gap:6px;margin:0 0 12px;padding:12px 16px;font-size:15.5px;display:flex}.fb-list{flex-direction:column;gap:10px;display:flex}.fb-row{animation:rise var(--t) var(--ease);grid-template-columns:64px 1fr;gap:12px;display:grid}.fb-row img{object-fit:cover;border-radius:8px;width:64px;height:64px}.fb-row p{margin:4px 0 0;font-size:14px;line-height:1.65}.fb-head{align-items:center;gap:10px;display:flex}.fb-like{color:#e0707a;align-items:center;gap:4px;font-size:12px;display:inline-flex}@media (width<=900px){.proposal-list{grid-template-columns:1fr}.ref-row{grid-template-columns:64px 1fr auto}.ref-row-img{width:64px;height:64px}.ref-row .textarea{min-height:64px}.link-box{flex-wrap:wrap}.link-box code{flex-basis:calc(100% - 30px)}}.pp-shell{max-width:1120px;min-height:100%;margin:0 auto;padding:56px 40px 80px}.pp-loading,.pp-error{text-align:center;min-height:70vh;color:var(--ink-2);place-items:center;display:grid}.pp-error .brand-mark{margin-bottom:12px;display:block}.pp-preview{background:var(--accent-soft);color:var(--accent);border-radius:12px;align-items:center;gap:8px;margin-bottom:28px;padding:10px 14px;font-size:13px;display:flex}.pp-head{max-width:720px;animation:page-in var(--t-slow) var(--ease) both}.pp-title{font-family:var(--serif);margin:0;font-size:44px;font-weight:500;line-height:1.2}.pp-message{font-family:var(--serif);color:var(--ink);white-space:pre-wrap;margin:18px 0 0;font-size:18px;line-height:1.85}.pp-how{color:var(--ink-3);flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-size:13px;display:flex}.pp-how span{align-items:center;gap:6px;display:inline-flex}.pp-name{max-width:360px;color:var(--ink-3);flex-direction:column;gap:6px;margin-top:22px;font-size:12.5px;display:flex}.pp-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px 24px;margin-top:44px;display:grid}.pp-card{animation:rise var(--t-slow) var(--ease) both;margin:0}.pp-img{background:var(--surface);cursor:zoom-in;border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pp-img img{width:100%;height:auto;transition:transform .9s var(--ease)}.pp-img:hover img{transform:scale(1.02)}.pp-n{color:#f3ede2;font-family:var(--serif);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:999px;padding:2px 10px;font-size:13px;position:absolute;top:12px;left:12px}.pp-card figcaption{padding:10px 2px 0}.pp-row{align-items:flex-start;gap:10px;display:flex}.pp-caption{flex:1;margin:6px 0 0;font-size:14.5px;line-height:1.6}.pp-like{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--ink-3);cursor:pointer;transition:color var(--t) var(--ease), border-color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease-spring);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.pp-like:hover:not(:disabled){color:#e0707a;border-color:#e0707a;transform:scale(1.06)}.pp-like.on{color:#e0707a;animation:like-pop .45s var(--ease-spring);background:#e0707a1f;border-color:#e0707a80}@keyframes like-pop{40%{transform:scale(1.25)}}.pp-card.liked .pp-img{box-shadow:0 0 0 2px #e0707a8c}.pp-comment{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;resize:none;min-height:40px;transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:10px;margin-top:8px;padding:9px 12px;font-size:14px;line-height:1.6;display:block;overflow:hidden}.pp-comment:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.pp-mark{color:var(--ink-3);animation:fade var(--t) var(--ease);align-items:center;gap:4px;margin-top:6px;font-size:12px;display:inline-flex}.pp-mark.m-saved{color:var(--worth)}.pp-mark.m-error{color:var(--danger)}.pp-overall{border-top:1px solid var(--line);max-width:720px;margin-top:30px;padding-top:34px}.pp-overall h2{font-family:var(--serif);margin:0 0 4px;font-size:24px;font-weight:500}.pp-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:64px;padding-top:24px;display:flex}.pp-contacts{flex-wrap:wrap;gap:8px 24px;font-size:14px;display:flex}.pp-contacts em{color:var(--ink-3);margin-right:8px;font-style:normal}.pp-lightbox{z-index:90;animation:fade .25s var(--ease);background:#060605f0;flex-direction:column;justify-content:center;align-items:center;padding:40px 72px;display:flex;position:fixed;inset:0}.pp-lightbox img{object-fit:contain;max-width:100%;max-height:calc(100vh - 120px);animation:pop-in .35s var(--ease);border-radius:6px}.pp-lb-cap{color:#cfcac0;text-align:center;margin:14px 0 0;font-size:14px}.pp-lb-x,.pp-lb-nav{color:#eee;cursor:pointer;width:46px;height:46px;transition:background var(--t) var(--ease);background:#ffffff14;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.pp-lb-x:hover,.pp-lb-nav:hover{background:#ffffff2e}.pp-lb-x{top:18px;right:18px}.pp-lb-nav{margin-top:-23px;top:50%}.pp-lb-nav.prev{left:14px}.pp-lb-nav.next{right:14px}@media (width<=900px){.pp-shell{padding:32px 16px 60px}.pp-title{font-size:32px}.pp-message{font-size:16.5px}.pp-grid{grid-template-columns:1fr;margin-top:32px}.pp-lightbox{padding:16px}.pp-lb-nav{top:auto;bottom:20px}}.works-hero{max-width:760px;animation:page-in var(--t-slow) var(--ease) both;margin-bottom:44px}.works-name{font-family:var(--serif);align-items:baseline;gap:12px;margin:0;font-size:64px;font-style:italic;font-weight:500;line-height:1.1;display:flex}.works-name .brand-dot{width:10px;height:10px;transform:translateY(-8px)}.works-tagline{color:var(--ink-2);letter-spacing:.04em;margin:12px 0 0;font-size:17px}.works-about{font-family:var(--serif);white-space:pre-wrap;margin:22px 0 0;font-size:17px;line-height:1.9}.works-contacts{flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-size:14px;display:flex}.works-contacts em{color:var(--ink-3);margin-right:8px;font-style:normal}.works-owner-bar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;padding-top:20px;display:flex}.works-cats{margin-bottom:26px}.works-grid{grid-template-columns:1fr 1fr;gap:40px 28px;display:grid}.work-card{min-width:0}.work-card.featured{grid-column:1/-1}.work-cover{aspect-ratio:4/3;background:var(--surface);border-radius:14px;display:block;position:relative;overflow:hidden}.work-card.featured .work-cover{aspect-ratio:21/9}.work-cover img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s var(--ease), filter var(--t-slow) var(--ease)}.work-cover:hover img{transform:scale(1.035)}.work-card.draft .work-cover img{filter:saturate(.4);opacity:.75}.work-nocover{color:var(--ink-3);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.work-info{flex-direction:column;gap:2px;padding:14px 2px 0;display:flex;position:relative}.work-title{font-family:var(--serif);transition:color var(--t) var(--ease);font-size:22px;font-weight:500;line-height:1.4;text-decoration:none}.work-card.featured .work-title{font-size:28px}.work-title:hover{color:var(--accent)}.work-tools{align-items:center;gap:2px;display:flex;position:absolute;top:10px;right:0}.draft-badge{background:var(--surface-2);color:var(--ink-2);border-radius:999px;margin-right:4px;padding:2px 9px;font-size:11.5px}.contact-rows{flex-direction:column;gap:6px;display:flex}.contact-row{grid-template-columns:120px 1fr 30px;align-items:center;gap:6px;display:grid}.work-detail{max-width:1080px}.work-detail-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:26px;display:flex}.work-detail-head{max-width:760px;margin-bottom:30px}.work-detail-head .title{font-size:48px}.work-hero-img{margin:0}.work-hero-img img,.work-image img{background:var(--surface);border-radius:14px;width:100%;height:auto}.work-hero-img img{animation:pop-in .6s var(--ease) both}figure figcaption{color:var(--ink-3);margin-top:10px;font-size:13.5px;line-height:1.6}.work-text{max-width:720px;margin:44px auto 12px}.work-summary{font-family:var(--serif);margin:0 0 18px;font-size:22px;line-height:1.75}.work-body{color:var(--ink-2);white-space:pre-wrap;margin:0 0 14px;font-size:16px;line-height:1.95}.work-images{flex-direction:column;gap:32px;margin-top:40px;display:flex}.work-image{animation:rise var(--t-slow) var(--ease) both;margin:0}.work-detail-foot{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:24px;margin-top:72px;padding-top:30px;display:grid}.work-contact h3{font-family:var(--serif);margin:0;font-size:22px;font-weight:500}.work-contact .works-contacts{margin-top:10px}.work-next{flex-direction:column;align-items:flex-end;gap:4px;text-decoration:none;display:flex}.work-next-title{font-family:var(--serif);transition:color var(--t) var(--ease), gap var(--t) var(--ease-spring);align-items:center;gap:8px;font-size:22px;display:inline-flex}.work-next:hover .work-next-title{color:var(--accent);gap:14px}.work-editor{max-width:1240px}.work-editor-grid{grid-template-columns:1fr 1fr;align-items:start;gap:36px;display:grid}.publish-note{background:var(--surface-2);color:var(--ink-2);border-radius:12px;align-items:flex-start;gap:10px;margin-top:24px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.publish-note svg{flex:none;margin-top:2px}.publish-note.on{background:var(--accent-soft);color:var(--accent)}@media (width<=900px){.works-name{font-size:44px}.works-grid{grid-template-columns:1fr;gap:32px}.work-card.featured .work-cover{aspect-ratio:4/3}.work-card.featured .work-title{font-size:22px}.work-detail-head .title{font-size:32px}.work-summary{font-size:18.5px}.work-detail-foot{grid-template-columns:1fr}.work-next{align-items:flex-start}.work-editor-grid{grid-template-columns:1fr;gap:28px}.contact-row{grid-template-columns:90px 1fr 30px}}.nav-group-label{animation:fade var(--t) var(--ease)}.rail-collapsed .nav-group-label{padding:12px 0 6px;font-size:0}.rail-collapsed .nav-group-label:before{content:"";background:var(--line);height:1px;margin:0 10px;display:block}.remind-list{flex-direction:column;gap:8px;display:flex}.remind{align-items:center;gap:12px;padding:14px 18px;text-decoration:none;display:flex}.remind svg{color:var(--ink-3);flex:none}.remind.soon svg,.remind.soon .remind-when{color:var(--accent)}.remind.late svg,.remind.late .remind-when{color:var(--danger)}.remind-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14.5px;overflow:hidden}.remind-when{color:var(--ink-2);white-space:nowrap;font-size:13px}.login-switch{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0 0 0 4px;text-decoration:underline}.create-grid{grid-template-columns:minmax(340px,440px) 1fr;align-items:start;gap:20px;display:grid}.create-box{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.create-prompt{border:1px solid var(--line);background:var(--bg-raised);width:100%;color:var(--ink);font:inherit;resize:vertical;min-height:120px;transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.7}.create-prompt:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.create-prompt::placeholder{color:var(--ink-3)}.create-row .label{margin-bottom:8px}.create-hint{margin:8px 0 0}.create-inline{flex-wrap:wrap;gap:14px 22px;display:flex}.create-refs{flex-wrap:wrap;gap:8px;display:flex}.create-ref{background:var(--surface-2);width:72px;height:72px;animation:pop-in var(--t-slow) var(--ease);border-radius:10px;position:relative;overflow:hidden}.create-ref img{object-fit:cover;width:100%;height:100%}.create-ref em{color:#fff;background:#0000008c;border-radius:999px;padding:0 6px;font-size:11px;font-style:normal;position:absolute;bottom:4px;left:4px}.create-ref button{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}.create-ref-add{border:1px dashed var(--line-strong);width:72px;height:72px;color:var(--ink-3);cursor:pointer;transition:border-color var(--t), color var(--t), background var(--t);background:0 0;border-radius:10px;place-items:center;display:grid}.create-ref-add:hover{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.create-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.create-price{font-family:var(--serif);color:var(--ink);font-size:17px;font-weight:500}.create-history{min-width:0}.gen-list{flex-direction:column;gap:14px;display:flex}.gen-card{flex-direction:column;gap:10px;display:flex}.gen-card.failed{border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.gen-images{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.gen-image{background:var(--surface-2);border-radius:12px;display:block;overflow:hidden}.gen-image img{width:100%;height:auto;transition:transform .9s var(--ease);animation:fade var(--t-slow) var(--ease)}.gen-image:hover img{transform:scale(1.03)}.gen-video{background:#0a0a09;border-radius:12px;width:100%;max-height:520px}.gen-expired{background:var(--surface-2);color:var(--ink-3);border-radius:12px;align-items:center;gap:8px;padding:18px;font-size:13.5px;display:flex}.gen-running{color:var(--ink-2);flex-direction:column;gap:8px;display:flex}.gen-running .small{align-items:center;gap:6px;display:inline-flex}.gen-progress{background:var(--surface-2);border-radius:4px;height:4px;overflow:hidden}.gen-progress span{background:var(--accent);width:35%;height:100%;animation:indeterminate 1.6s var(--ease) infinite;border-radius:4px;display:block}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(290%)}}.gen-pending .gen-shimmer{background:linear-gradient(110deg, var(--surface-2) 30%, var(--accent-soft) 50%, var(--surface-2) 70%);background-size:200% 100%;border-radius:12px;height:220px;animation:1.6s linear infinite shimmer}.gen-error{color:var(--danger);align-items:flex-start;gap:8px;margin:0;font-size:13.5px;line-height:1.6;display:flex}.gen-error svg{flex:none;margin-top:3px}.gen-prompt{color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.gen-meta{margin:0}.gen-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gen-add{grid-template-columns:1fr 1fr 110px auto auto}@media (width<=1000px){.create-grid{grid-template-columns:1fr}.create-box{position:static}}@media (width<=900px){.gen-add{grid-template-columns:1fr}.gen-images{grid-template-columns:1fr 1fr}}.cursor-ring,.cursor-dot{z-index:10000;pointer-events:none;will-change:transform;transition:opacity var(--t) var(--ease);border-radius:50%;position:fixed;top:0;left:0}.cursor-ring{mix-blend-mode:difference;opacity:.55;width:34px;height:34px;transition:width .3s var(--ease-spring), height .3s var(--ease-spring), margin .3s var(--ease-spring), background .3s var(--ease), opacity var(--t) var(--ease);border:1px solid #fff;margin:-17px 0 0 -17px}.cursor-ring.hot{opacity:.8;background:#ffffff1a;width:54px;height:54px;margin:-27px 0 0 -27px}.cursor-ring.down{width:24px;height:24px;margin:-12px 0 0 -12px}.cursor-dot{background:var(--accent);width:5px;height:5px;margin:-2.5px 0 0 -2.5px}.cursor-away .cursor-ring,.cursor-away .cursor-dot{opacity:0}.page-loading{color:var(--ink-3);animation:fade var(--t-slow) var(--ease) .3s backwards;justify-content:center;padding:18vh 0;display:flex}.ambient-light{z-index:-1;pointer-events:none;opacity:.45;position:fixed;inset:0;overflow:hidden}.ambient-light span{will-change:transform;background:radial-gradient(circle closest-side, var(--accent-glow), transparent 62%);width:1280px;height:1280px;margin:-640px 0 0 -640px;position:absolute;top:0;left:0;transform:translate(50vw,30vh)}.grain{z-index:9990;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}:root[data-theme=light] .grain{opacity:.035}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .grain{opacity:.035}}.fx-tilt .tile{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.fx-tilt .tile:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition-duration:.35s}.fx-tilt .lift:hover{transform:perspective(1100px) translateY(-3px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.fx-tilt :is(.work-cover,.gen-image,.pp-img){transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease), box-shadow var(--t-slow) var(--ease)}.fx-tilt :is(.work-cover,.gen-image,.pp-img):hover{box-shadow:var(--shadow)}.gen-image{position:relative}.fx-tilt :is(.tile,.work-cover,.gen-image,.pp-img):after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #fffaf02e, transparent 55%);opacity:0;transition:opacity var(--t-slow) var(--ease);position:absolute;inset:0}.fx-tilt :is(.tile,.work-cover,.gen-image,.pp-img):hover:after{opacity:1}.btn-primary,.magnetic{translate:var(--tx,0) var(--ty,0);transition:background var(--t) var(--ease), border-color var(--t) var(--ease), color var(--t) var(--ease), box-shadow var(--t) var(--ease), transform var(--t) var(--ease-spring), translate .35s var(--ease-spring), filter var(--t) var(--ease)}.rv:not(.in){opacity:0}.rv.in{animation:reveal .8s var(--ease) var(--rv-delay,0s) backwards}@keyframes reveal{0%{opacity:0;translate:0 22px}}.route .title,.works-name,.pp-title{animation:title-in .9s var(--ease) backwards}@keyframes title-in{0%{opacity:0;letter-spacing:.08em;filter:blur(8px)}}.page-head .eyebrow:before,.works-hero .eyebrow:before{content:"";vertical-align:middle;transform-origin:0;width:22px;height:1px;animation:line-in .9s var(--ease) .1s backwards;background:currentColor;margin-right:10px;display:inline-block}@keyframes line-in{0%{transform:scaleX(0)}}.inline-link,.sources a,.work-next-title{transition:background-size var(--t-slow) var(--ease), color var(--t) var(--ease);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px}.inline-link:hover,.sources a:hover{background-size:100% 1px}.fx-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.fx-row:first-of-type{border-top:0}.fx-row strong{font-size:14.5px;font-weight:500}.switch{background:var(--surface-3);cursor:pointer;width:42px;height:24px;transition:background var(--t) var(--ease);border:0;border-radius:999px;flex:none;padding:0;position:relative}.switch:after{content:"";background:var(--ink-2);width:18px;height:18px;transition:transform .35s var(--ease-spring), background var(--t) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on:after{background:var(--accent-ink);transform:translate(18px)}.works-cats{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:34px;padding-bottom:14px;display:flex}.works-cat{color:var(--ink-3);font:inherit;cursor:pointer;transition:color var(--t) var(--ease), background var(--t) var(--ease);background:0 0;border:0;border-radius:999px;align-items:baseline;gap:6px;padding:6px 14px;font-size:15px;display:inline-flex;position:relative}.works-cat em{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px;font-style:normal}.works-cat:hover{color:var(--ink)}.works-cat.on{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm)}.works-cat.on em{color:var(--accent)}.works-group{margin-bottom:64px}.works-group-head{align-items:baseline;gap:14px;margin-bottom:22px;display:flex}.works-group-head h2{font-family:var(--serif);letter-spacing:.02em;margin:0;font-size:28px;font-weight:500}.works-group-head:after{content:"";background:var(--line);flex:1;height:1px;transform:translateY(-6px)}.work-play{color:#f3ede2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1;background:#00000080;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex;position:absolute;bottom:12px;left:12px}.draft-badge{align-items:center;gap:4px;display:inline-flex}.cat-list{flex-wrap:wrap;gap:6px;display:flex}.cat-chip{border:1px solid var(--line-strong);height:32px;animation:pop-in var(--t) var(--ease);border-radius:999px;align-items:center;gap:2px;padding:0 4px 0 6px;font-size:13.5px;display:inline-flex}.cat-chip button{width:22px;height:22px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.cat-chip button:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.cat-chip button:disabled{opacity:.3;cursor:default}.work-video video,.work-video iframe{background:#0a0a09;border:0;border-radius:14px;width:100%;display:block}.work-video iframe{aspect-ratio:16/9}.work-hero-video .work-video{margin:0}.work-video-link{border:1px solid var(--line);background:var(--surface);transition:transform var(--t) var(--ease-spring), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:14px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.work-video-link:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.work-video-link:hover .link-go{color:var(--accent);transform:translate(2px,-2px)}.work-video-link-play{background:var(--accent);width:46px;height:46px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.work-video-link-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.work-video-link-text strong{font-size:15px;font-weight:500}.video-thumb{position:relative}.video-thumb-ph{color:var(--ink-3);place-items:center;font-size:11.5px;display:grid;position:absolute;inset:0}.video-thumb-play{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:5px;right:5px}.video-fields{flex-direction:column;gap:6px;min-width:0;display:flex}.video-fields .textarea{min-height:52px}.video-url{text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.video-add{grid-template-columns:1fr 1fr;gap:8px;display:grid}.video-link-add{align-items:center;gap:6px;display:flex}.upload-bar{background:var(--surface-2);color:var(--ink-2);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex;position:relative;overflow:hidden}.upload-bar span{background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:0}@media (width<=900px){.works-group-head h2{font-size:22px}.video-add{grid-template-columns:1fr}.video-link-add{flex-wrap:wrap}}.spot-bar{background:var(--bg-raised);border:1px solid var(--line);animation:rise var(--t) var(--ease);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin:-10px 0 22px;padding:10px 12px;display:flex}.spot-chip{height:30px;color:var(--ink-2);font:inherit;cursor:pointer;transition:background var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:13px;display:inline-flex}span.spot-chip{padding:0 4px 0 0}span.spot-chip>button:first-child{height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 2px 0 12px;display:inline-flex}.spot-chip em{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal}.spot-chip:hover{color:var(--ink);background:var(--surface)}.spot-chip.on{color:var(--ink);background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.spot-chip .place-x{opacity:0;color:var(--ink-3);cursor:pointer;background:0 0;border:0;height:100%;padding:0 6px}.spot-chip:hover .place-x,.spot-chip.on .place-x{opacity:1}.spot-add{color:var(--ink-3);border:1px dashed var(--line-strong)}.spot-recs .section-title svg{color:var(--worth)}.spot-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 10px;font-size:12.5px;display:flex}.src-badge{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:2px 9px;font-size:11.5px}.src-badge.web{background:color-mix(in srgb, var(--worth) 16%, transparent);color:var(--worth)}.spot-season{font-family:var(--serif);max-width:760px;margin:0 0 18px;font-size:17px;line-height:1.75}.spot-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.spot-card{flex-direction:column;gap:6px;padding:20px;display:flex}.spot-card.on{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:0 0 0 4px var(--accent-soft)}.spot-top{align-items:center;gap:8px;display:flex}.spot-subject{color:#c9933a;background:#d9a4412e;border-radius:999px;padding:2px 10px;font-size:12px}.spot-card h3{font-family:var(--serif);margin:4px 0 2px;font-size:19px;font-weight:500}.spot-status{color:var(--ink);margin:0;font-size:13.5px}.spot-line{color:var(--ink-2);align-items:flex-start;gap:7px;margin:2px 0 0;font-size:13px;line-height:1.65;display:flex}.spot-line svg{color:var(--ink-3);flex:none;margin-top:4px}.spot-tips{color:var(--ink-3);margin:4px 0 0;font-size:12.5px;line-height:1.6}.spot-actions{flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:12px;display:flex}.spot-empty{color:var(--ink-2);font-size:14px;line-height:1.8}.seg-sm button{height:26px;padding:0 12px;font-size:12.5px}@media (width<=900px){.spot-grid{grid-template-columns:1fr}.spot-bar{margin-top:-8px}}@media (pointer:coarse){.chip-sm{height:34px;padding:0 13px;font-size:13px}.switch{width:50px;height:30px}.switch:after{width:24px;height:24px}.switch.on:after{transform:translate(20px)}.place-chip .place-x{min-width:32px;min-height:32px}.section-head>a.small,.inline-link{margin:-9px 0;padding:9px 0}}.install-dialog{background:var(--bg-raised);border:1px solid var(--line-strong);width:min(440px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);animation:pop-in .4s var(--ease-spring);border-radius:22px;padding:30px 28px 22px;position:relative;overflow-y:auto}.install-bg{align-items:center;padding-top:16px}.install-hero{align-items:center;gap:16px;padding-right:24px;display:flex}.install-hero img{animation:install-bob .6s .15s var(--ease-spring) backwards;border-radius:15px;flex:none;box-shadow:0 8px 24px -10px #00000080}.install-hero h2{font-family:var(--serif);margin:0 0 4px;font-size:21px;font-weight:500}.install-hero p{margin:0;line-height:1.6}@keyframes install-bob{0%{opacity:0;transform:translateY(8px)scale(.85)rotate(-6deg)}}.install-go{justify-content:center;width:100%;height:46px;margin-top:22px}.install-or{text-align:center;margin:8px 0 0}.install-steps{flex-direction:column;gap:4px;margin:20px 0 0;padding:0;list-style:none;display:flex}.install-steps li{border-radius:var(--radius-sm);color:var(--ink-2);animation:rise .45s var(--ease) backwards;transition:background var(--t) var(--ease);align-items:flex-start;gap:12px;padding:10px 12px;font-size:14px;line-height:1.6;display:flex}.install-steps li:hover{background:var(--surface-2)}.install-steps li:nth-child(2){animation-delay:60ms}.install-steps li:nth-child(3){animation-delay:.12s}.install-steps li:nth-child(4){animation-delay:.18s}.install-steps b{color:var(--ink);font-weight:600}.install-n{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:12px;font-weight:600;display:grid}.install-ic{vertical-align:-3px;color:var(--accent)}.install-warn,.install-ok{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--ink-2);align-items:flex-start;gap:8px;margin:20px 0 0;padding:12px 14px;font-size:13.5px;line-height:1.6;display:flex}.install-warn svg,.install-ok svg{color:var(--accent);flex:none;margin-top:3px}.install-warn b{color:var(--ink)}@media (width<=760px){.install-dialog{padding:26px 20px 18px}.install-steps li{padding:9px 6px}}.install-foot{border-top:1px solid var(--line);margin:18px 0 0;padding-top:14px;line-height:1.6}.install-banner{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:45;background:color-mix(in srgb, var(--bg-raised) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-strong);box-shadow:var(--shadow);animation:install-banner-in .55s .8s var(--ease-spring) backwards;border-radius:16px;align-items:center;gap:10px;padding:10px 10px 10px 14px;font-size:13.5px;display:flex;position:fixed}.install-banner>span{flex:1;min-width:0}.install-banner-ic{color:var(--accent);flex:none}@keyframes install-banner-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}@media (width>=761px){.install-banner{width:360px;bottom:24px;left:auto;right:24px}}.app-status{top:calc(12px + env(safe-area-inset-top));z-index:95;white-space:nowrap;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);animation:app-status-in .45s var(--ease-spring);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.app-status button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.app-status .app-status-x{opacity:.6;place-items:center;text-decoration:none;display:grid}@keyframes app-status-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.94)}}.speed-result{flex-direction:column;gap:12px;margin-top:14px;display:flex}.speed-meta{margin:0}.speed-row{animation:rise .45s var(--ease) backwards}.speed-row-head{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.speed-row-head b{font-family:var(--serif);font-size:20px;font-weight:500}.speed-row-head small{color:var(--ink-3);font-family:inherit;font-size:12px;font-weight:400}.speed-track{background:var(--surface-2);border-radius:99px;height:6px;margin:6px 0 4px;overflow:hidden}.speed-track span{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;animation:speed-grow .8s var(--ease) backwards;display:block}.speed-row.mid .speed-track span{background:color-mix(in srgb, var(--accent) 60%, #c9832f)}.speed-row.bad .speed-track span{background:var(--danger)}.speed-row p{margin:0}@keyframes speed-grow{0%{transform:scaleX(0)}}.speed-verdict{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--ink-2);margin:4px 0 0;padding:12px 14px 12px 30px;font-size:13.5px;line-height:1.7}.speed-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clip{max-width:1480px;min-height:100dvh;margin:0 auto;padding:32px 40px 48px}.clip-center{place-items:center;padding:24px;display:grid}.clip-card{text-align:center;background:var(--bg-raised);border:1px solid var(--line-strong);width:min(440px,100%);box-shadow:var(--shadow);animation:pop-in .45s var(--ease-spring);border-radius:22px;padding:32px}.clip-card.wide{text-align:left;width:min(640px,100%)}.clip-lock{color:var(--accent);margin-bottom:8px}.clip-title{font-family:var(--serif);animation:rise .5s var(--ease) backwards;margin:4px 0 6px;font-size:30px;font-weight:500;line-height:1.25}.clip-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:20px;display:flex}.clip-head-text{min-width:0;max-width:760px}.clip-head .clip-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-src{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.clip-src a{color:inherit}.clip-before{color:var(--accent)}.clip-switch{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-left:8px;padding:0;text-decoration:underline}.clip-tools{align-items:center;gap:12px;display:flex}.clip-toggle{color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;font-size:13.5px;display:flex}.clip-body{grid-template-columns:1fr 320px;align-items:start;gap:28px;margin-top:24px;display:grid}.clip-grid{columns:4 200px;column-gap:12px}.clip-tile{break-inside:avoid;cursor:pointer;background:var(--surface-2);outline-offset:2px;width:100%;transition:outline-color var(--t) var(--ease), transform var(--t) var(--ease-spring), opacity var(--t) var(--ease);animation:rise .45s var(--ease) backwards;border:0;border-radius:12px;outline:2px solid #0000;margin:0 0 12px;padding:0;display:block;position:relative;overflow:hidden}.clip-tile:hover{transform:translateY(-2px)}.clip-tile:active{transform:scale(.98)}.clip-tile img{width:100%;height:auto;min-height:60px;display:block}.clip-tile.on{outline-color:var(--accent)}.clip-tile.saved{opacity:.55}.clip-size{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:99px;padding:2px 7px;font-size:11px;position:absolute;bottom:8px;left:8px}.clip-check{color:#0000;width:24px;height:24px;transition:background var(--t) var(--ease), color var(--t) var(--ease), transform var(--t) var(--ease-spring);background:#00000059;border:1.5px solid #fffc;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.clip-tile.on .clip-check{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.08)}.clip-err{text-align:left;color:#fff;background:#96281ed9;border-radius:8px;padding:6px 8px;font-size:12px;position:absolute;bottom:6px;left:6px;right:6px}.clip-broken{color:var(--ink-3);text-align:center;place-items:center;gap:6px;padding:36px 12px;font-size:12.5px;line-height:1.5;display:grid}.clip-side{background:var(--bg-raised);border:1px solid var(--line);animation:rise .5s .1s var(--ease) backwards;border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex;position:sticky;top:24px}.clip-field{color:var(--ink-2);flex-direction:column;gap:6px;font-size:13px;display:flex}.clip-field textarea{resize:vertical;min-height:64px;line-height:1.6}.clip-save{justify-content:center;height:46px}.clip-side>p{margin:0}.clip-float{display:none}.clip-done{border-radius:var(--radius-sm);background:var(--accent-soft);animation:pop-in .4s var(--ease-spring);padding:14px}.clip-done p{align-items:center;gap:6px;margin:0 0 10px;font-size:14px;display:flex}.clip-done-actions{flex-wrap:wrap;gap:8px;display:flex}.clip-url{gap:8px;margin-top:18px;display:flex}.clip-url .input{flex:1;min-width:0;height:44px}.clip-error{color:var(--danger);align-items:flex-start;gap:6px;margin:10px 0 0;display:flex}.clip-divider{color:var(--ink-3);letter-spacing:.08em;align-items:center;gap:12px;margin:26px 0 14px;font-size:12px;display:flex}.clip-divider:before,.clip-divider:after{content:"";background:var(--line);flex:1;height:1px}.clip-steps{color:var(--ink-2);flex-direction:column;gap:12px;margin:0 0 12px;padding:0;font-size:14px;line-height:1.7;list-style:none;display:flex}.clip-steps li{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.clip-steps li>span:first-child{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.clip-bookmarklet{cursor:grab;background:var(--accent);color:#fff;box-shadow:0 6px 18px -8px var(--accent-glow);animation:breathe 2.6s var(--ease) infinite;transition:transform var(--t) var(--ease-spring);border-radius:999px;align-items:center;gap:6px;margin-left:4px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.clip-bookmarklet:hover{transform:translateY(-2px)rotate(-2deg)}.clip-bookmarklet:active{cursor:grabbing;transform:scale(.96)}.clip-manual{border-radius:var(--radius-sm);background:var(--surface-2);margin-top:10px;padding:12px 14px}.clip-manual p{margin:0 0 8px}@media (width<=860px){.clip{padding:20px 16px 40px}.clip-body{grid-template-columns:1fr}.clip-side{position:static}.clip-float{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;height:48px;box-shadow:var(--shadow);animation:install-banner-in .4s var(--ease-spring);justify-content:center;display:flex;position:fixed}.clip-grid{columns:2 140px}.clip-head .clip-title{white-space:normal}}.rate{gap:1px;display:inline-flex}.rate button{color:var(--ink-3);opacity:.45;cursor:default;background:0 0;border:0;padding:1px;line-height:0}.rate button.on{color:var(--accent);opacity:1}.rate button.on svg{fill:currentColor}.rate.edit button{cursor:pointer;transition:transform var(--t) var(--ease-spring), opacity var(--t) var(--ease)}.rate.edit button:hover{opacity:1;transform:scale(1.18)}.recipe-sort{border-radius:999px;width:auto;height:40px;padding:0 12px}.chip-sep{background:var(--line-strong);align-self:stretch;width:1px;margin:4px}.recipe-empty p{max-width:520px;margin:0 auto 18px;line-height:1.7}.recipe-wall{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.recipe-card{cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.recipe-cover{aspect-ratio:16/10;background:var(--surface-2);position:relative;overflow:hidden}.recipe-cover-imgs{gap:2px;height:100%;display:grid}.recipe-cover-imgs.n2{grid-template-columns:1fr 1fr}.recipe-cover-imgs.n3{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.recipe-cover-imgs.n3 img:first-child{grid-row:span 2}.recipe-cover-imgs img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.recipe-card:hover .recipe-cover-imgs img{transform:scale(1.04)}.recipe-cover-text{height:100%;font-family:var(--serif);color:var(--ink-2);-webkit-line-clamp:5;background:linear-gradient(160deg, var(--surface-2), var(--surface-3));-webkit-box-orient:vertical;margin:0;padding:20px 22px;font-size:16px;line-height:1.7;display:-webkit-box;overflow:hidden}.recipe-pin{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:10px;left:10px}.recipe-meta{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.recipe-meta h3{font-family:var(--serif);margin:0;font-size:18px;font-weight:500}.recipe-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recipe-model{background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:2px 9px;font-size:12px}.recipe-note{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.recipe-copy{opacity:0;background:color-mix(in srgb, var(--bg-raised) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity var(--t) var(--ease), transform var(--t) var(--ease-spring);position:absolute;top:10px;right:10px;transform:translateY(-4px)}.recipe-card:hover .recipe-copy,.recipe-copy:focus-visible{opacity:1;transform:none}@media (hover:none){.recipe-copy{opacity:1;transform:none}}.recipe-body{resize:vertical;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.75}.recipe-vars{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;display:flex}.recipe-var{background:var(--accent-soft);color:var(--accent);animation:pop-in .3s var(--ease-spring);border-radius:6px;padding:2px 9px;font-size:12.5px}.recipe-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.recipe-grid2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.recipe-grid2 .field{flex-direction:column;display:flex}.recipe-neg summary{cursor:pointer;list-style:none}.recipe-neg summary:before{content:"+ "}.recipe-neg[open] summary:before{content:"− "}.recipe-shots{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.recipe-shot{aspect-ratio:1;background:var(--surface-2);animation:pop-in .35s var(--ease-spring);border-radius:10px;margin:0;position:relative;overflow:hidden}.recipe-shot img{object-fit:cover;width:100%;height:100%;display:block}.recipe-shot-x{color:#fff;cursor:pointer;opacity:0;width:22px;height:22px;transition:opacity var(--t) var(--ease);background:#0000008c;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.recipe-shot:hover .recipe-shot-x{opacity:1}.recipe-shot.add{border:1px dashed var(--line-strong);color:var(--ink-3);cursor:pointer;transition:color var(--t) var(--ease), border-color var(--t) var(--ease);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.recipe-shot.add:hover{color:var(--accent);border-color:var(--accent)}.recipe-snap{gap:8px;margin-bottom:10px;display:flex}.recipe-snap .input{flex:1;min-width:0}.recipe-version{border:1px solid var(--line);animation:rise .35s var(--ease) backwards;border-radius:10px;margin-bottom:6px;overflow:hidden}.recipe-version-head{text-align:left;width:100%;font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.recipe-version-head>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.recipe-version-head:hover{background:var(--surface-2)}.recipe-version-n{font-family:var(--serif);color:var(--accent);flex:none}.recipe-version-body{padding:0 12px 12px}.recipe-version-body pre,.recipe-preview{background:var(--surface-2);white-space:pre-wrap;word-break:break-word;color:var(--ink-2);border-radius:8px;max-height:240px;margin:0;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.7;overflow:auto}.recipe-fill{background:var(--bg-raised);border:1px solid var(--line-strong);width:min(520px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);animation:pop-in .4s var(--ease-spring);border-radius:20px;padding:26px 26px 22px;position:relative;overflow-y:auto}.recipe-fill h3{font-family:var(--serif);margin:4px 0 16px;font-size:21px;font-weight:500}.recipe-fill-fields{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.recipe-fill-fields label{color:var(--ink-2);grid-template-columns:90px 1fr;align-items:center;gap:10px;font-size:13.5px;display:grid}.recipe-fill-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}@media (width<=760px){.recipe-grid2{grid-template-columns:1fr}.recipe-fill-fields label{grid-template-columns:1fr;gap:4px}}.study-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.study-card{color:inherit;flex-direction:column;gap:4px;padding:14px 14px 16px;text-decoration:none;display:flex}.study-card h3{font-family:var(--serif);margin:10px 2px 0;font-size:18px;font-weight:500}.study-card p{padding:0 2px}.study-card-strip{aspect-ratio:4/1.2;background:var(--surface-2);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:3px;display:grid;overflow:hidden}.study-card-strip img{object-fit:cover;width:100%;height:100%;display:block}.study-card-strip>span{color:var(--ink-3);grid-column:1/-1;place-items:center;display:grid}.study-page{max-width:1440px}.study-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.study-title{width:100%;font-family:var(--serif);color:var(--ink);animation:rise .45s var(--ease) backwards;background:0 0;border:0;outline:none;padding:0;font-size:30px;font-weight:500}.study-title::placeholder,.study-work::placeholder{color:var(--ink-3)}.study-work{width:100%;font:inherit;color:var(--ink-2);background:0 0;border:0;outline:none;padding:4px 0 0;font-size:14px}.study-keys{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-2);animation:rise .3s var(--ease);flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:12px 16px;font-size:13px;display:flex}.study-keys kbd+kbd{margin-left:3px}.study-start{border:1px dashed var(--line-strong);color:var(--ink-3);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin-top:28px;padding:56px 24px;display:flex}.study-start h3{font-family:var(--serif);color:var(--ink);margin:4px 0;font-size:22px;font-weight:500}.study-start .clip-url{width:min(560px,100%)}.study-local{margin-top:6px}.study-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);align-items:start;gap:24px;margin-top:22px;display:grid}.study-left{position:sticky;top:16px}.study-player{box-shadow:var(--shadow);background:#000;border-radius:14px;overflow:hidden}.study-frame{aspect-ratio:16/9;background:#000;border:0;width:100%;display:block}.study-frame iframe{border:0;width:100%;height:100%;display:block}.study-player-note{color:#ddd;margin:0;padding:10px 14px;font-size:13px}.study-pick{color:#cfcac0;text-align:center;cursor:pointer;background:linear-gradient(160deg,#1c1b19,#0e0e0d);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13.5px;line-height:1.7;text-decoration:none;display:flex}.study-source{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.study-source>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.study-rhythm{background:var(--surface-2);border-radius:10px;align-items:flex-end;gap:2px;height:64px;margin-top:16px;padding:6px;display:flex}.study-rhythm-bar{background:color-mix(in srgb, var(--accent) 45%, transparent);cursor:pointer;min-width:4px;transition:background var(--t) var(--ease), transform var(--t) var(--ease-spring);transform-origin:bottom;animation:grow .5s var(--ease) backwards;border:0;border-radius:3px 3px 1px 1px;flex-basis:0;padding:0}.study-rhythm-bar:hover{background:var(--accent);transform:scaleY(1.06)}.study-rhythm-bar.on{background:var(--accent)}.study-rhythm-label{margin:6px 0 0}.study-right{flex-direction:column;gap:12px;min-width:0;display:flex}.study-clock{color:var(--ink-2);align-items:center;gap:8px;display:flex}.study-now{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;min-width:56px;font-size:22px}.study-set{width:92px;height:32px;padding:0 10px;font-size:13px}.study-composer{background:var(--bg-raised);border:1px solid var(--line);transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.study-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.study-composer.editing{border-color:var(--accent)}.study-composer textarea{resize:vertical;line-height:1.65}.study-composer-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.study-composer kbd{opacity:.7;margin-left:4px;font-size:10.5px}.study-t{font-variant-numeric:tabular-nums;text-align:center;width:78px;height:32px;padding:0 10px}.study-chips{flex-wrap:wrap;gap:4px;display:flex}.study-attach{aspect-ratio:16/10;background:var(--surface-2);width:120px;animation:pop-in .3s var(--ease-spring);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.study-attach img{object-fit:cover;width:100%;height:100%}.study-notes{flex-direction:column;gap:4px;max-height:62vh;padding-right:2px;display:flex;overflow-y:auto}.study-note{transition:background var(--t) var(--ease);animation:rise .35s var(--ease) backwards;border-radius:10px;grid-template-columns:56px 1fr auto;gap:10px;padding:10px 8px 10px 4px;display:grid;position:relative}.study-note:hover{background:var(--surface-2)}.study-note.on{background:var(--accent-soft)}.study-note.on .study-note-t{color:var(--accent)}.study-note.editing{outline:1px solid var(--accent)}.study-note-t{font:inherit;font-variant-numeric:tabular-nums;color:var(--ink-3);cursor:pointer;text-align:right;background:0 0;border:0;align-self:start;padding:2px 0;font-size:13px}.study-note-t:hover{color:var(--accent)}.study-note-body{cursor:text;min-width:0}.study-note-body p{color:var(--ink);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.65}.study-note-body img{border-radius:6px;width:160px;margin-top:6px;display:block}.study-note-tags{gap:4px;margin-bottom:4px;display:flex}.study-note-tags span{background:var(--surface-3);color:var(--ink-2);border-radius:99px;padding:1px 8px;font-size:11.5px}.study-note-x{opacity:0;transition:opacity var(--t) var(--ease)}.study-note:hover .study-note-x{opacity:1}.study-empty-notes{padding:16px 8px;line-height:1.8}.study-summary{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}.study-summary-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.study-summary-head p.muted{max-width:640px;margin:6px 0 0}.study-summary-body{flex-direction:column;gap:22px;margin-top:22px;display:flex}.study-overview{font-family:var(--serif);max-width:860px;margin:0;font-size:19px;line-height:1.75}.study-structure{border-left:2px solid var(--line-strong);flex-direction:column;display:flex}.study-seg{text-align:left;font:inherit;color:var(--ink-2);cursor:pointer;transition:background var(--t) var(--ease);background:0 0;border:0;border-radius:0 10px 10px 0;grid-template-columns:110px 120px 1fr;align-items:baseline;gap:14px;padding:10px 14px;font-size:14px;display:grid;position:relative}.study-seg:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:16px;left:-6px}.study-seg:hover{background:var(--surface-2)}.study-seg b{color:var(--ink);font-weight:600}.study-seg-time{font-variant-numeric:tabular-nums;color:var(--accent)}.study-two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.study-two>div,.study-practice{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.study-two p,.study-practice p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.75}.study-practice{background:var(--accent-soft);border-color:#0000}@media (width<=1000px){.study-grid{grid-template-columns:1fr}.study-left{position:static}.study-notes{max-height:none}.study-two{grid-template-columns:1fr}.study-seg{grid-template-columns:1fr;gap:2px}.study-title{font-size:24px}}.detail-rate{justify-content:space-between;align-items:center;gap:12px;display:flex}.lib-tools{align-items:center}.lib-tools .chip svg{vertical-align:-2px}.lib-keys-hint{align-items:center;gap:5px;margin-left:6px;display:inline-flex}@media (hover:none),(width<=760px){.lib-keys-hint{display:none}}.tile.kbd{outline:2px solid var(--accent);outline-offset:3px}.tile.selecting{cursor:pointer}.tile.picked{outline:2px solid var(--accent);outline-offset:3px}.tile.picked img{opacity:.82}.tile-pick{z-index:2;color:#fff;width:24px;height:24px;transition:background var(--t) var(--ease), transform var(--t) var(--ease-spring);background:#0000004d;border:1.5px solid #ffffffd9;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:10px;left:10px}.tile.picked .tile-pick{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.tile-rating{z-index:1;color:#f3e3cf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;display:inline-flex;position:absolute;bottom:34px;left:10px}.tile-rating svg{fill:currentColor}.album-bar{flex-wrap:wrap;align-items:center;gap:6px;margin:-8px 0 20px;display:flex}.album-chip{cursor:pointer;border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink-2);font:inherit;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease-spring);border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 4px;font-size:13px;display:inline-flex}.album-chip:not(:has(img)){padding-left:12px}.album-chip img{object-fit:cover;border-radius:50%;width:26px;height:26px}.album-chip:hover{border-color:var(--line-strong);transform:translateY(-1px)}.album-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.album-head{border-bottom:1px solid var(--line);animation:rise .35s var(--ease);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.album-title{font-family:var(--serif);color:var(--ink);background:0 0;border:0;outline:none;min-width:0;max-width:100%;padding:0;font-size:26px;font-weight:500}.select-bar{z-index:45;background:var(--bg-raised);border:1px solid var(--line-strong);box-shadow:var(--shadow);animation:toast-in .45s var(--ease-spring);border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 18px;font-size:13.5px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.select-bar-album{position:relative}.select-album-menu{min-width:200px;max-height:300px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.peek-bg{z-index:85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .2s var(--ease);cursor:zoom-out;background:#080807db;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:fixed;inset:0}.peek-bg img{object-fit:contain;max-width:min(1400px,100%);max-height:calc(100dvh - 120px);animation:pop-in .3s var(--ease-spring);border-radius:6px;box-shadow:0 30px 80px -20px #0009}.peek-cap{color:#ece7dd;align-items:center;gap:14px;font-size:14px;display:flex}.peek-cap .faint{color:#ece7dd8c}.compare-bg{z-index:88;background:var(--bg);animation:fade .25s var(--ease);flex-direction:column;display:flex;position:fixed;inset:0}.compare-bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 20px;display:flex}.compare-seg{width:300px}.compare-seg button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.compare-range{width:180px;accent-color:var(--accent)}.compare-hint{margin-left:auto}.compare-side{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;padding:20px;display:grid}.compare-side figure,.compare-captions figure{flex-direction:column;gap:10px;min-height:0;margin:0;display:flex}.compare-side img{object-fit:contain;width:100%;min-height:0;animation:pop-in .35s var(--ease-spring);flex:1}.compare-side figcaption,.compare-captions figcaption{color:var(--ink-2);align-items:center;gap:10px;font-size:13.5px;display:flex}.compare-side b,.compare-captions b{font-family:var(--serif);color:var(--accent);font-size:16px}.compare-swatch{border-radius:4px;margin-left:auto;display:inline-flex;overflow:hidden}.compare-swatch i{width:16px;height:16px;display:block}.compare-overlay-wrap{flex-direction:column;flex:1;align-items:center;gap:12px;min-height:0;padding:20px;display:flex}.compare-stage{-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize;background:#000;border-radius:6px;max-width:100%;height:100%;max-height:calc(100% - 50px);position:relative;overflow:hidden}.compare-stage img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.compare-top{transition:opacity .12s linear}.compare-handle{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #00000080}.compare-handle span{color:#111;letter-spacing:2px;white-space:nowrap;background:#fff;border-radius:99px;padding:6px 9px;font-size:13px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-tag{color:#fff;font-family:var(--serif);background:#0000008c;border-radius:99px;padding:2px 9px;font-size:14px;position:absolute;top:12px}.compare-tag.l{left:12px}.compare-tag.r{right:12px}.compare-captions{grid-template-columns:1fr 1fr;gap:24px;width:min(900px,100%);display:grid}.keys-sheet{background:var(--bg-raised);border:1px solid var(--line-strong);width:min(860px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);animation:pop-in .4s var(--ease-spring);border-radius:22px;padding:28px 30px;position:relative;overflow-y:auto}.keys-sheet h2{font-family:var(--serif);align-items:center;gap:8px;margin:0 0 18px;font-size:22px;font-weight:500;display:flex}.keys-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px 28px;display:grid}.keys-grid h3{letter-spacing:.08em;color:var(--ink-3);margin:0 0 8px;font-size:12px;font-weight:500}.keys-row{color:var(--ink-2);border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:5px 0;font-size:13.5px;display:flex}.keys-row>span:first-child{flex:none;gap:3px;display:inline-flex}.train-dots{align-items:center;gap:6px;margin-bottom:18px;display:flex}.train-dots>span:not(.faint){background:var(--surface-3);width:26px;height:4px;transition:background var(--t) var(--ease);border-radius:99px}.train-dots .done{background:var(--accent)!important}.train-dots .now{background:color-mix(in srgb, var(--accent) 45%, transparent)!important}.train-dots .faint{margin-left:8px}.train-stage{animation:rise .45s var(--ease)}.train-ask{font-family:var(--serif);margin:0;font-size:28px;font-weight:500}.train-ask b{color:var(--accent);font-weight:500}.train-hint{margin:6px 0 18px}.train-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.train-fig{cursor:pointer;background:var(--surface-2);outline-offset:3px;height:min(58vh,560px);transition:outline-color var(--t) var(--ease), transform var(--t) var(--ease-spring);border:0;border-radius:14px;outline:2px solid #0000;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.train-fig:not(:disabled):hover{transform:translateY(-2px)}.train-fig img{object-fit:contain;max-width:100%;max-height:100%;display:block}.train-fig.picked{outline-color:var(--accent)}.train-fig.ai{box-shadow:0 0 0 6px var(--accent-soft)}.train-tag{color:#fff;font-family:var(--serif);background:#0000008c;border-radius:99px;padding:2px 10px;font-size:15px;position:absolute;top:12px;left:12px}.train-ai,.train-mine{animation:pop-in .35s var(--ease-spring);border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex;position:absolute;bottom:12px}.train-mine{background:var(--accent);color:#fff;left:12px}.train-ai{color:#222;background:#fff;right:12px}.train-answer{align-items:flex-start;gap:12px;margin-top:16px;display:flex}.train-answer textarea{resize:vertical;flex:1;line-height:1.6}.train-answer .btn{flex:none;height:46px}.train-verdict{background:var(--surface);border:1px solid var(--line);animation:pop-in .4s var(--ease-spring);border-radius:16px;margin-top:18px;padding:18px 20px}.train-verdict p{color:var(--ink-2);margin:0 0 10px;font-size:14.5px;line-height:1.75}.train-badge{align-items:center;gap:6px;font-weight:600;display:inline-flex;color:var(--ink)!important}.train-verdict.yes{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:var(--accent-soft)}.train-about{border-top:1px dashed var(--line);padding-top:10px}.train-single{background:var(--surface-2);border-radius:14px;place-items:center;height:min(56vh,540px);margin-bottom:18px;display:grid;overflow:hidden}.train-single img{object-fit:contain;max-width:100%;max-height:100%}.train-opts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:16px;display:grid}.train-opt{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;text-align:left;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease-spring);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.train-opt b{color:var(--ink);font-weight:500}.train-opt span{color:var(--ink-3);font-size:12px}.train-opt:not(:disabled):hover{border-color:var(--line-strong);transform:translateY(-1px)}.train-opt.on{border-color:var(--accent);background:var(--accent-soft)}.train-opt.truth{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.train-opt.wrong{opacity:.55;text-decoration:line-through}.train-go{height:44px}.train-end{text-align:center;animation:pop-in .45s var(--ease-spring);padding:56px 24px}.train-end h2{font-family:var(--serif);margin:8px 0;font-size:30px;font-weight:500}.train-end-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.train-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.train-card-actions{gap:6px;display:flex}.review-growth{color:var(--accent);margin-left:8px;text-decoration:none;display:inline-block}.growth-stats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:26px;display:grid}.growth-stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:2px;padding:18px 18px 16px;display:flex}.growth-stat b{font-family:var(--serif);color:var(--ink);font-size:36px;font-weight:500;line-height:1.1}.growth-stat span{color:var(--ink-2);font-size:13.5px}.growth-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px}.growth-two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mbars{grid-template-columns:repeat(12,1fr);gap:6px;height:170px;padding-top:8px;display:grid}.mbar{flex-direction:column;gap:6px;min-width:0;display:flex}.mbar-track{border-bottom:1px solid var(--line);flex:1;align-items:flex-end;display:flex;position:relative}.mbar-fill{background:var(--accent);transform-origin:bottom;width:100%;max-width:30px;animation:grow .6s var(--ease) backwards;transition:filter var(--t) var(--ease);border-radius:4px 4px 0 0;margin:0 auto}.mbar-x{color:var(--ink-3);text-align:center;font-size:11px}.mbar-tip{white-space:nowrap;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);z-index:2;border-radius:8px;padding:4px 8px;font-size:12px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,4px)}.mbar.l .mbar-tip{left:0;transform:translateY(4px)}.mbar.r .mbar-tip{left:auto;right:0;transform:translateY(4px)}.mbar:hover .mbar-tip{opacity:1;transform:translate(-50%)}.mbar.l:hover .mbar-tip,.mbar.r:hover .mbar-tip{transform:translate(0)}.mbar:hover .mbar-fill{filter:brightness(1.12)}.hbars{flex-direction:column;gap:10px;display:flex}.hbar{grid-template-columns:96px 1fr auto;align-items:center;gap:12px;font-size:13px;display:grid}.hbar-label{color:var(--ink-2)}.hbar-track{background:var(--surface-2);border-radius:99px;height:10px;position:relative}.hbar-fill{background:var(--accent);transform-origin:0;animation:speed-grow .7s var(--ease) backwards;border-radius:99px;position:absolute;top:0;bottom:0;left:0}.hbar-mark{background:var(--ink-2);border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.hbar-val{font-variant-numeric:tabular-nums;color:var(--ink);min-width:120px}.hw-stack{flex-direction:column;gap:6px;display:flex}.hw-row{grid-template-columns:48px 1fr 40px;align-items:center;gap:10px;font-size:12.5px;display:grid}.hw-week{color:var(--ink-3);font-variant-numeric:tabular-nums}.hw-bar{gap:2px;height:12px;display:flex}.hw-bar span{animation:speed-grow .6s var(--ease) backwards;transform-origin:0;border-radius:3px}.s-met{background:var(--accent)}.s-partly{background:color-mix(in srgb, var(--accent) 50%, var(--surface-2))}.s-missed{background:var(--surface-3)}.hw-legend{gap:14px;margin-top:10px;display:flex}.hw-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.changes{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.change{color:inherit;grid-template-columns:110px 1fr;gap:14px;padding:14px;text-decoration:none;display:grid}.change img{object-fit:cover;border-radius:10px;width:110px;height:110px}.change-when{margin:0 0 2px}.change-text{color:var(--ink-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.change-text.now{color:var(--ink);margin:0}.growth-ai .section-head{align-items:flex-end}.growth-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.growth-summary>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.growth-summary>div.next{background:var(--accent-soft);border-color:#0000}.growth-summary h3{font-family:var(--serif);margin:0 0 8px;font-size:17px;font-weight:500}.growth-summary ul{color:var(--ink-2);margin:0;padding-left:18px;font-size:14px;line-height:1.75}@media (width<=900px){.growth-two,.growth-summary,.train-pair,.compare-side,.compare-captions{grid-template-columns:1fr}.train-fig{height:40vh}.train-answer{flex-direction:column;align-items:stretch}.compare-hint{display:none}.compare-seg{width:240px}.mbars{gap:3px;height:140px}.hbar{grid-template-columns:74px 1fr}.hbar-val{grid-column:2;min-width:0}.select-bar{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));border-radius:18px;flex-wrap:wrap;transform:none}}.mood-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.mood-card{color:inherit;flex-direction:column;gap:12px;padding:12px;text-decoration:none;display:flex}.mood-card .mood-frame{border-radius:10px}.mood-card-meta{justify-content:space-between;align-items:baseline;gap:10px;padding:0 4px 2px;display:flex}.mood-card-meta h3{font-family:var(--serif);margin:0;font-size:17px;font-weight:500}.mood-frame{border-radius:4px;width:100%;position:relative;overflow:hidden}.mood-art{transform-origin:0 0;position:absolute;top:0;left:0}.mood-el{box-sizing:border-box;position:absolute}.mood-img img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.mood-color{flex-direction:column;gap:8px;display:flex}.mood-color-chip{border-radius:2px;flex:1}.mood-color-label{letter-spacing:.04em;height:20px;font-family:-apple-system,PingFang SC,system-ui,sans-serif;font-size:13px}.mood-text{white-space:pre-wrap;word-break:break-word;line-height:1.35}.mood-page{max-width:1600px}.mood-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.mood-title{min-width:0;font-family:var(--serif);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:26px;font-weight:500}.mood-title::placeholder{color:var(--ink-3)}.mood-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mood-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mood-sep{background:var(--line-strong);width:1px;height:22px;margin:0 4px}.mood-aspect{width:auto;height:34px;padding:0 10px;font-size:13px}.mood-bgs{align-items:center;gap:4px;display:inline-flex}.mood-bg{border:1px solid var(--line-strong);cursor:pointer;width:22px;height:22px;transition:transform var(--t) var(--ease-spring);border-radius:50%;padding:0}.mood-bg:hover{transform:scale(1.12)}.mood-bg.on{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.mood-bgs input[type=color],.mood-inspector input[type=color]{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.mood-inspector{white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:nowrap;align-items:center;gap:8px;height:48px;margin-bottom:12px;padding:6px 10px;display:flex;overflow-x:auto}.mood-inspector .btn.on{background:var(--accent-soft);color:var(--accent)}.mood-field{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.mood-field input[type=range]{width:120px;accent-color:var(--accent)}.mood-field span{font-variant-numeric:tabular-nums;width:28px}.mood-seg{width:120px}.mood-small{width:160px;height:32px;padding:0 10px;font-size:13px}.mood-frame.editing{box-shadow:var(--shadow);outline:1px solid var(--line);cursor:default;-webkit-user-select:none;user-select:none}.mood-hit>.mood-el{cursor:move;transition:outline-color var(--t-fast) var(--ease);outline-offset:2px;outline:2px solid #0000}.mood-hit:hover>.mood-el{outline-color:color-mix(in srgb, var(--accent) 45%, transparent)}.mood-hit.sel>.mood-el{outline:3px solid var(--accent)}.mood-handle{border:3px solid var(--accent);cursor:nwse-resize;transform-origin:50%;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-9px;right:-9px;box-shadow:0 2px 8px #00000040}.mood-editing{outline:3px solid var(--accent);resize:none;background:#ffffff0f;border:0;padding:0;overflow:hidden}.mood-empty{color:var(--ink-3);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.mood-empty .btn{pointer-events:auto}@media (width<=760px){.mood-title{font-size:20px}.mood-toolbar .btn-sm{padding:0 10px}}.case-editor{background:var(--surface);border:1px solid var(--line);animation:rise .4s var(--ease) backwards;border-radius:18px;margin-top:36px;padding:22px 24px}.case-editor.off{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.case-editor h3{font-family:var(--serif);align-items:center;gap:8px;margin:0 0 6px;font-size:19px;font-weight:500;display:flex}.case-editor.off p{max-width:620px;margin:0}.case-editor-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.case-stage-edit{border-top:1px dashed var(--line);flex-direction:column;gap:10px;margin-top:22px;padding-top:18px;display:flex}.case-stage-head{align-items:center;gap:8px;display:flex}.case-stage-title{font-family:var(--serif);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:18px}.case-compare-edit{animation:pop-in .3s var(--ease-spring);grid-template-columns:72px auto 72px 1fr auto;align-items:center;gap:10px;display:grid}.case-compare-edit img{object-fit:cover;border-radius:6px;width:72px;height:54px}.case{margin-top:36px}.case-meta{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0 0 40px;display:grid}.case-meta>div{padding:16px 18px 16px 0}.case-meta dt{letter-spacing:.12em;color:var(--ink-3);margin-bottom:6px;font-size:11.5px}.case-meta dd{color:var(--ink);margin:0;font-size:15px}.case-section{margin:0 0 64px}.case-num{font-family:var(--serif);color:var(--accent);letter-spacing:.08em;margin:0;font-size:15px}.case-section h2{font-family:var(--serif);margin:4px 0 18px;font-size:34px;font-weight:500}.case-text{max-width:720px;color:var(--ink-2);margin:0 0 14px;font-size:16px;line-height:1.9}.case-gallery{gap:14px;margin-top:22px;display:grid}.case-gallery.n2,.case-gallery.n3{grid-template-columns:1fr 1fr}.case-gallery.n3 figure:first-child{grid-column:1/-1}.case-gallery figure{margin:0}.case-gallery img{border-radius:4px;width:100%;height:auto;display:block}.case-gallery figcaption,.case-ba figcaption{color:var(--ink-3);margin-top:8px;font-size:13px}.case-ba{margin:22px 0 0}.case-ba-stage{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--surface-2);border-radius:4px;outline:none;position:relative;overflow:hidden}.case-ba-stage img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.case-ba-line{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #0006}.case-ba-line i{color:#111;white-space:nowrap;transition:transform var(--t) var(--ease-spring);background:#fff;border-radius:99px;padding:6px 9px;font-size:13px;font-style:normal;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-ba-stage:hover .case-ba-line i{transform:translate(-50%,-50%)scale(1.1)}.case-ba-tag{color:#fff;background:#00000080;border-radius:99px;padding:3px 10px;font-size:12px;position:absolute;bottom:12px}.case-ba-tag.l{left:12px}.case-ba-tag.r{right:12px}.case-more{font-family:var(--serif);margin:20px 0 0;font-size:26px;font-weight:500}@media (width<=760px){.case-section h2{font-size:26px}.case-gallery.n2,.case-gallery.n3{grid-template-columns:1fr}.case-compare-edit{grid-template-columns:56px auto 56px}.case-compare-edit input{grid-column:1/-1}}@media print{@page{margin:14mm 12mm}html,body{color:#1a1816!important;background:#fff!important}.rail,.tabbar,.work-detail-top,.install-banner,.app-status,.ambient-light,.grain,.cursor-ring,.cursor-dot,.toast,.no-print,.work-next,.notice{display:none!important}.shell{display:block!important}.page{max-width:none!important;padding:0!important}.route{animation:none!important}*{box-shadow:none!important;transition:none!important;animation:none!important}.work-detail .title,.case-section h2,.case-meta dd,.work-summary{color:#1a1816!important}.case-text,.work-body,.case-meta dt,figcaption{color:#4a453e!important}.case-section{break-inside:auto;margin-bottom:36px}.case-section h2{break-after:avoid}figure,.case-ba-stage,.case-gallery img,.work-image{break-inside:avoid}.case-ba-line,.case-ba-tag{display:none}.case-ba-before{clip-path:inset(0 50% 0 0)!important}a{color:inherit!important;text-decoration:none!important}}.restore-dialog{background:var(--bg-raised);border:1px solid var(--line);width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow);animation:pop-in .45s var(--ease);border-radius:20px;margin:auto;padding:22px 26px 26px;overflow-y:auto}.restore-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.restore-drop{border:1.5px dashed var(--line-strong);background:var(--surface);width:100%;color:var(--ink-2);cursor:pointer;font:inherit;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease-spring);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:30px 16px;display:flex}.restore-drop:hover,.restore-drop.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.restore-drop.on{transform:scale(1.015)}.restore-drop.has{flex-direction:row;justify-content:center;padding:14px 16px}.restore-drop.has small{display:none}.restore-plan{animation:rise .4s var(--ease);margin-top:18px}.restore-date{color:var(--ink-2);margin:0 0 12px}.restore-date b{color:var(--ink);font-weight:500}.restore-counts{flex-wrap:wrap;gap:6px;display:flex}.restore-counts span{background:var(--surface-2);color:var(--ink-2);animation:rise .4s var(--ease) backwards;border-radius:999px;padding:5px 11px;font-size:12.5px}.restore-counts b{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:4px;font-weight:600}.restore-opt{background:var(--surface);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;margin:18px 0 4px;padding:12px 14px;display:flex}.restore-opt input{accent-color:var(--accent);margin-top:4px}.restore-opt span{flex-direction:column;gap:3px;display:flex}.restore-opt b{font-weight:500}.restore-notes{margin:12px 0 0;padding-left:18px;line-height:1.8}.restore-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.restore-run{padding:18px 0 6px}.restore-run p:first-child{font-variant-numeric:tabular-nums;margin:0 0 12px}.restore-bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.restore-bar span{background:linear-gradient(90deg, var(--accent), var(--accent-glow,var(--accent)));transform-origin:0;height:100%;transition:transform .4s var(--ease);display:block}.restore-done{text-align:center;padding:8px 0 0}.restore-done h3{font-family:var(--serif);margin:12px 0 6px;font-size:22px;font-weight:500}.restore-check{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);animation:pop-in .5s var(--ease-spring);border-radius:50%;place-items:center;margin:0 auto;display:grid}.restore-failed{text-align:left;margin-top:14px}.restore-failed ul{margin:6px 0 0;padding-left:18px}.restore-done .restore-actions{justify-content:center}.tools-page{position:relative}.tools-empty{flex-direction:column;align-items:center;gap:14px;margin-top:12px;display:flex}.tools-drop{border:1.5px dashed var(--line-strong);background:var(--surface);width:min(640px,100%);color:var(--ink-2);cursor:pointer;font:inherit;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease-spring);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:64px 20px;display:flex}.tools-drop b{color:var(--ink);font-size:16px;font-weight:500}.tools-drop:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.tools-drop:active{transform:scale(.99)}.tools-dropmask{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent);pointer-events:none;animation:fade .2s var(--ease);background:#08080799;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.tools-dropmask span{color:#ecebe6;font-size:16px}.tools-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.tools-main{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:20px}.tools-preview{animation:rise .4s var(--ease)}.tools-canvas{background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface) 0 50%) 0 0 / 18px 18px;border:1px solid var(--line);border-radius:18px;place-items:center;height:min(62vh,640px);padding:18px;display:grid;position:relative}.tools-canvas canvas{touch-action:none;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:calc(min(62vh,640px) - 38px);box-shadow:0 10px 40px #00000047}.tools-canvas canvas.pan{cursor:grab}.tools-canvas canvas.pan:active{cursor:grabbing}.tools-canvas-wait{color:var(--ink-3);position:absolute}.tools-meta{font-variant-numeric:tabular-nums;margin:8px 2px 0}.tools-meta b{color:var(--ink-2);font-weight:500}.tools-strip{scrollbar-width:thin;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.tools-thumb{cursor:pointer;width:96px;font:inherit;color:var(--ink-3);animation:rise .35s var(--ease) backwards;background:0 0;border:0;flex-direction:column;flex:none;gap:5px;padding:0;display:flex;position:relative}.tools-thumb img,.tools-thumb>span:first-child{object-fit:cover;background:var(--surface-2);outline-offset:2px;width:96px;height:72px;transition:outline-color var(--t) var(--ease), transform var(--t) var(--ease-spring);border-radius:10px;outline:2px solid #0000;display:block}.tools-thumb:hover img{transform:translateY(-2px)}.tools-thumb.on img{outline-color:var(--accent)}.tools-thumb>span:last-of-type{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tools-thumb.on>span:last-of-type{color:var(--ink)}.tools-thumb button{color:#fff;cursor:pointer;opacity:0;width:20px;height:20px;transition:opacity var(--t) var(--ease);background:#0a0a09a6;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.tools-thumb:hover button{opacity:1}.tools-add{border:1.5px dashed var(--line-strong);height:72px;color:var(--ink-3);border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:6px;font-size:12.5px}.tools-add:hover{border-color:var(--accent);color:var(--accent)}.tools-side{max-height:calc(100vh - 40px);padding:6px 20px 20px;position:sticky;top:20px;overflow-y:auto}.tools-group{border-bottom:1px solid var(--line);padding:16px 0}.tools-group-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tools-group-head h3{align-items:center;gap:7px;margin:0;font-size:14px;font-weight:500;display:flex}.tools-group-head h3 svg{color:var(--accent)}.tools-row{margin-top:16px}.tools-inline{align-items:center;gap:8px;margin-top:10px;display:flex}.tools-row .tools-inline{margin-top:0}.tools-side .input-sm,.tools-side .select-sm{width:auto;min-width:0;height:32px;padding:0 10px;font-size:13px}.tools-side .input-sm[type=number]{width:90px}.tools-side>.tools-group>.input-sm{width:100%}.tools-hint{flex-wrap:wrap;align-items:center;gap:5px;margin:8px 0 0;display:flex}.tools-name{font-family:var(--mono);color:var(--ink-2);word-break:break-all;font-weight:400}.tools-logo{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.tools-logo img{object-fit:contain;background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface) 0 50%) 0 0 / 10px 10px;border-radius:6px;max-width:120px;height:36px;padding:4px}.tools-wm{align-items:flex-start;gap:18px;margin-top:14px;display:flex}.tools-pos{background:var(--surface-2);transition:opacity var(--t) var(--ease);border-radius:10px;grid-template-columns:repeat(3,22px);gap:4px;padding:6px;display:grid}.tools-pos.off{opacity:.4}.tools-pos button{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;display:grid}.tools-pos button i{background:var(--ink-3);width:6px;height:6px;transition:transform .3s var(--ease-spring), background var(--t) var(--ease);border-radius:50%}.tools-pos button:hover i{transform:scale(1.4)}.tools-pos button.on{background:var(--surface)}.tools-pos button.on i{background:var(--accent);transform:scale(1.6)}.tools-sliders{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.tools-sliders label{color:var(--ink-2);grid-template-columns:44px 1fr 36px;align-items:center;gap:8px;font-size:12.5px;display:grid}.tools-sliders input[type=range]{width:100%;accent-color:var(--accent)}.tools-sliders span{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px}.tools-colors{grid-column:2/4;align-items:center;gap:6px;display:flex}.tools-colors button{border:1px solid var(--line-strong);cursor:pointer;width:20px;height:20px;transition:transform .3s var(--ease-spring);border-radius:50%;padding:0}.tools-colors button.on{box-shadow:0 0 0 2px var(--bg-raised), 0 0 0 3.5px var(--accent)}.tools-colors button:hover{transform:scale(1.15)}.tools-colors input[type=color]{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0}.tools-check{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;display:flex}.tools-check input{accent-color:var(--accent)}.tools-check span{align-items:center;gap:5px;display:inline-flex}.tools-go{flex-wrap:wrap;gap:10px;padding-top:18px;display:flex}.tools-go .btn-primary{flex:1;justify-content:center}@media (width<=900px){.tools-grid{grid-template-columns:1fr}.tools-main,.tools-side{max-height:none;position:static}.tools-canvas{height:46vh;padding:10px}.tools-canvas canvas{max-height:calc(46vh - 22px)}.tools-thumb button{opacity:1}}.tools-group .seg{margin:0}.guess-box{background:var(--surface);border:1px dashed var(--line-strong);animation:rise .4s var(--ease);border-radius:14px;padding:18px}.guess-q{color:var(--ink-2);margin:0 0 12px;font-size:14px;line-height:1.7}.guess-box .textarea{min-height:104px}.guess-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.guess-result{background:var(--accent-soft);animation:rise .45s var(--ease);border-radius:14px;padding:16px 18px}.guess-mine{font-family:var(--serif);color:var(--ink);white-space:pre-wrap;margin:0 0 12px;font-size:16px;line-height:1.7}.guess-fb{flex-direction:column;gap:10px;display:flex}.guess-fb>div{animation:rise .4s var(--ease) backwards}.guess-fb>div:nth-child(2){animation-delay:80ms}.guess-fb h5{letter-spacing:.06em;color:var(--accent);align-items:center;gap:5px;margin:0 0 4px;font-size:12px;font-weight:500;display:flex}.guess-fb .missed h5{color:var(--ink-2)}.guess-fb ul{color:var(--ink-2);margin:0;padding-left:18px;font-size:13.5px;line-height:1.7}.guess-tip{color:var(--ink);align-items:baseline;gap:6px;margin:2px 0 0;font-size:13.5px;display:flex}.guess-tip svg{color:var(--accent);flex:none;transform:translateY(2px)}.guess-toggle{border:1px solid var(--line);font:inherit;letter-spacing:0;color:var(--ink-3);cursor:pointer;transition:color var(--t) var(--ease), border-color var(--t) var(--ease);background:0 0;border-radius:999px;margin-left:10px;padding:1px 9px;font-size:11px}.guess-toggle:hover{color:var(--ink);border-color:var(--line-strong)}.reveal-in{animation:reveal-in .6s var(--ease)}@keyframes reveal-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}}.cs{flex-direction:column;gap:16px;margin-top:14px;display:flex}.cs-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cs-tile{background:var(--surface);transition:border-color var(--t) var(--ease), transform var(--t) var(--ease-spring);border:1px solid #0000;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.cs-tile:hover{transform:translateY(-2px)}.cs-tile:after{content:"";background:var(--accent);opacity:.8;border-radius:50%;width:7px;height:7px;position:absolute;top:15px;right:15px}.cs-tile.warn{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.cs-tile.warn:after{background:var(--danger);animation:breathe 2.4s var(--ease) infinite}.cs-kind{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;display:flex}.cs-kind svg{color:var(--accent)}.cs-tile b{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:28px;font-weight:500;line-height:1.1}.cs-tile b small{font-family:var(--sans,inherit);color:var(--ink-3);font-size:12.5px;font-weight:400}.cs-days{align-items:flex-end;gap:4px;height:22px;margin-top:2px;display:flex}.cs-day{background:var(--surface-2);border-radius:3px;flex:1;align-items:flex-end;height:100%;display:flex;overflow:hidden}.cs-day i{background:var(--accent);opacity:.5;width:100%;transition:height .6s var(--ease);border-radius:3px;display:block}.cs-day.full i{opacity:.9}.cs-day.today{outline:1px solid var(--line-strong);outline-offset:1px}.cs-alert{color:var(--ink);margin:0}.cs-cats-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.cs-bars{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.cs-bar{color:var(--ink-2);flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:11.5px;text-decoration:none;display:flex}.cs-bar-track{background:var(--surface);width:100%;height:56px;transition:background var(--t) var(--ease);border-radius:8px;align-items:flex-end;display:flex;overflow:hidden}.cs-bar-track i{background:var(--accent);width:100%;animation:grow-up .7s var(--ease) backwards;border-radius:8px 8px 0 0;display:block}@keyframes grow-up{0%{transform-origin:bottom;transform:scaleY(0)}}a.cs-bar:hover .cs-bar-track{background:var(--surface-2)}.cs-bar b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.cs-bar>span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.cs-bar.gap .cs-bar-track{border:1px dashed var(--line-strong);background:0 0}.cs-bar.gap b{color:var(--danger);font-weight:500}.cs-spots{align-items:baseline;gap:6px;margin:0;display:flex}.cs-spots svg{color:var(--accent);flex:none;transform:translateY(2px)}.cs-foot{justify-content:space-between;gap:8px;display:flex}.cs-log{animation:rise .35s var(--ease);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cs-log li{border-top:1px solid var(--line);grid-template-columns:120px 1fr auto;gap:10px;padding:7px 2px;font-size:13px;display:grid}.cs-log b{font-variant-numeric:tabular-nums;font-weight:500}.digest-foot{border-top:1px solid var(--line);transition:color var(--t) var(--ease);margin-top:10px;padding-top:10px;text-decoration:none;display:block}.digest-foot:hover{color:var(--ink-2)}@media (width<=720px){.cs-tiles{grid-template-columns:1fr}.cs-bars{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:12px}.cs-log li{grid-template-columns:96px 1fr auto;font-size:12.5px}}.autotag{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.autotag-row{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.autotag-row>span{flex-direction:column;gap:4px;display:flex}.autotag-row b{font-weight:500}.autotag-row b svg{color:var(--accent)}.autotag-backfill{background:var(--surface);animation:rise .35s var(--ease);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.tag.tag-ai{background:color-mix(in srgb, var(--accent) 14%, var(--surface-2))}.tag.tag-ai:before{content:"✦";color:var(--accent);margin-right:1px;font-size:9px}.gl-toolbar{align-items:flex-end}.gl-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gl-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.gl-card-mini{text-align:left;cursor:pointer;border:1px solid var(--line);font:inherit;color:inherit;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.gl-card-mini img,.gl-noimg{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);width:100%;display:block}.gl-noimg{color:var(--ink-3);place-items:center;display:grid}.gl-card-mini img{transition:transform .6s var(--ease)}.gl-card-mini:hover img{transform:scale(1.04)}.gl-mini-body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.gl-mini-body b{font-family:var(--serif);font-size:17px;font-weight:500}.gl-card-mini.due{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.gl-due{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 9px;font-size:11px;position:absolute;top:10px;left:10px}.gl-dots{align-items:center;gap:3px;display:inline-flex}.gl-dots i{background:var(--surface-3);width:6px;height:6px;transition:background var(--t) var(--ease);border-radius:50%}.gl-dots i.on{background:var(--accent)}.gl-def{background:var(--surface);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;display:flex}.gl-what{font-family:var(--serif);margin:0;font-size:17px;line-height:1.65}.gl-def dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13.5px;display:grid}.gl-def dt{color:var(--accent);white-space:nowrap}.gl-def dd{color:var(--ink-2);margin:0;line-height:1.7}.gl-examples{flex-direction:column;gap:14px;display:flex}.gl-example{border-bottom:1px solid var(--line);animation:rise .4s var(--ease) backwards;padding-bottom:14px}.gl-frames{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px;display:grid}.gl-frames img{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);border-radius:6px;width:100%}.gl-frames.big{justify-content:center;gap:6px;margin-top:16px;display:flex}.gl-frames.big img{border-radius:8px;flex:1 1 0;min-width:0;max-width:300px}.gl-example-text{color:var(--ink-2);margin:0 0 6px;font-size:14px;line-height:1.75}.gl-example-src{align-items:center;gap:5px;text-decoration:none;display:inline-flex}.gl-example-src:hover{color:var(--ink-2)}.gl-review{background:var(--bg-raised);border:1px solid var(--line);width:min(680px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow);animation:pop-in .45s var(--ease);border-radius:22px;margin:auto;padding:18px 26px 28px;overflow-y:auto}.gl-review-top{align-items:center;gap:12px;margin-bottom:8px;display:flex}.gl-review-progress{background:var(--surface-2);border-radius:999px;flex:1;height:4px;overflow:hidden}.gl-review-progress span{background:var(--accent);transform-origin:0;height:100%;transition:transform .5s var(--ease);display:block}.gl-card{text-align:center;animation:rise .4s var(--ease);flex-direction:column;align-items:center;padding:18px 0 4px;display:flex}.gl-card-term{font-family:var(--serif);letter-spacing:.02em;margin:0;font-size:34px;font-weight:500}.gl-card .gl-frames{width:100%}.gl-card-q{color:var(--ink-2);text-align:left;align-items:baseline;gap:6px;margin:18px 0 16px;font-size:14px;display:flex}.gl-card-q svg{color:var(--accent);flex:none;transform:translateY(2px)}.gl-answer{text-align:left;flex-direction:column;gap:10px;width:100%;margin-top:16px;display:flex}.gl-answer-ex{background:var(--surface);border-radius:12px;margin:0;padding:14px 16px;font-size:15px;line-height:1.8}.gl-answer-def{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.7}.gl-answer-def b{color:var(--ink);font-weight:500}.gl-grades{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.gl-grades .btn{flex-wrap:wrap;justify-content:center;gap:4px 6px;height:auto;padding:10px 8px}.gl-grades kbd{font-family:var(--mono);opacity:.5;border:1px solid;border-radius:4px;padding:0 5px;font-size:10.5px}.gl-grades small{opacity:.7;flex-basis:100%;font-size:11px}.gl-review-done{text-align:center;padding:30px 0 10px}.gl-review-done h3{font-family:var(--serif);margin:14px 0 6px;font-size:22px;font-weight:500}.train-terms{color:var(--ink-2);transition:color var(--t) var(--ease);align-items:center;gap:6px;margin-top:10px;text-decoration:none;display:inline-flex}.train-terms:hover,.train-terms svg{color:var(--accent)}.film-remake{border:1px solid var(--line-strong);color:var(--ink-2);font:inherit;cursor:pointer;opacity:0;transition:opacity var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:4px;margin-left:10px;padding:2px 9px;font-size:11.5px;display:inline-flex}.film-frame:hover .film-remake,.film-frame.on .film-remake{opacity:1}.film-remake:hover{color:var(--accent);border-color:var(--accent)}.principle-term{transition:color var(--t) var(--ease);align-items:center;gap:4px;margin-top:10px;text-decoration:none;display:inline-flex}.principle-term:hover{color:var(--accent)}.practice-go{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}@media (width<=720px){.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gl-card-term{font-size:28px}.film-remake{opacity:1}}