.app{display:flex;flex-direction:column;height:100%;height:100dvh}.app-main{flex:1;min-height:0;overflow-y:auto}.app-main.is-main{overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:env(safe-area-inset-top);padding-right:max(20px,env(safe-area-inset-right));padding-left:max(20px,env(safe-area-inset-left));min-height:calc(56px + env(safe-area-inset-top));background:var(--c-surface);color:var(--c-text);border-bottom:1px solid var(--c-border);z-index:10;flex-shrink:0}.app-header-brand{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--c-accent);color:#fff}.brand-mark svg{width:17px;height:17px;display:block}.brand-name{font-weight:600;font-size:15px;color:var(--c-text)}.brand-year{font-weight:400;color:var(--c-text-faint);font-size:13px}.app-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.header-btn{color:var(--c-text-muted)}.header-btn:hover:not(:disabled){background:var(--c-surface-2)!important;color:var(--c-text)}@media (max-width: 960px){.app-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.brand-year{display:none}.app-header-actions{gap:0}.app-header .btn-sm:not(.btn-icon){padding-left:8px;padding-right:8px}}.lang-switch.header-more{display:none}@media (max-width: 767px),(max-height: 480px) and (pointer: coarse){.app-header .header-collapsible{display:none}.lang-switch.header-more{display:inline-flex}}.lang-switch{position:relative;display:inline-flex;margin-left:6px}.lang-trigger{gap:5px}.lang-trigger-code{font-size:12px;font-weight:600;letter-spacing:.01em}.lang-caret{font-size:10px;color:var(--c-text-faint);transition:transform .15s ease}.lang-caret.is-open{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:184px;max-height:min(60vh,360px);overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow)}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:calc(var(--radius) - 3px);background:transparent;color:var(--c-text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:background .12s ease}.lang-option:hover:not(:disabled){background:var(--c-surface-2)}.lang-option.is-active{color:var(--c-accent);font-weight:600}.lang-option:disabled{opacity:.45;cursor:default}.lang-option-code{min-width:26px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--c-text-faint)}.lang-option.is-active .lang-option-code{color:var(--c-accent)}.lang-option-name{flex:1}.lang-option-check{width:12px;color:var(--c-accent)}.landing{position:relative;isolation:isolate;overflow:hidden;min-height:100%;padding:24px 24px 0}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:radial-gradient(var(--c-text-faint) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(72% 60% at 50% 0%,#000,transparent 78%);mask-image:radial-gradient(72% 60% at 50% 0%,#000,transparent 78%);opacity:.35}.landing:after{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:-1;pointer-events:none;background:radial-gradient(860px 600px at 50% -14%,var(--c-accent-soft),transparent 70%),radial-gradient(620px 500px at 4% 0%,rgba(99,102,241,.28),transparent 72%),radial-gradient(680px 520px at 99% -2%,rgba(65,173,110,.2),transparent 72%);animation:lp-drift 16s ease-in-out infinite alternate}.landing-top{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:1080px;margin:0 auto}.landing-hero{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:52px 0 76px}.landing-copy>*{animation:lp-rise .62s cubic-bezier(.2,.7,.2,1) both}.landing-copy>*:nth-child(1){animation-delay:.02s}.landing-copy>*:nth-child(2){animation-delay:.09s}.landing-copy>*:nth-child(3){animation-delay:.16s}.landing-copy>*:nth-child(4){animation-delay:.23s}.landing-copy>*:nth-child(5){animation-delay:.3s}.landing-brand{display:flex;align-items:center;gap:16px;margin-bottom:26px}.landing-mark{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:linear-gradient(140deg,#6366f1,#8b5cf6 45%,#a855f7);background-size:180% 180%;color:#fff;box-shadow:0 16px 34px -10px #7c3aeda6,inset 0 1px #ffffff73;animation:lp-shine 7s linear infinite}.landing-mark svg{width:34px;height:34px;position:relative;z-index:1}.landing-mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(150deg,rgba(255,255,255,.4),transparent 48%)}.landing-wordmark{font-size:clamp(38px,5.4vw,62px);font-weight:800;letter-spacing:-.035em;line-height:1;background:linear-gradient(100deg,#6366f1,#818cf8 16%,#a855f7 34%,#6366f1,#a855f7 66%,#818cf8 84%,#6366f1);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:lp-shine 7s linear infinite}.landing-title{font-size:clamp(26px,3.2vw,40px);font-weight:700;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;margin-bottom:20px;color:var(--c-text)}.landing-sub{font-size:18px;color:var(--c-text-muted);line-height:1.6;max-width:46ch;margin:0 0 32px}.landing-actions{display:flex;align-items:center;gap:12px}.landing-cta{position:relative;overflow:hidden;font-size:17px;font-weight:700;padding:16px 34px;border:none;background:linear-gradient(120deg,var(--c-accent),var(--c-accent-strong));box-shadow:0 14px 34px -10px #4f46e5b3,inset 0 1px #ffffff47;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.landing-cta:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 20px 44px -10px #4f46e5bf,inset 0 1px #ffffff47;background:linear-gradient(120deg,var(--c-accent),var(--c-accent-strong))}.landing-cta:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:lp-sheen 4s ease-in-out infinite;pointer-events:none}.landing-cta-arrow{font-size:18px;transition:transform .16s ease}.landing-cta:hover:not(:disabled) .landing-cta-arrow{transform:translate(5px)}.landing-note{font-size:12.5px;line-height:1.6;max-width:46ch;margin:22px 0 0}.landing-preview{position:relative;display:flex;justify-content:center;animation:lp-rise .7s .18s cubic-bezier(.2,.7,.2,1) both}.lp-window{position:relative;width:100%;max-width:480px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transition:transform .35s ease}.landing-preview:hover .lp-window{transform:scale(1.02)}.lp-chrome{display:flex;gap:6px;padding:11px 14px;background:var(--c-surface-2);border-bottom:1px solid var(--c-border)}.lp-dot{width:9px;height:9px;border-radius:999px;background:var(--c-border-strong)}.lp-board{display:flex;gap:8px;padding:14px}.lp-times{display:flex;flex-direction:column;justify-content:space-between;padding:22px 0 4px;font-size:9px;font-weight:600;color:var(--c-text-faint)}.lp-cols{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.lp-col{display:flex;flex-direction:column;gap:8px}.lp-day{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--c-text-faint)}.lp-slots{position:relative;height:180px;border-radius:var(--radius-sm);background:var(--c-surface-2);background-image:linear-gradient(var(--c-border) 1px,transparent 1px);background-size:100% 36px}.lp-block{position:absolute;left:3px;right:3px;padding:4px 7px;border-radius:6px;border:1px solid;border-left-width:5px;overflow:hidden}.lp-block-code{font-size:9.5px;font-weight:700;letter-spacing:.02em}.lp-t{background:var(--c-type-t-bg);border-color:var(--c-type-t)}.lp-t .lp-block-code{color:var(--c-type-t-text)}.lp-tp{background:var(--c-type-tp-bg);border-color:var(--c-type-tp)}.lp-tp .lp-block-code{color:var(--c-type-tp-text)}.lp-p{background:var(--c-type-p-bg);border-color:var(--c-type-p)}.lp-p .lp-block-code{color:var(--c-type-p-text)}.lp-float{position:absolute;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lp-float-rank{top:6px;right:-8px;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:600;animation:lp-bob 5s ease-in-out infinite}.lp-float-tick{display:grid;place-items:center;width:16px;height:16px;border-radius:999px;background:var(--c-ok);color:#fff;font-size:10px;font-weight:700}.lp-float-best{left:-18px;bottom:22px;display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:var(--radius);animation:lp-bob 6s ease-in-out .6s infinite}.lp-float-medal{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--c-accent-soft);color:var(--c-accent);font-size:14px}.lp-float-text{display:flex;flex-direction:column;line-height:1.25}.lp-float-text strong{font-size:12.5px}.lp-float-text .faint{font-size:10.5px}.landing-features{max-width:1120px;margin:0 auto;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-feature{--feat: var(--c-accent);--feat-dark: var(--c-accent-strong);--feat-bg: var(--c-accent-soft);position:relative;overflow:hidden;padding:30px 26px 28px}.landing-feature:nth-child(1){--feat: var(--c-type-t);--feat-dark: var(--c-type-t-text);--feat-bg: var(--c-type-t-bg)}.landing-feature:nth-child(2){--feat: var(--c-type-tp);--feat-dark: var(--c-type-tp-text);--feat-bg: var(--c-type-tp-bg)}.landing-feature:nth-child(3){--feat: var(--c-type-p);--feat-dark: var(--c-type-p-text);--feat-bg: var(--c-type-p-bg)}.landing-feature:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--feat),var(--feat-dark))}.landing-feature-step{position:absolute;top:4px;right:18px;font-size:76px;font-weight:800;line-height:1;letter-spacing:-.05em;background:linear-gradient(160deg,var(--feat),var(--feat-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:.12;pointer-events:none}.landing-feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:16px;color:var(--feat-dark);background:var(--feat-bg);border:1px solid var(--c-border)}.landing-feature-icon svg{width:24px;height:24px}.landing-feature-title{font-size:17px;font-weight:800;letter-spacing:-.015em;margin-bottom:7px;color:var(--c-text)}.landing-feature-body{font-size:14px;line-height:1.6;margin:0}.landing-footer{position:relative;margin:76px -24px 0;padding:52px 24px 0;border-top:1px solid var(--c-border);background:var(--c-surface)}.landing-footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--c-border-strong)}.landing-footer-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.3fr 2fr;gap:48px;padding-bottom:44px}.lf-brand-row{display:flex;align-items:center;gap:11px;margin-bottom:14px}.lf-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(140deg,var(--c-accent),#a855f7);box-shadow:0 8px 18px -8px #7c3aed99,inset 0 1px #fff6}.lf-mark svg{width:22px;height:22px}.lf-name{font-size:20px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(100deg,var(--c-accent),#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lf-tagline{font-size:14px;line-height:1.6;color:var(--c-text-muted);max-width:34ch;margin:0 0 22px}.lf-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.lf-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.lf-col-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-faint);margin:0 0 3px}.lf-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;font:inherit;font-size:14px;color:var(--c-text-muted);text-align:left;text-decoration:none;cursor:pointer;transition:color .14s ease}.lf-link:hover{color:var(--c-accent);text-decoration:none}.landing-footer-bar{max-width:1120px;margin:0 auto;padding:18px 0 32px;border-top:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12.5px;color:var(--c-text-muted)}@keyframes lp-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes lp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lp-shine{to{background-position:220% center}}@keyframes lp-sheen{0%{left:-75%}55%,to{left:160%}}@keyframes lp-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-16px,0) scale(1.06)}}@media (max-width: 920px){.landing-hero{grid-template-columns:1fr;gap:36px;padding:32px 0 48px}.landing-features{grid-template-columns:1fr}.landing-footer-inner{grid-template-columns:1fr;gap:36px}}@media (max-width: 560px){.landing-preview{display:none}.lf-cols{grid-template-columns:1fr 1fr;gap:24px 20px}.landing-footer-bar{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion: reduce){.landing:after,.landing-copy>*,.landing-preview,.landing-wordmark,.landing-mark,.landing-cta:after,.lp-float-rank,.lp-float-best{animation:none}.lp-window{transform:none}}.showcase{margin-top:84px}.showcase-inner{max-width:1120px;margin:0 auto}.showcase-head{max-width:660px;margin:0 auto 30px;text-align:center}.showcase-eyebrow{display:inline-block;margin-bottom:14px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c-accent);background:var(--c-accent-soft);border:1px solid var(--c-border)}.showcase-title{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.025em;line-height:1.1;text-wrap:balance;margin:0 0 12px;color:var(--c-text)}.showcase-sub{font-size:16px;line-height:1.6;color:var(--c-text-muted);margin:0}.demo{display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden;box-shadow:var(--shadow-lg)}.demo-controls{display:flex;flex-direction:column;gap:22px;padding:22px;border-right:1px solid var(--c-border);background:var(--c-surface-2)}.demo-label{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-faint)}.demo-chips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.demo-chip{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);font-size:12.5px}.demo-chip-acronym{min-width:44px;font-weight:700;color:var(--c-accent)}.demo-chip-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text-muted)}.demo-group h4{margin:0 0 9px;font-size:13px;font-weight:700;color:var(--c-text)}.demo-stage{display:flex;flex-direction:column;gap:14px;min-width:0;padding:18px}.demo-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:34px}.demo-colormode-spacer{flex:1}.demo-results{display:flex;align-items:center;gap:16px;flex:1;min-width:0;flex-wrap:wrap}.demo-results-info{display:flex;align-items:center;gap:10px}.demo-count{font-size:15px;font-weight:800;color:var(--c-text)}.demo-best{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--c-accent);background:var(--c-accent-soft)}.demo-browse{display:flex;align-items:center;gap:10px;flex:1;min-width:190px}.demo-browse .navigator-range{flex:1}.demo-position{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.demo-colormode{display:inline-flex;align-items:center;gap:8px;font-size:12px}.seg{display:inline-flex;padding:2px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface-2)}.seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:4px 11px;border-radius:999px;background:transparent;color:var(--c-text-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}.seg-btn.is-active{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow)}.demo-board{position:relative;overflow-x:auto}.demo-grid{min-height:0}.demo-grid .grid-body{flex:none}.demo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;border-radius:var(--radius-lg)}.demo-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--c-surface);opacity:.82;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.demo-overlay>*{position:relative;z-index:1}.demo-overlay-lead{margin:0;font-size:16px;font-weight:700;color:var(--c-text)}.demo-overlay-note{margin:0;max-width:38ch;font-size:12.5px}.demo-overlay-count{margin:0;font-size:15px;font-weight:700;color:var(--c-accent)}.demo-generate{padding:12px 24px;font-size:15px}.demo-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-restart{margin-left:auto}.showcase-cta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:26px;text-align:center}.showcase-cta-text{margin:0;font-size:15px;color:var(--c-text-muted)}.showcase.fix{margin-top:72px}.fix-controls{gap:16px}.fix-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.fix-status-row .demo-label{margin-bottom:0}.fix-status{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fff}.fix-status.is-clash{background:var(--c-overlap)}.fix-status.is-ok{background:var(--c-ok)}.fix-instruction,.history-instruction{min-height:60px;margin:0;font-size:13.5px;line-height:1.55;color:var(--c-text-muted)}.fix-steps,.history-steps{counter-reset:fix;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.fix-steps li,.history-steps li{counter-increment:fix;position:relative;padding-left:30px;font-size:13px;line-height:1.4;color:var(--c-text-muted)}.fix-steps li:before,.history-steps li:before{content:counter(fix);position:absolute;top:-1px;left:0;display:grid;place-items:center;width:21px;height:21px;border-radius:999px;background:var(--c-accent-soft);color:var(--c-accent);font-size:11px;font-weight:700}.fix-legend{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--c-text-muted)}.fix-reset,.history-reset{margin-top:auto;align-self:flex-start}.showcase.history{margin-top:72px}.history-controls{gap:16px}.history-actions{display:flex;gap:10px}.history-btn{flex:1;justify-content:center;gap:6px;font-weight:700}.history-timeline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:13px}.history-dot{width:9px;height:9px;border-radius:999px;background:var(--c-accent);transition:transform .15s ease,background .15s ease}.history-dot.is-current{transform:scale(1.45);box-shadow:0 0 0 3px var(--c-accent-soft)}.history-dot.is-future{background:transparent;box-shadow:inset 0 0 0 2px var(--c-accent)}@media (prefers-reduced-motion: reduce){.history-dot{transition:none}}.showcase.list{margin-top:72px}.sl-controls{gap:12px}.sl-row{cursor:default}.sl-acronym{flex-shrink:0;font-weight:700;font-size:13px;color:var(--c-text)}.sl-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--c-text-muted)}.sl-hint{margin:0;font-size:12px;line-height:1.5}.sl-reset{margin-top:auto;align-self:flex-start}.more{margin-top:68px}.more-inner{max-width:1120px;margin:0 auto}.more-head{max-width:600px;margin:0 auto 26px;text-align:center}.more-title{font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.02em;margin:0 0 8px;color:var(--c-text)}.more-sub{margin:0;font-size:15px;line-height:1.55;color:var(--c-text-muted)}.more-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.more-card{padding:22px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.more-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--c-border-strong)}.more-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:12px;color:var(--c-accent);background:var(--c-accent-soft);border:1px solid var(--c-border)}.more-icon svg{width:22px;height:22px}.more-card-title{margin:0 0 6px;font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--c-text)}.more-card-body{margin:0;font-size:13.5px;line-height:1.55}.more-cta{display:flex;justify-content:center;margin-top:36px}.devices{margin-top:76px}.devices-inner{max-width:1120px;margin:0 auto}.device-row{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:40px;margin-top:40px}.device{display:flex;flex-direction:column;align-items:center;gap:14px}.device-unit{display:flex;flex-direction:column;align-items:center}.device-label{font-size:13px;font-weight:600;color:var(--c-text-muted)}.device-screen{display:flex;flex-direction:column;overflow:hidden;background:var(--c-surface);border:1px solid var(--c-border-strong);box-shadow:var(--shadow-lg)}.is-desktop .device-screen{width:300px;height:186px;border-radius:9px}.is-tablet .device-screen{width:184px;height:140px;border-radius:14px;border-width:5px}.is-phone .device-screen{width:92px;height:192px;border-radius:16px;border-width:5px}.device-stand{position:relative;width:14px;height:12px;background:var(--c-border-strong)}.device-stand:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:58px;height:5px;border-radius:3px;background:var(--c-border-strong)}.dev-bar{flex-shrink:0;height:9px;background:var(--c-surface-2);border-bottom:1px solid var(--c-border)}.is-tablet .dev-bar,.is-phone .dev-bar{height:7px}.dev-body{display:flex;flex:1;min-height:0}.dev-side{flex:0 0 30%;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--c-surface-2);border-right:1px solid var(--c-border)}.is-tablet .dev-side{flex-basis:26%;gap:3px;padding:4px}.dev-side span{height:7px;border-radius:2px;background:var(--c-border-strong)}.dev-grid{flex:1;display:flex;min-width:0;background:var(--c-surface)}.dev-col{flex:1;position:relative;min-width:0;border-left:1px solid var(--c-border)}.dev-col:first-child{border-left:none}.dev-block{position:absolute;left:1px;right:1px;overflow:hidden;border:1px solid;border-left-width:3px;border-radius:3px}.dev-block.lp-t{background:var(--c-type-t-bg);border-color:var(--c-type-t);color:var(--c-type-t-text)}.dev-block.lp-tp{background:var(--c-type-tp-bg);border-color:var(--c-type-tp);color:var(--c-type-tp-text)}.dev-block.lp-p{background:var(--c-type-p-bg);border-color:var(--c-type-p);color:var(--c-type-p-text)}.dev-block-code{display:block;padding:0 2px;font-size:7px;font-weight:700;line-height:1.3;letter-spacing:.01em;white-space:nowrap}.is-phone .dev-block-code{display:none}.dev-status{flex-shrink:0;display:flex;align-items:center;gap:4px;height:12px;padding:0 5px;border-top:1px solid var(--c-border);background:var(--c-surface)}.dev-status-dot{width:5px;height:5px;border-radius:50%;background:var(--c-ok)}@media (max-width: 860px){.demo{grid-template-columns:1fr}.demo-controls{border-right:none;border-bottom:1px solid var(--c-border)}.more-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.demo-stage-bar{flex-direction:column;align-items:stretch}.more-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.more-card{transition:none}}.entry-dialog-lead{font-size:14px;margin:0 0 18px}.entry-dialog-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--c-border)}.entry-dialog-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.entry-dialog-section-title{font-size:16px;margin:0;display:flex;align-items:center;gap:8px}.entry-primary-hint{font-size:13.5px;margin:0 0 14px}.entry-pane{display:flex;flex-direction:column;gap:14px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.entry-grid>*{min-width:0}.field-wide{grid-column:1 / -1}.entry-add-row{display:flex;align-items:flex-end;gap:10px}.entry-error{color:var(--c-err);font-size:13px;margin:2px 0 0}.entry-count{background:var(--c-accent);color:#fff}.entry-empty{margin:4px 0 0}.entry-chips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.entry-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface)}.entry-chip-acronym{font-weight:700;color:var(--c-accent);min-width:56px}.entry-chip-name{flex:1}.entry-chip-x{border:none;background:transparent;color:var(--c-text-faint);font-size:13px;padding:2px 6px;border-radius:6px}.entry-chip-x:hover{background:var(--c-overlap-bg);color:var(--c-overlap)}.entry-dropzone{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 16px;border:1.5px dashed var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface-2);color:var(--c-text-muted);font:inherit;font-size:13.5px;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.entry-dropzone:hover,.entry-dropzone.is-drag-over{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-text)}.entry-dropzone-icon{font-size:18px;line-height:1;color:var(--c-accent)}.rec-list{display:flex;flex-direction:column;gap:2px}.rec-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);cursor:pointer}.rec-row:hover{background:var(--c-surface-2)}.rec-acronym{font-weight:700;color:var(--c-accent);min-width:56px}.rec-name{flex:1}.progress{height:8px;background:var(--c-surface-2);border-radius:999px;overflow:hidden;margin:18px 0 10px}.progress-bar{height:100%;background:var(--c-accent);border-radius:999px;transition:width .2s ease}.loading-current{font-size:13px;margin:0}.loading-failed{margin:12px 0 0;padding-left:18px;color:var(--c-text-muted);font-size:13px}code{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:5px;padding:1px 5px;font-size:12px}@media (max-width: 680px){.entry-grid{grid-template-columns:1fr}}@media (max-width: 640px){.landing{padding:16px 16px 0}.landing-hero{padding:26px 0 44px;gap:32px}.landing-brand{gap:12px;margin-bottom:20px}.landing-mark{width:46px;height:46px;border-radius:13px}.landing-mark svg{width:26px;height:26px}.landing-sub{font-size:16px;margin-bottom:26px}.landing-actions{flex-direction:column;align-items:stretch}.landing-cta{justify-content:center}.landing-features{gap:14px}.landing-feature{padding:24px 20px 22px}.showcase{margin-top:56px}.showcase.fix,.showcase.history,.showcase.list,.more,.devices{margin-top:48px}.device-row,.device{gap:10px}.is-desktop .device-screen{width:150px;height:94px}.is-tablet .device-screen{width:98px;height:74px}.is-phone .device-screen{width:56px;height:116px}.device-label{font-size:12px}.demo-controls{padding:16px;gap:16px}.demo-stage{padding:12px;gap:12px}.landing-footer{margin:56px -16px 0;padding:40px 16px 0}.landing-footer-inner{gap:28px;padding-bottom:32px}}.ui{display:grid;grid-template-columns:420px minmax(0,1fr);height:100%}.sidebar{display:flex;flex-direction:column;overflow-y:auto;padding:16px;background:var(--c-surface);border-right:1px solid var(--c-border)}.toolbar-generate{min-height:32px;margin-left:4px}.sidebar-section{margin-bottom:22px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);margin-bottom:10px;display:flex;align-items:center;gap:6px}.sidebar-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.sidebar-section-head .sidebar-title{margin-bottom:0}.subject-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.subject-add{flex-shrink:0}.subject-clear{color:var(--c-text-faint)}.subject-clear:hover:not(:disabled){color:var(--c-overlap);border-color:var(--c-overlap)}.subject-list{display:flex;flex-direction:column;gap:8px}.subject-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.subject-bar{align-self:stretch;width:4px;flex-shrink:0;border-radius:2px;background:hsl(var(--subj-h, 245) var(--subj-s-p, 70%) 42%)}:root[data-theme=dark] .subject-bar{background:hsl(var(--subj-h, 245) var(--subj-s-p, 70%) 56%)}.subject-row.is-hovered{border-color:var(--c-accent);background:var(--c-accent-soft);box-shadow:0 0 0 1px var(--c-accent)}.subject-row.is-selected{--g-s: 58%;border-color:hsl(var(--g-h, 245) var(--g-s) 42%);background:hsl(var(--g-h, 245) var(--g-s) 88%);box-shadow:0 0 0 2px hsl(var(--g-h, 245) var(--g-s) 42%)}:root[data-theme=dark] .subject-row.is-selected{border-color:hsl(var(--g-h, 245) var(--g-s) 56%);background:hsl(var(--g-h, 245) var(--g-s) 20%);box-shadow:0 0 0 2px hsl(var(--g-h, 245) var(--g-s) 56%)}.subject-row.is-hidden{background:var(--c-surface-2)}.subject-row.is-hidden .subject-bar,.subject-row.is-hidden .subject-acronym,.subject-row.is-hidden .subject-group,.subject-row.is-hidden .type-chips{opacity:.45}.subject-row.is-hidden .subject-acronym{text-decoration:line-through}.subject-acronym{flex:1 1 auto;min-width:0;font-weight:700;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-remove{border:none;background:transparent;color:var(--c-text-faint);font-size:12px;line-height:1;padding:4px 5px;border-radius:6px;flex-shrink:0;transition:background .12s ease,color .12s ease}.subject-remove:hover:not(:disabled){background:var(--c-overlap-bg);color:var(--c-overlap)}.subject-remove:disabled{opacity:.3;cursor:default}select.subject-group{width:calc(8ch + 45px);flex-shrink:0}.subject-tag{display:inline-block;padding:1px 8px;margin:0 1px;border-radius:999px;border:1px solid var(--c-border-strong);background:var(--c-surface-2);color:var(--c-text);font-weight:600}.confirm-body{line-height:1.7}.type-chips{display:flex;gap:4px;flex-shrink:0}.type-chip{min-width:30px;height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text-faint);font-weight:700;font-size:11px;line-height:1;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.type-chip.off{text-decoration:line-through;opacity:.55}.type-slot{min-width:30px;flex-shrink:0}.type-chip.on.type-t{background:var(--c-type-t-bg);border-color:var(--c-type-t);color:var(--c-type-t-text)}.type-chip.on.type-tp{background:var(--c-type-tp-bg);border-color:var(--c-type-tp);color:var(--c-type-tp-text)}.type-chip.on.type-p{background:var(--c-type-p-bg);border-color:var(--c-type-p);color:var(--c-type-p-text)}@media (hover: hover){.type-chip.type-t:hover{background:var(--c-type-t);border-color:var(--c-type-t);color:#fff;opacity:1}.type-chip.type-tp:hover{background:var(--c-type-tp);border-color:var(--c-type-tp);color:#fff;opacity:1}.type-chip.type-p:hover{background:var(--c-type-p);border-color:var(--c-type-p);color:#fff;opacity:1}}.conflict-hint{margin:0 0 10px;font-size:11.5px;line-height:1.45;color:var(--c-text-faint)}.conflict-empty{margin:0;font-size:11.5px;line-height:1.45}.conflict-status{margin:0;padding:9px 11px;border:1px solid;border-radius:var(--radius);font-size:12px;font-weight:600;line-height:1.45}.conflict-status.is-ok{background:var(--c-ok-bg);border-color:var(--c-ok);color:var(--c-ok-text)}.conflict-status.is-warn{background:var(--c-warn-bg);border-color:var(--c-warn);color:var(--c-warn-text)}.conflict-status.is-bad{background:var(--c-overlap-bg);border-color:var(--c-overlap);color:var(--c-overlap-text)}.grid-status{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:0;border:none;background:none;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}.grid-status-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:currentColor}.grid-status-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.grid-status.is-ok{color:var(--c-ok-text)}.grid-status.is-warn{color:var(--c-warn-text)}.grid-status.is-bad{color:var(--c-overlap-text)}.conflict-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.conflict-title{min-height:18px}.conflict-badge{background:var(--c-overlap);color:#fff}.conflict-modal-title{display:inline-flex;align-items:center;gap:8px}.conflict-pair{display:flex;flex-direction:column;padding:6px 7px;border:1px solid var(--c-overlap);border-radius:var(--radius);background:var(--c-overlap-bg)}.conflict-heads{display:flex;align-items:stretch;gap:6px}.conflict-divider{align-self:center;flex-shrink:0;font-size:11px;line-height:1;color:var(--c-overlap);opacity:.65}.conflict-side{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:7px;padding:4px 6px;font-size:12px;border-radius:6px;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease}.conflict-side.is-right{flex-direction:row-reverse}.conflict-side.is-active{background:var(--c-surface);border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}.conflict-side.is-keep{opacity:.8}.conflict-bar{align-self:stretch;width:4px;min-height:16px;flex-shrink:0;border-radius:2px;background:hsl(var(--subj-h, 245) var(--subj-s-p, 70%) 42%)}:root[data-theme=dark] .conflict-bar{background:hsl(var(--subj-h, 245) var(--subj-s-p, 70%) 56%)}.conflict-acronym{flex-shrink:0;font-weight:700;color:var(--c-text)}.conflict-group{flex-shrink:0;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid var(--c-overlap);background:var(--c-surface);color:var(--c-overlap-text)}.conflict-keep{flex-shrink:0;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);background:var(--c-surface-2);border:1px solid var(--c-border-strong)}.conflict-alts{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;margin-top:6px;padding:6px 3px 3px;margin-bottom:-3px;border-top:1px dashed var(--c-overlap);overflow-x:auto}.conflict-alts.is-right{flex-direction:row-reverse}.conflict-alt{flex-shrink:0;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;color:hsl(var(--g-h, 245) 58% 28%);background:hsl(var(--g-h, 245) 58% 89%);border:1px solid hsl(var(--g-h, 245) 58% 60%);transition:background .12s ease,box-shadow .12s ease,transform .08s ease}.conflict-alt:hover{background:hsl(var(--g-h, 245) 58% 84%);box-shadow:0 0 0 2px hsl(var(--g-h, 245) 58% 60%)}.conflict-alt:active{transform:translateY(1px)}:root[data-theme=dark] .conflict-alt{color:hsl(var(--g-h, 245) 58% 82%);background:hsl(var(--g-h, 245) 58% 22%);border-color:hsl(var(--g-h, 245) 58% 50%)}:root[data-theme=dark] .conflict-alt:hover{background:hsl(var(--g-h, 245) 58% 30%)}.conflict-alt.is-partial,:root[data-theme=dark] .conflict-alt.is-partial{color:var(--c-text-muted);background:var(--c-surface-2);border-style:dashed;border-color:var(--c-overlap)}.conflict-alt.is-partial:hover,:root[data-theme=dark] .conflict-alt.is-partial:hover{background:var(--c-border-strong);box-shadow:0 0 0 2px var(--c-overlap)}.conflict-noalt{margin:0;font-size:11px;font-style:italic;color:var(--c-text-faint)}.ui-center{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--c-bg)}.ui-grid-wrap{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column}.grid-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0;padding:10px 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);min-height:63px}.toolbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.toolbar-undo{display:flex;gap:4px}.grid-toolbar .toolbar-subjects-btn{display:none}.toolbar-subjects-btn svg{width:18px;height:18px}.toolbar-colormode{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text-muted);white-space:nowrap}.seg{display:inline-flex;border:1px solid var(--c-border-strong);border-radius:var(--radius);overflow:hidden}.seg-btn{border:none;background:var(--c-surface);color:var(--c-text-muted);padding:5px 10px;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;transition:background .12s ease,color .12s ease}.seg-btn+.seg-btn{border-left:1px solid var(--c-border-strong)}.seg-btn:hover:not(.is-active){background:var(--c-surface-2)}.seg-btn.is-active{background:var(--c-accent-soft);color:var(--c-accent-strong);font-weight:600}.toolbar-colormode .colormode-toggle{display:none}.toolbar-colormode .colormode-toggle.is-subject,.toolbar-colormode .colormode-toggle.is-subject:hover{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent-strong)}.toolbar-colormode .colormode-toggle.is-type,.toolbar-colormode .colormode-toggle.is-type:hover{background:var(--c-type-tp-bg);border-color:var(--c-type-tp);color:var(--c-type-tp)}.seg-swatches{display:inline-flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2px;width:16px}.seg-swatch{width:7px;height:7px}.seg-swatches.for-subject .seg-swatch{border-radius:50%}.seg-swatches.for-subject .seg-swatch:nth-child(1){background:#337ac1}.seg-swatches.for-subject .seg-swatch:nth-child(2){background:#c17f33}.seg-swatches.for-subject .seg-swatch:nth-child(3){background:#2ba15c}.seg-swatches.for-type .seg-swatch{border-radius:3px}.seg-swatches.for-type .seg-swatch:nth-child(1){background:var(--c-type-t)}.seg-swatches.for-type .seg-swatch:nth-child(2){background:var(--c-type-tp)}.seg-swatches.for-type .seg-swatch:nth-child(3){background:var(--c-type-p)}.grid-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px}.schedule-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--c-text-muted)}.drafts-empty{margin:0;font-size:11.5px;line-height:1.45}.draft-list{display:flex;flex-direction:column;gap:6px}.draft-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.draft-row:hover{border-color:var(--c-accent);background:var(--c-accent-soft)}.draft-row.is-active{border-color:var(--c-accent);background:var(--c-accent-soft);box-shadow:0 0 0 1px var(--c-accent)}.draft-row.is-dragging{opacity:.4}.draft-row.is-drag-over{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent)}.draft-grip{flex-shrink:0;color:var(--c-text-faint);font-size:12px;line-height:1;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.draft-row.is-dragging .draft-grip{cursor:grabbing}.draft-name{flex:1 1 auto;min-width:0;font-weight:600;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input.draft-rename{flex:1 1 auto;min-width:0;width:0;font-size:12.5px;padding:3px 7px}.draft-editing{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-accent)}.draft-origin{flex-shrink:0;padding:1px 7px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface-2);font-size:11px;color:var(--c-text-faint)}.draft-status{flex-shrink:0;min-width:2.25em;text-align:center;font-size:11px;font-weight:700}.draft-status.is-ok{color:var(--c-ok)}.draft-status.is-incomplete{color:var(--c-warn)}.draft-status.is-warn{color:var(--c-overlap)}.draft-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.draft-dup{border:none;background:transparent;color:var(--c-text-faint);font-size:13px;line-height:1;padding:4px 5px;border-radius:6px;flex-shrink:0;transition:background .12s ease,color .12s ease}.draft-dup:hover{background:var(--c-accent-soft);color:var(--c-accent)}.navigator{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:5px 14px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);box-shadow:var(--shadow-sm)}.navigator-head{display:flex;align-items:baseline;gap:6px;font-size:13px}.navigator-head strong{font-size:14px}.navigator-edited{padding:1px 7px;border-radius:999px;background:var(--c-accent-soft);color:var(--c-accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.navigator-controls{display:flex;align-items:center;gap:8px}.navigator-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:16px;background:transparent;cursor:pointer;--pct: 0%}.navigator-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--c-accent) var(--pct),var(--c-surface-2) var(--pct))}.navigator-range::-moz-range-track{height:6px;border-radius:999px;background:var(--c-surface-2)}.navigator-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--c-accent)}.navigator-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4px;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-accent);box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.navigator-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--c-surface);border:2px solid var(--c-accent);box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.navigator-range:hover::-webkit-slider-thumb,.navigator-range:active::-webkit-slider-thumb{transform:scale(1.14)}.navigator-range:hover::-moz-range-thumb,.navigator-range:active::-moz-range-thumb{transform:scale(1.14)}.navigator-range:focus-visible{outline:none;box-shadow:none}.navigator-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}.navigator-range:focus-visible::-moz-range-thumb{box-shadow:var(--ring)}.navigator-close{margin-left:auto}.navigator-close:hover:not(:disabled){background:var(--c-overlap-bg);color:var(--c-overlap)}.legend-item{display:flex;align-items:center;gap:8px}.legend-swatch{width:14px;height:14px;border-radius:4px;border:1px solid var(--c-border-strong);flex-shrink:0}.legend-swatch.type-t{background:var(--c-type-t-bg);border-color:var(--c-type-t)}.legend-swatch.type-tp{background:var(--c-type-tp-bg);border-color:var(--c-type-tp)}.legend-swatch.type-p{background:var(--c-type-p-bg);border-color:var(--c-type-p)}.is-overlap-swatch{background:var(--c-overlap-bg);border-color:var(--c-overlap)}.legend-ramp{display:inline-flex;gap:2px}.legend-swatch.subject-swatch{background:hsl(var(--subj-demo-h, 210) var(--subj-s, 0%) 80%);border-color:hsl(var(--subj-demo-h, 210) var(--subj-s, 0%) 45%)}.legend-swatch.subject-swatch.subj-t{--subj-s: var(--subj-s-t)}.legend-swatch.subject-swatch.subj-tp{--subj-s: var(--subj-s-tp)}.legend-swatch.subject-swatch.subj-p{--subj-s: var(--subj-s-p)}:root[data-theme=dark] .legend-swatch.subject-swatch{background:hsl(var(--subj-demo-h, 210) var(--subj-s, 0%) 30%);border-color:hsl(var(--subj-demo-h, 210) var(--subj-s, 0%) 58%)}.grid{position:relative;display:flex;flex-direction:column;flex:1 0 auto;min-height:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.grid-head{display:grid}.grid-head-cell{padding:9px 6px;text-align:center;font-weight:600;font-size:12px;color:var(--c-text);border-bottom:1px solid var(--c-border);border-left:1px solid var(--c-border);background:var(--c-surface-2);overflow:hidden;white-space:nowrap}.day-short{display:none}.grid-head-time{border-left:none}.grid-body{display:flex;position:relative;flex:1}.grid-times{position:relative;flex-shrink:0;border-right:1px solid var(--c-border)}.grid-time-label{position:absolute;right:7px;font-size:11px;color:var(--c-text-faint)}.grid-cols{display:flex;flex:1}.grid-col{position:relative;flex:1;border-left:1px solid var(--c-border);background-image:repeating-linear-gradient(to bottom,var(--c-border) 0,var(--c-border) 1px,transparent 1px,transparent calc(var(--block-h) * 2))}.lesson-block{position:absolute;left:3px;right:3px;border-radius:6px;padding:4px 7px;overflow:hidden;cursor:pointer;border:1px solid;border-left-width:5px;font-size:11px;line-height:1.25;outline:2px solid transparent;outline-offset:-1px;animation:block-in .17s ease;transition:background .18s ease,border-color .18s ease,color .18s ease,outline-color .18s ease,opacity .18s ease,box-shadow .1s ease}@keyframes block-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.lesson-block:hover{box-shadow:var(--shadow);z-index:5}.lesson-block.is-group-hover{box-shadow:0 0 0 2px var(--c-accent),var(--shadow);z-index:6}.lesson-block.is-group-faded{opacity:.3}.lesson-block.type-t{background:var(--c-type-t-bg);border-color:var(--c-type-t);color:var(--c-type-t-text)}.lesson-block.type-tp{background:var(--c-type-tp-bg);border-color:var(--c-type-tp);color:var(--c-type-tp-text)}.lesson-block.type-p{background:var(--c-type-p-bg);border-color:var(--c-type-p);color:var(--c-type-p-text)}.grid.color-type .lesson-block:not(.is-overlap):not(.is-marked):not(.is-preview):not(.is-dimmed){border-left-color:hsl(var(--subj-h, 245) var(--subj-s-p, 70%) 42%)}.lesson-block.is-overlap{background:var(--c-overlap-bg);border-color:var(--c-overlap);color:var(--c-overlap-text)}.lesson-block.is-marked{--g-s: 58%;background:hsl(var(--g-h, 245) var(--g-s) 88%);border-color:hsl(var(--g-h, 245) var(--g-s) 42%);color:hsl(var(--g-h, 245) var(--g-s) 26%);outline-color:hsl(var(--g-h, 245) var(--g-s) 44%);z-index:6}.lesson-block.is-dimmed{background:var(--c-surface-2);border-color:var(--c-border-strong);color:var(--c-text-faint);opacity:.55}.lesson-block.is-dimmed:hover{opacity:1}.lesson-block.is-dimmed .lesson-type{background:var(--c-border-strong);color:var(--c-text-muted)}.lesson-block.is-preview{--g-s: 58%;background:hsl(var(--g-h, 245) var(--g-s) 88%);border:1px dashed hsl(var(--g-h, 245) var(--g-s) 42%);border-left:5px dashed hsl(var(--g-h, 245) var(--g-s) 42%);color:hsl(var(--g-h, 245) var(--g-s) 26%);outline:2px dashed hsl(var(--g-h, 245) var(--g-s) 50%);outline-offset:1px;box-shadow:var(--shadow);z-index:7}:root[data-theme=dark] .lesson-block.is-preview{background:hsl(var(--g-h, 245) var(--g-s) 20%);border-color:hsl(var(--g-h, 245) var(--g-s) 56%);color:hsl(var(--g-h, 245) var(--g-s) 84%);outline-color:hsl(var(--g-h, 245) var(--g-s) 60%)}.grid.color-subject .lesson-block.type-t{--subj-s: var(--subj-s-t)}.grid.color-subject .lesson-block.type-tp{--subj-s: var(--subj-s-tp)}.grid.color-subject .lesson-block.type-p{--subj-s: var(--subj-s-p)}.grid.color-subject .lesson-block:not(.is-overlap):not(.is-marked):not(.is-preview):not(.is-dimmed){background:hsl(var(--subj-h, 245) var(--subj-s, 0%) 89%);border-color:hsl(var(--subj-h, 245) var(--subj-s, 0%) 42%);border-left-color:hsl(var(--subj-h, 245) var(--subj-s-p, 70%) 42%);color:hsl(var(--subj-h, 245) var(--subj-s, 0%) 26%)}.lesson-top{display:flex;align-items:center;justify-content:space-between;font-weight:700}.lesson-type{font-size:9px;font-weight:800;padding:0 4px;border-radius:4px;color:#fff}.lesson-type.type-t{background:var(--c-type-t)}.lesson-type.type-tp{background:var(--c-type-tp)}.lesson-type.type-p{background:var(--c-type-p)}.lesson-meta{display:flex;align-items:center;justify-content:space-between}.lesson-group{font-weight:600}.lesson-clash{color:var(--c-overlap);font-weight:700}.lesson-time,.lesson-room{font-size:10px;opacity:.85}.lesson-profs{display:flex;flex-direction:column;gap:1px;margin-top:2px;font-size:10px;font-style:italic;opacity:.85}.lesson-prof{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profs{display:flex;flex-direction:column;gap:5px}.prof{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--c-text)}.prof-avatar{width:22px;height:22px;border-radius:50%;background:var(--c-accent);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.lesson-ghost{--g-s: 58%;position:absolute;left:3px;right:3px;border:1px dashed hsl(var(--g-h, 245) var(--g-s) 50%);background:hsl(var(--g-h, 245) var(--g-s) 91%);border-radius:6px;padding:4px 7px;cursor:pointer;z-index:7;font-size:11px;color:hsl(var(--g-h, 245) var(--g-s) 32%);overflow:hidden;opacity:.8;animation:ghost-in .18s ease;transition:opacity .1s ease,background .1s ease,box-shadow .1s ease}@keyframes ghost-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:.8;transform:none}}.lesson-ghost:hover{opacity:1;background:hsl(var(--g-h, 245) var(--g-s) 86%);box-shadow:var(--shadow-sm)}.lesson-ghost-group{font-weight:700}.lesson-ghost-prof{font-size:10px;opacity:.85}.grid-foot{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:10px 14px;font-size:12px;color:var(--c-text-muted);background:var(--c-surface);border-top:1px solid var(--c-border)}.grid-hint{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:9px 14px;font-size:12px;color:var(--c-accent-strong);background:var(--c-accent-soft);border-top:1px solid var(--c-border)}:root[data-theme=dark] .lesson-block.is-marked{background:hsl(var(--g-h, 245) var(--g-s) 20%);border-color:hsl(var(--g-h, 245) var(--g-s) 56%);color:hsl(var(--g-h, 245) var(--g-s) 84%);outline-color:hsl(var(--g-h, 245) var(--g-s) 56%)}:root[data-theme=dark] .grid.color-type .lesson-block:not(.is-overlap):not(.is-marked):not(.is-dimmed){border-left-color:hsl(var(--subj-h, 245) var(--subj-s-p, 70%) 56%)}:root[data-theme=dark] .grid.color-subject .lesson-block:not(.is-overlap):not(.is-marked):not(.is-dimmed){background:hsl(var(--subj-h, 245) var(--subj-s, 0%) 20%);border-color:hsl(var(--subj-h, 245) var(--subj-s, 0%) 56%);border-left-color:hsl(var(--subj-h, 245) var(--subj-s-p, 70%) 56%);color:hsl(var(--subj-h, 245) var(--subj-s, 0%) 84%)}:root[data-theme=dark] .lesson-ghost{border-color:hsl(var(--g-h, 245) var(--g-s) 52%);background:hsl(var(--g-h, 245) var(--g-s) 20%);color:hsl(var(--g-h, 245) var(--g-s) 76%)}:root[data-theme=dark] .lesson-ghost:hover{background:hsl(var(--g-h, 245) var(--g-s) 24%)}@media (prefers-reduced-motion: reduce){.lesson-block,.lesson-ghost{animation:none;transition:none}}.sidebar.is-embedded{padding:0;border:none;overflow:visible;background:none;max-height:none}@media (min-width: 901px) and (max-width: 1200px){.ui{grid-template-columns:352px minmax(0,1fr)}.sidebar{padding:14px 12px}select.subject-group{width:calc(7ch + 41px)}.ui-grid-wrap{padding:12px}}@media (max-width: 1700px){.navigator{order:1;flex-basis:100%}.navigator-controls{flex:1 1 auto;min-width:0}.navigator .navigator-range{width:auto;flex:1 1 120px;min-width:80px}}@media (max-width: 900px){.ui{grid-template-columns:1fr;height:auto}.app-main.is-main{overflow-y:auto}.sidebar{border-right:none;border-bottom:1px solid var(--c-border);max-height:48vh}.ui-center{overflow:visible}.ui-grid-wrap{overflow-x:auto}.grid{min-width:620px;overflow:clip}.grid-times{position:sticky;left:0;z-index:10;background:var(--c-surface)}.grid-head-time{position:sticky;left:0;z-index:10}}@media (pointer: coarse){.type-chip{min-width:34px;height:30px}.type-slot{min-width:34px}.subject-remove,.draft-dup{font-size:14px;padding:8px}.draft-row{padding-top:9px;padding-bottom:9px}.draft-grip{font-size:15px;padding:5px 2px}.toolbar-generate{min-height:40px}.seg-btn{padding-top:8px;padding-bottom:8px}.navigator-range{height:28px}.navigator-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px}.navigator-range::-moz-range-thumb{width:22px;height:22px}input.draft-rename{font-size:16px}.lang-option{padding-top:10px;padding-bottom:10px}.conflict-alt{padding:7px 12px}.conflict-side{padding-top:7px;padding-bottom:7px}}@media (max-width: 640px),(max-height: 480px) and (pointer: coarse),(max-width: 900px) and (orientation: portrait) and (pointer: coarse){.app-main.is-main{overflow:hidden}.ui{height:100%;grid-template-columns:minmax(0,1fr)}.ui-center{overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.ui-grid-wrap{padding:10px}.mobile-drafts-bar{flex-shrink:0;display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--c-border);background:var(--c-surface);font:inherit;color:var(--c-text);text-align:left}.mobile-drafts-bar-label{flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted)}.mobile-drafts-bar-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.mobile-drafts-bar-caret{flex-shrink:0;color:var(--c-text-faint)}.grid-toolbar{padding:8px 10px;gap:8px 12px;min-height:0}.grid-toolbar .toolbar-subjects-btn{display:inline-flex}.toolbar-generate-text{display:none}.toolbar-generate{width:40px;padding:0}.navigator{order:0;flex:0 0 auto;flex-basis:auto;gap:10px;flex-wrap:nowrap;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border:none;border-top:1px solid var(--c-border);border-radius:0;box-shadow:none;background:var(--c-surface)}.navigator-head>.muted{display:none}.navigator-controls{flex:1 1 auto;min-width:0}.grid-foot{padding:8px 10px;flex-wrap:nowrap;gap:10px}.schedule-stats{flex-shrink:0;flex-wrap:nowrap;gap:6px;font-size:11px}select.subject-group{width:calc(7ch + 41px)}.type-chip,.type-slot{min-width:30px}.grid{min-width:0;--grid-time-w: 40px}.day-long{display:none}.day-short{display:inline}.grid-head-cell{padding:7px 2px;font-size:11px}.grid-time-label{right:4px;font-size:9px}.lesson-block{left:2px;right:2px;padding:3px 4px;border-left-width:4px;font-size:10px}.lesson-acronym{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-type{font-size:8px;padding:0 3px}.lesson-group,.lesson-room{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-profs,.lesson-time,.lesson-clash,.lesson-ghost-prof{display:none}.lesson-ghost{left:2px;right:2px;padding:3px 4px;font-size:10px}}@media (max-width: 640px),(max-height: 480px) and (pointer: coarse){.toolbar-colormode>span{display:none}.colormode-seg{display:none}.toolbar-colormode .colormode-toggle{display:inline-flex}}@media (orientation: landscape) and (max-height: 480px) and (pointer: coarse){.ui-center{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:auto auto 1fr;background:var(--c-surface)}.grid-toolbar{grid-column:1;grid-row:1}.mobile-drafts-bar{grid-column:1;grid-row:2}.navigator{grid-column:1;grid-row:3;align-self:start;border:none;padding:7px 10px}.ui-grid-wrap{grid-column:2;grid-row:1 / -1;border-left:1px solid var(--c-border);background:var(--c-bg)}}.stepper{display:flex;align-items:center;gap:6px;margin-bottom:20px}.stepper-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--c-text-faint);flex:1}.stepper-item.active{color:var(--c-accent-strong)}.stepper-item.done{color:var(--c-ok)}.stepper-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c-surface-2);border:1px solid var(--c-border-strong);font-size:11px}.stepper-item.active .stepper-dot{background:var(--c-accent);border-color:var(--c-accent-strong);color:#fff}.stepper-item.done .stepper-dot{background:var(--c-ok);border-color:var(--c-ok);color:#fff}.wiz-checks{display:flex;flex-direction:column;gap:2px}.wiz-check{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:8px;border-radius:var(--radius);cursor:pointer}.wiz-check .rec-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wiz-subject{display:flex;align-items:center;gap:8px;padding-right:8px;border-radius:var(--radius)}.wiz-subject:hover{background:var(--c-surface-2)}.wiz-types-hint{margin:10px 2px 0;font-size:12px}.wiz-filters{display:flex;flex-direction:column;gap:8px}.wiz-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.wiz-block{border-top:1px solid var(--c-border);padding-top:14px;margin-top:6px}.wiz-block h4{font-size:13px;margin-bottom:10px}.wiz-prof-add,.wiz-extra-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timepicker{display:inline-flex;align-items:center;gap:4px}.timepicker .select{width:auto;padding:6px 24px 6px 8px;background-position:right 8px center}.timepicker-sep{font-weight:700}.wiz-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.wiz-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:999px;font-size:12px}.wiz-tag button{border:none;background:transparent;color:var(--c-text-faint);cursor:pointer;font-size:11px}@media (pointer: coarse){.wiz-tag button{font-size:13px;padding:6px;margin:-4px 0}}.wiz-tag button:hover{color:var(--c-overlap)}.check-row,.radio-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.radio-row,.wiz-ranking .check-row{padding:5px 0}.wiz-generate{text-align:center;padding:24px 0}.wiz-generate h3{margin:16px 0 6px}.wiz-count{font-size:26px;font-weight:800;color:var(--c-accent-strong);margin:0}.spinner{width:42px;height:42px;margin:0 auto;border:4px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wiz-results h3{margin:0 0 6px}.wiz-excluded{margin-top:16px;padding:12px 14px;background:var(--c-overlap-bg);border:1px solid var(--c-overlap);border-radius:var(--radius);font-size:13px;color:var(--c-overlap-text)}.wiz-excluded ul{margin:6px 0 0;padding-left:18px}.shortcut-list{display:flex;flex-direction:column;gap:9px;margin:0}.shortcut-row{display:flex;align-items:baseline;gap:14px}.shortcut-keys{display:flex;flex:0 0 108px;gap:5px}.shortcut-keys kbd{display:inline-block;min-width:23px;padding:2px 7px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;line-height:1.4;color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm)}.shortcut-desc{margin:0;color:var(--c-text-muted);font-size:13px;line-height:1.5}.contact-card{margin-top:16px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface-2);padding:14px 16px}.contact-card-title{font-weight:700;margin-bottom:8px}.contact-card-row{display:flex;justify-content:space-between;padding:3px 0;font-size:13px}.contact-card-row span{color:var(--c-text-muted)}.schedule-stats-trigger{display:inline-flex;flex-shrink:0;padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer}.metric-list{display:flex;flex-direction:column;gap:16px;margin:0}.metric-row{display:flex;align-items:flex-start;gap:12px}.metric-icon{flex-shrink:0;font-size:18px;line-height:1.3}.metric-text{flex:1;min-width:0}.metric-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.metric-name{font-weight:700}.metric-value{flex-shrink:0;font-weight:600;font-variant-numeric:tabular-nums;color:var(--c-text-muted)}.metric-help{margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--c-text-muted)}.tour{--tour-scrim: rgba(8, 10, 14, .62)}.tour-catcher{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:transparent;animation:fade-in .16s ease}.tour-catcher[data-dim=true]{background:var(--tour-scrim)}.tour-spotlight{position:fixed;z-index:2001;border-radius:var(--radius);pointer-events:none;box-shadow:0 0 0 9999px var(--tour-scrim),0 0 0 2px var(--c-accent),0 0 0 7px color-mix(in srgb,var(--c-accent) 28%,transparent);transition:top .26s cubic-bezier(.4,0,.2,1),left .26s cubic-bezier(.4,0,.2,1),width .26s cubic-bezier(.4,0,.2,1),height .26s cubic-bezier(.4,0,.2,1)}.tour-card{position:fixed;z-index:2002;width:min(340px,calc(100vw - 32px));padding:18px 20px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:tour-card-in .2s cubic-bezier(.2,.7,.2,1)}.tour-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tour-step-count{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--c-text-faint);font-variant-numeric:tabular-nums}.tour-skip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:2px 4px;font:inherit;font-size:12px;font-weight:600;color:var(--c-text-faint);cursor:pointer;transition:color .12s ease}.tour-skip:hover{color:var(--c-text-muted)}.tour-card-title{font-size:16px;margin:0 0 6px;color:var(--c-text)}.tour-card-body{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--c-text-muted)}.tour-dots{display:flex;align-items:center;gap:6px;margin-bottom:14px}.tour-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:var(--c-border-strong);cursor:pointer;transition:background .14s ease,transform .14s ease}.tour-dot:hover{background:var(--c-text-faint)}.tour-dot.is-active{background:var(--c-accent);transform:scale(1.25)}.tour-card-actions{display:flex;justify-content:flex-end;gap:8px}@keyframes tour-card-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}@media (prefers-reduced-motion: reduce){.tour-catcher,.tour-card{animation:none}.tour-spotlight{transition:none}}@media (pointer: coarse){.tour-dot{width:11px;height:11px}.tour-skip{padding:6px 8px;margin:-4px}}:root{color-scheme:light;--c-accent: #4f46e5;--c-accent-strong: #4338ca;--c-accent-soft: #e4e7fe;--c-brand-900: #111317;--c-brand-800: #1a1d21;--c-brand-700: #2b2f36;--c-brand-600: #3a3f47;--c-brand-500: #565c66;--c-type-t: #7e8694;--c-type-t-bg: #e7e9ee;--c-type-t-text: #3a3f48;--c-type-tp: #ee8a1e;--c-type-tp-bg: #fce6cb;--c-type-tp-text: #7a4a12;--c-type-p: #0ba3b6;--c-type-p-bg: #d2eef2;--c-type-p-text: #0d5a63;--c-overlap: #e6433b;--c-overlap-bg: #fcdedb;--c-overlap-text: #8a241f;--subj-s-t: 0%;--subj-s-tp: 50%;--subj-s-p: 70%;--c-bg: #f7f8fa;--c-surface: #ffffff;--c-surface-2: #f3f4f6;--c-border: #ebedf0;--c-border-strong: #dcdfe4;--c-text: #181b20;--c-text-muted: #646b75;--c-text-faint: #9aa1ab;--c-ok: #1ba259;--c-ok-bg: #d6f0e0;--c-ok-text: #1c6b3f;--c-err: #e6433b;--c-warn: #ee8a1e;--c-warn-bg: #fce6cb;--c-warn-text: #7a4a12;--radius-sm: 4px;--radius: 7px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(20, 24, 31, .04);--shadow: 0 6px 22px rgba(20, 24, 31, .08);--shadow-lg: 0 20px 52px rgba(20, 24, 31, .18);--ring: 0 0 0 3px rgba(79, 70, 229, .18);--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23646b75' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 2l5 4 5-4'/%3E%3C/svg%3E");--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--grid-col-w: 116px;--grid-block-h: 26px;--grid-time-w: 60px}:root[data-theme=dark]{color-scheme:dark;--c-accent: #6366f1;--c-accent-strong: #818cf8;--c-accent-soft: #20233a;--c-brand-900: #f4f5f7;--c-brand-800: #e7e9ee;--c-brand-700: #d4d8df;--c-brand-600: #aeb4be;--c-brand-500: #8b929d;--c-type-t: #6b727d;--c-type-t-bg: #23272f;--c-type-t-text: #c4c9d2;--c-type-tp: #b1772f;--c-type-tp-bg: #382713;--c-type-tp-text: #f0c48a;--c-type-p: #2c8c98;--c-type-p-bg: #102b30;--c-type-p-text: #8fd6df;--c-overlap: #c0524b;--c-overlap-bg: #371c1b;--c-overlap-text: #f4a8a2;--c-bg: #0f1115;--c-surface: #171a21;--c-surface-2: #1f242c;--c-border: #272c35;--c-border-strong: #353c47;--c-text: #e8eaef;--c-text-muted: #9aa1ac;--c-text-faint: #6c727c;--c-ok: #46b87a;--c-ok-bg: #16301f;--c-ok-text: #8fe0ad;--c-err: #ef6b64;--c-warn: #e8a34f;--c-warn-bg: #3a2c14;--c-warn-text: #f3c98a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(129, 140, 248, .35);--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%239aa1ac' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 2l5 4 5-4'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.2;letter-spacing:-.011em}p{line-height:1.6}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--c-accent)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface);color:var(--c-text);font-weight:500;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;white-space:nowrap}.btn:hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-accent-strong);border-color:var(--c-accent-strong)}.btn-danger{background:var(--c-overlap);border-color:var(--c-overlap);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.94)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:var(--c-surface-2)}.btn-sm{padding:5px 10px;font-size:13px}.btn-icon{padding:0;width:32px;height:32px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:12.5px;font-weight:600;color:var(--c-text-muted)}.input,.select{min-width:0;max-width:100%;padding:8px 11px;border:1px solid var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface);color:var(--c-text);width:100%;transition:border-color .12s ease,box-shadow .12s ease}.select{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 11px center;background-size:12px 8px}.input:focus,.select:focus{outline:none;border-color:var(--c-accent);box-shadow:var(--ring)}.input:disabled,.select:disabled{opacity:.55;background-color:var(--c-surface-2);border-color:var(--c-border);color:var(--c-text-muted);cursor:not-allowed}.field:has(>.input:disabled)>label,.field:has(>.select:disabled)>label{opacity:.55}.req{color:var(--c-err)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181f66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fade-in .15s ease}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .12s ease;pointer-events:none}.drop-overlay-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 48px;border:2px dashed var(--c-accent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--c-accent) 5%,transparent);color:var(--c-text);font-size:15px;font-weight:600;text-align:center}.drop-overlay-icon{font-size:34px;line-height:1;color:var(--c-accent)}.modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:var(--modal-max-w, 520px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:pop-in .16s ease}.modal-header{padding:18px 22px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:16px}.modal-body{padding:22px;overflow-y:auto;overflow-x:hidden}.modal-footer{padding:14px 22px;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:10px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em}.muted{color:var(--c-text-muted)}.faint{color:var(--c-text-faint)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}button,a,input,select,textarea,.lesson-block,.lesson-ghost{touch-action:manipulation}@media (pointer: coarse){.input,textarea{font-size:16px}.btn-sm{padding-top:8px;padding-bottom:8px}.btn-icon{width:40px;height:40px}input[type=checkbox],input[type=radio]{width:18px;height:18px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--c-text-faint);background-clip:padding-box}@media (max-width: 640px),(max-height: 480px) and (pointer: coarse),(max-width: 900px) and (orientation: portrait) and (pointer: coarse){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:none;border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:calc(100% - 28px);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.modal-header{padding:14px 16px}.modal-body{padding:18px 16px}.modal-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}}