:root{--font-display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;--bg:#fafbfc;--bg-deep:#f1f5f9;--surface:#f8fafc;--surface-2:#e2e8f0;--surface-raised:#fff;--text:#1e293b;--text-soft:#475569;--text-mute:#64748b;--line:#1e293b14;--line-strong:#1e293b29;--accent:#00bfff;--accent-deep:#009acf;--accent-soft:#00bfff14;--accent-line:#00bfff40;--success:#16a34a;--danger:#dc2626;--danger-soft:#dc26260d;--sp-1:.5rem;--sp-2:.75rem;--sp-3:1rem;--sp-4:1.5rem;--sp-5:2rem;--sp-6:3rem;--sp-7:4.5rem;--container:1240px;--radius-sm:6px;--radius:12px;--radius-lg:20px;--shadow-card:0 1px 3px #0000000d,0 10px 30px -15px #0000001a;--shadow-nav:0 1px 0 #1e293b0a,0 8px 24px -16px #0000001a;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{background:var(--bg);font-family:var(--font-body);scroll-behavior:smooth}body,html{color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 2%,var(--accent-soft),transparent 27rem),radial-gradient(circle at 95% 15%,#4755690d,transparent 28rem),var(--bg);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;line-height:1.12}h1{font-size:clamp(2.25rem,1.65rem + 2.5vw,4rem);font-weight:560}h2{font-size:clamp(1.35rem,1.1rem + .8vw,1.85rem);font-weight:600}h3{font-size:1.05rem;font-weight:650}::selection{background:var(--accent-line)}:focus-visible{outline:3px solid var(--accent-line);outline-offset:2px}.app-shell{min-height:100vh}.app-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:#fafbfce8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-nav)}.app-nav__inner{width:min(calc(100% - 40px),var(--container));height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--text);font-size:1.08rem;font-weight:760;letter-spacing:-.025em}.brand__mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:10px;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-mono);font-size:.78rem;font-weight:750}.accent,.brand__dot{color:var(--accent)}.app-nav__actions,.app-nav__links{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.55rem .8rem;border-radius:8px;color:var(--text-soft);font-size:.88rem;font-weight:560;transition:color .2s var(--ease),background .2s var(--ease)}.nav-link.is-active,.nav-link:hover{color:var(--text);background:var(--surface-raised)}.nav-link.is-active{box-shadow:inset 0 0 0 1px var(--line)}.app-main{width:min(calc(100% - 40px),var(--container));margin:0 auto;padding:clamp(2.5rem,5vw,5rem) 0 5rem}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);margin-bottom:var(--sp-5)}.page-header h1{max-width:780px;margin-bottom:.55rem}.page-header__copy{max-width:690px;margin:0;color:var(--text-soft);font-size:1.02rem}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:.8rem;color:var(--text-mute);font-family:var(--font-mono);font-size:.68rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:25px;height:1px;background:var(--accent)}.section-stack{grid-gap:var(--sp-5)}.section-stack,.two-column{display:grid;gap:var(--sp-5)}.two-column{grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);grid-gap:var(--sp-5);align-items:start}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-card)}.card__header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.card__header h2,.card__header h3{margin-bottom:.25rem}.card__header p{margin:0;color:var(--text-mute);font-size:.88rem}.card__body{padding:var(--sp-5)}.card--accent{position:relative;overflow:hidden}.card--accent:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-deep))}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.item-card{min-height:178px;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-card);display:flex;flex-direction:column;transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.item-card:hover{transform:translateY(-3px);border-color:var(--accent-line);box-shadow:0 14px 38px -18px #009acf40}.item-card__icon{width:42px;height:42px;margin-bottom:var(--sp-4);display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-mono);font-size:.72rem;font-weight:720}.item-card h3{margin-bottom:.35rem}.item-card p{margin:0;color:var(--text-mute);font-size:.86rem}.item-card__arrow{margin-top:auto;padding-top:var(--sp-3);color:var(--accent-deep);font-size:.85rem;font-weight:650}.btn{min-height:42px;padding:.7rem 1rem;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;cursor:pointer;font-size:.86rem;font-weight:650;line-height:1;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--accent);color:#05212a;box-shadow:0 8px 24px -12px var(--accent-deep)}.btn--primary:hover:not(:disabled){background:#23c9ff}.btn--secondary{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text)}.btn--ghost{background:transparent;color:var(--text-soft)}.btn--danger{border-color:#dc262633;background:var(--danger-soft);color:var(--danger)}.btn--small{min-height:34px;padding:.52rem .72rem;font-size:.76rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.form-row{display:flex;gap:var(--sp-3);align-items:flex-end}.form-row>.field{flex:1 1}.field{display:grid;grid-gap:.42rem;gap:.42rem}.field--full{grid-column:1/-1}.field label,.field-label{color:var(--text-soft);font-size:.75rem;font-weight:650}.input,.select,.textarea{width:100%;min-height:46px;padding:.72rem .85rem;border:1px solid var(--line-strong);border-radius:9px;background:var(--bg);color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.textarea{min-height:112px;resize:vertical}.input::placeholder,.textarea::placeholder{color:#94a3b8}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);background:var(--surface-raised);box-shadow:0 0 0 3px var(--accent-soft)}.check{display:flex;align-items:center;gap:.6rem;color:var(--text-soft);font-size:.84rem;cursor:pointer}.check input{width:17px;height:17px;accent-color:var(--accent-deep)}.list{list-style:none;margin:0;padding:0}.list-row{min-height:66px;padding:.9rem 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.list-row:last-child{border-bottom:0}.list-row__main{min-width:0}.list-row__title{overflow:hidden;color:var(--text);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.list-row__meta{color:var(--text-mute);font-size:.79rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-soft);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.03em;text-transform:uppercase}.badge--accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-deep)}.badge--success{border-color:#16a34a2b;background:#16a34a0d;color:var(--success)}.empty-state{padding:var(--sp-6) var(--sp-4);border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center}.empty-state__icon{width:46px;height:46px;margin:0 auto var(--sp-3);display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-mono);font-weight:700}.empty-state h3{margin-bottom:.4rem}.empty-state p{max-width:440px;margin:0 auto;color:var(--text-mute);font-size:.88rem}.notice{padding:.9rem 1rem;border:1px solid var(--accent-line);border-radius:9px;background:var(--accent-soft);color:var(--text-soft);font-size:.84rem}.notice--error{border-color:#dc262633;background:var(--danger-soft);color:var(--danger)}.code-box{padding:.85rem 1rem;border:1px solid var(--line);border-radius:9px;background:var(--bg-deep);color:var(--text-soft);font-family:var(--font-mono);font-size:.77rem;overflow-wrap:anywhere}.deck-sandbox-frame{display:block;width:100vw;height:100vh;border:0;background:white}.preview-frame{width:100%;height:min(62vh,620px);border:1px solid var(--line);border-radius:var(--radius);background:white}.auth-page{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);align-items:stretch}.auth-story{min-height:620px;padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center}.auth-story h1{max-width:780px;margin-bottom:var(--sp-4)}.auth-story h1 em{color:var(--accent);font-style:normal}.auth-story p{max-width:620px;color:var(--text-soft);font-size:clamp(1rem,.9rem + .4vw,1.2rem)}.auth-panel{padding:clamp(2rem,5vw,5rem);border-left:1px solid var(--line);background:#ffffffa8;display:grid;place-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card{width:min(100%,430px)}.auth-card h2{margin-bottom:.55rem;font-size:1.8rem}.auth-card__intro{margin-bottom:var(--sp-5);color:var(--text-mute)}.auth-form{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.auth-switch{margin:var(--sp-4) 0 0;color:var(--text-mute);font-size:.86rem}.auth-switch a{color:var(--accent-deep);font-weight:650}.login-prompt{max-width:560px;margin:10vh auto;text-align:center}.login-prompt h1{font-size:2.2rem}.hero-home{min-height:100vh;padding:2rem;display:grid;place-items:center}.hero-home__inner{width:min(100%,1120px);display:grid;grid-template-columns:1.2fr .8fr;grid-gap:clamp(2rem,6vw,6rem);gap:clamp(2rem,6vw,6rem);align-items:center}.hero-home h1{margin-bottom:var(--sp-4);font-size:clamp(3.2rem,2rem + 5vw,6.8rem);font-weight:520}.hero-home h1 em{color:var(--accent);font-style:normal}.hero-home__lead{max-width:660px;color:var(--text-soft);font-size:clamp(1.05rem,.95rem + .4vw,1.25rem)}.hero-home__actions{margin-top:var(--sp-5);display:flex;gap:var(--sp-3)}.hero-stat{padding:var(--sp-5);border-top:1px solid var(--line)}.hero-stat:first-child{border-top:0}.hero-stat strong{display:block;color:var(--accent);font-family:var(--font-display);font-size:2.6rem;font-weight:540;line-height:1}.hero-stat span{display:block;margin-top:.5rem;color:var(--text-soft)}@media (max-width:980px){.auth-page,.hero-home__inner,.two-column{grid-template-columns:1fr}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel{border-top:1px solid var(--line);border-left:0}.auth-story{min-height:auto;padding-bottom:2rem}}@media (max-width:720px){.app-main,.app-nav__inner{width:min(calc(100% - 24px),var(--container))}.app-nav__inner{height:auto;min-height:68px;flex-wrap:wrap;padding:.7rem 0}.app-nav__links{order:3;width:100%;overflow-x:auto}.app-nav__actions .btn--ghost{display:none}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:2.3rem}.form-grid,.item-grid{grid-template-columns:1fr}.form-row{align-items:stretch;flex-direction:column}.card__body,.card__header{padding:var(--sp-4)}.list-row{align-items:flex-start;flex-direction:column}.hero-home{padding:1.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}