:root{--tt-ink:#141414;--tt-paper:#fff;--tt-surface:#fff;--tt-green:#163a1f;--tt-on-green:#f4eee2;--tt-cream:#f4eee2;--tt-muted:#62645e;--tt-line:#dddfd6;--tt-accent:#e8491d;--tt-radius-card:20px;--tt-radius-control:12px;--ok-bg:#e4f3e6;--ok-border:#1f7a3d;--warn-bg:#fdf1dc;--warn-border:#b8860a;--danger-bg:#fde3df;--danger-border:#c62f1f;--font-display:"Archivo Black", Inter, ui-sans-serif, system-ui, sans-serif;color:var(--tt-ink);background:var(--tt-paper);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:16px}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;line-height:1.1}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--tt-green);outline-offset:2px}.topbar a:focus-visible,.nav a:focus-visible{outline-color:var(--tt-on-green)}.skip-link{background:var(--tt-ink);color:var(--tt-on-green);z-index:100;padding:10px 16px;position:absolute;top:0;left:-999px}.skip-link:focus{top:8px;left:8px}.app{min-height:100vh;padding-bottom:88px}.topbar{background:var(--tt-ink);color:var(--tt-on-green);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding:18px 20px;display:flex;position:sticky;top:0}.brand{color:var(--tt-on-green);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo{width:auto;height:28px;display:block}.brand-suffix{font-family:var(--font-display);letter-spacing:.02em;font-size:22px}.sub{text-transform:uppercase;opacity:.75;letter-spacing:.18em;font-size:10px;font-weight:800}.shell{max-width:720px;margin:0 auto;padding:18px}.card{background:var(--tt-surface);border:1px solid var(--tt-line);border-radius:var(--tt-radius-card);margin:0 0 14px;padding:20px;box-shadow:0 1px 3px #1414140f}.hero{background:var(--tt-ink);color:var(--tt-on-green);border-color:var(--tt-ink)}.hero h1{font-size:26px}.authok{background:var(--ok-bg);border-color:var(--ok-border)}.warning{background:var(--warn-bg);border-color:var(--warn-border)}.accent{color:var(--tt-green)}.muted{color:var(--tt-muted);font-size:14px}.pill{background:var(--tt-green);color:var(--tt-on-green);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;margin-bottom:10px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-block}.hero .pill{background:var(--tt-on-green);color:var(--tt-green)}.pill-pending,.pill-changes_requested{background:var(--tt-accent);color:var(--tt-on-green);margin:0 6px 6px 0}.pill-approved{background:var(--tt-green);color:var(--tt-on-green);margin:0 6px 6px 0}.btn{border:2px solid var(--tt-green);border-radius:var(--tt-radius-control);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:var(--tt-green);width:100%;min-height:48px;color:var(--tt-on-green);text-align:center;padding:15px 18px;font-size:14px;font-weight:800;text-decoration:none;transition:opacity .1s,transform 80ms;display:inline-block}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{background:var(--tt-surface);color:var(--tt-ink);border-color:var(--tt-ink)}.hero .btn{background:var(--tt-on-green);color:var(--tt-green);border-color:var(--tt-on-green)}.hero .btn.secondary{color:var(--tt-on-green);border-color:var(--tt-on-green);background:0 0}.field{flex-direction:column;gap:8px;margin-top:14px;display:flex}.field label{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.field input,.field select{border:1px solid var(--tt-line);border-radius:var(--tt-radius-control);min-height:48px;padding:14px;font-size:16px}.switchline{justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;display:flex}.switchline+.switchline{border-top:1px solid var(--tt-line)}.switchline input[type=checkbox]{width:22px;height:22px;accent-color:var(--tt-green);flex-shrink:0;margin-top:2px}.loading{color:var(--tt-muted);align-items:center;gap:10px;padding:16px;display:flex}.spinner{border:3px solid var(--tt-line);border-top-color:var(--tt-green);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.nav{background:var(--tt-ink);color:var(--tt-on-green);z-index:20;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.navin{grid-template-columns:repeat(5,1fr);width:100%;max-width:720px;padding:8px 4px;display:grid}.nav a{color:var(--tt-on-green);text-align:center;text-transform:uppercase;letter-spacing:.02em;border-bottom:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:8px 2px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.nav a svg{width:20px;height:20px}.nav a.active{border-bottom-color:var(--tt-green);font-weight:800}@media (width>=700px){.shell{padding-top:28px}}.demo-banner{background:var(--tt-cream);color:var(--tt-ink);border:1px solid var(--tt-line);border-radius:var(--tt-radius-control);text-align:center;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:700}.demo-banner strong{color:var(--tt-green);text-transform:uppercase;letter-spacing:.06em}.demo-page .hero p{opacity:.92}.draft-banner{color:var(--tt-ink);border:1px solid var(--tt-accent);border-radius:var(--tt-radius-control);text-align:center;background:#fdece4;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:700}.draft-banner strong{color:var(--tt-accent);text-transform:uppercase;letter-spacing:.06em}.content-list-item{border-bottom:1px solid var(--tt-line);color:inherit;padding:12px 0;text-decoration:none;display:block}.content-list-item:last-child{border-bottom:none}.content-list-item h3{margin:0 0 4px}.recipe-steps,.activity-steps{padding-left:20px}.recipe-steps li,.activity-steps li{margin-bottom:8px}.demo-stack{flex-direction:column;gap:14px;display:flex}.demo-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-tabs{gap:8px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.demo-tab{border:1px solid var(--tt-line);background:var(--tt-surface);color:var(--tt-ink);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:999px;flex:none;min-height:44px;padding:10px 16px;font-size:12px;font-weight:800}.demo-tab.active{background:var(--tt-green);color:var(--tt-on-green);border-color:var(--tt-green)}.demo-chip-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.demo-chip{border:1px solid var(--tt-line);background:var(--tt-surface);color:var(--tt-ink);border-radius:var(--tt-radius-control);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;min-height:40px;padding:8px 14px;font-size:13px;font-weight:700}.demo-chip.active{background:var(--tt-green);color:var(--tt-on-green);border-color:var(--tt-green)}.demo-entry-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.demo-entry{background:var(--tt-paper);border:1px solid var(--tt-line);border-radius:var(--tt-radius-control);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.demo-entry-right{align-items:center;gap:8px;display:flex}.demo-parent-entry{background:var(--tt-paper);border:1px solid var(--tt-line);border-radius:var(--tt-radius-control);padding:10px 12px}.demo-btn-sm{width:auto;min-height:40px;padding:8px 14px;font-size:12px}.progress-track{background:var(--tt-line);border-radius:999px;height:12px;margin-top:6px;overflow:hidden}.progress-fill{background:var(--tt-green);height:100%}.demo-today{border:2px solid var(--tt-accent)}.demo-today-tag{color:var(--tt-accent);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.demo-avatar-wrap{justify-content:center;display:flex}.avatar-canvas{background:var(--tt-paper);border:1px solid var(--tt-line);border-radius:14px;overflow:hidden}.demo-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.demo-shop-item{flex-direction:column;gap:6px;display:flex}.demo-balance{font-family:var(--font-display);color:var(--tt-ink);margin:4px 0 0;font-size:40px;display:inline-block;position:relative}.demo-balance:after{content:"";background:var(--tt-green);height:6px;position:absolute;bottom:-4px;left:2px;right:2px}.activity-stat{font-family:var(--font-display);color:var(--tt-ink);margin:2px 0 0;font-size:26px}.activity-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:140px;margin-top:16px;display:flex}.activity-chart-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.activity-chart-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.activity-chart-bar{background:var(--tt-green);border-radius:6px 6px 2px 2px;width:100%}.activity-chart-bar.today{background:var(--tt-accent)}.activity-chart-bar-empty{background:var(--tt-line);border-radius:2px;align-self:flex-end;width:100%;height:4px}.activity-chart-label{margin-top:6px;font-size:11px}.avatar-studio{flex-direction:column;gap:16px;display:flex}.avatar-studio-preview{flex-direction:column;align-items:center;gap:4px;display:flex}.avatar-studio-wardrobe{min-width:0}.avatar-studio-slot-tabs,.avatar-studio-collection-filter{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.avatar-studio-slot-tabs .demo-chip,.avatar-studio-collection-filter .demo-chip{flex:none}.avatar-studio-celebration{border-color:var(--tt-green);justify-content:space-between;align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:no-preference){.avatar-studio-celebration{animation:.4s ease-out avatar-celebrate}}@keyframes avatar-celebrate{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.avatar-studio{flex-direction:row;align-items:flex-start}.avatar-studio-preview{flex:0 0 240px;position:sticky;top:16px}.avatar-studio-wardrobe{flex:1}}.game-board{aspect-ratio:1;background:var(--tt-line);border-radius:var(--tt-radius-control);gap:2px;width:min(320px,100%);margin:10px auto 0;display:grid;overflow:hidden}.game-cell{background:var(--tt-paper)}.game-board-snake .snake-body{background:var(--tt-green)}.game-board-snake .snake-head{background:var(--tt-ink)}.game-board-snake .snake-food{background:var(--tt-accent);border-radius:50%}.game-board-merge{background:var(--tt-ink);gap:6px;padding:6px}.merge-tile{font-family:var(--font-display);border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.game-dpad{grid-template-rows:repeat(2,56px);grid-template-columns:repeat(3,56px);justify-content:center;gap:8px;margin-top:4px;display:grid}.game-pad{width:56px;min-height:56px;padding:0;font-size:20px}.game-board-pairs,.game-board-pattern{background:0 0;gap:8px}.game-card{border:2px solid var(--tt-line);border-radius:var(--tt-radius-control);background:var(--tt-surface);min-height:56px;color:var(--tt-ink);cursor:pointer;justify-content:center;align-items:center;font-size:22px;display:flex}.game-card:disabled{cursor:not-allowed}.game-card-up{border-color:var(--tt-green);background:var(--tt-cream)}.game-card-matched{border-color:var(--tt-green);background:var(--ok-bg);opacity:.7}.pattern-pad{min-height:96px;font-size:30px}.pattern-pad-lit{border-color:var(--tt-accent);background:var(--tt-accent);color:var(--tt-on-green)}.game-result-headline{font-family:var(--font-display);margin:4px 0;font-size:24px}.game-result-awarded{border-color:var(--tt-green)}.game-result-badge{color:var(--tt-accent);font-weight:800}.badge-chip.active{border-color:var(--tt-accent)}.app--marketing{padding-bottom:0}.marketing-topbar{background:var(--tt-paper);justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;display:flex}.marketing-back{border:1px solid var(--tt-line);background:var(--tt-surface);width:40px;height:40px;color:var(--tt-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.marketing-shell{max-width:560px;margin:0 auto;padding:8px 18px 48px}.fuel-hero{text-align:center;padding:28px 4px 8px}.fuel-hero h1{margin:14px 0 8px;font-size:34px}.fuel-hero p{font-size:17px;line-height:1.5}.fuel-pillars{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;display:grid}.fuel-pillar-card{text-align:left;padding:16px}.fuel-pillar-card svg{color:var(--tt-green);margin-bottom:8px}.fuel-pillar-card h3{text-transform:uppercase;margin:0 0 4px;font-size:14px}.fuel-pillar-card p{margin:0;font-size:13px}.fuel-pillar-card.is-featured{border-color:var(--tt-green);background:var(--tt-cream);border-width:2px}.quiz-step-count{text-transform:uppercase;letter-spacing:.08em;color:var(--tt-muted);margin:0 0 6px;font-size:12px;font-weight:800}.quiz-question{margin:0 0 20px;font-size:24px}.quiz-options{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.quiz-option{text-align:left;border-radius:var(--tt-radius-control);border:2px solid var(--tt-line);background:var(--tt-surface);width:100%;color:var(--tt-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:16px 18px;font-size:15px;font-weight:700;display:flex}.quiz-option.selected{border-color:var(--tt-green);background:var(--tt-cream)}.quiz-option-dot{border:2px solid var(--tt-line);width:22px;height:22px;color:var(--tt-on-green);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.quiz-option.selected .quiz-option-dot{border-color:var(--tt-green);background:var(--tt-green)}.quiz-building{text-align:center;padding:60px 10px}.quiz-building-spinner{border:5px solid var(--tt-line);border-top-color:var(--tt-green);border-radius:999px;width:48px;height:48px;margin:0 auto 20px;animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){.quiz-building-spinner{animation:none}}.plan-reveal-list{flex-direction:column;gap:10px;margin:18px 0 24px;display:flex}.plan-reveal-item{align-items:flex-start;gap:14px;padding:16px;display:flex}.plan-reveal-item svg{color:var(--tt-green);flex:none;margin-top:2px}.plan-reveal-item.is-featured{border-color:var(--tt-green);background:var(--tt-cream);border-width:2px}.plan-reveal-item h3{margin:0 0 4px;font-size:15px}.plan-reveal-item p{color:var(--tt-muted);margin:0;font-size:13px}.lobby-pillar-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.lobby-pillar-card{color:var(--tt-ink);flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.lobby-pillar-card svg{color:var(--tt-green)}.lobby-pillar-card h3{text-transform:uppercase;margin:0;font-size:14px}.lobby-pillar-card p{color:var(--tt-muted);margin:0;font-size:12px}.lobby-pillar-card.is-locked{opacity:.6}.lobby-child-chip-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}