:root{--bg: #f4f6fa;--surface: #ffffff;--surface-sunken: #eef1f7;--line: #e2e7f0;--line-strong: #cfd7e5;--ink: #131a2b;--ink-soft: #55607a;--ink-faint: #6b7489;--brand: #14a8a6;--brand-dark: #0f8785;--brand-wash: #e6f6f6;--accent: #2563eb;--danger: #d64545;--danger-wash: #fdecec;--warn: #b86e00;--warn-wash: #fff4e0;--ok: #1a8a4a;--ok-wash: #e7f6ed;--t-hero: 26px;--t-title: 19px;--t-body: 15px;--t-small: 13px;--t-tiny: 11px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(19, 26, 43, .05), 0 6px 20px rgba(19, 26, 43, .06);--shadow-lift: 0 2px 6px rgba(19, 26, 43, .08), 0 12px 32px rgba(19, 26, 43, .1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;min-height:100vh;padding:0 var(--s4) calc(72px + var(--s5))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--s3);padding:var(--s4) 0 var(--s3);background:linear-gradient(180deg,var(--bg) 70%,rgba(244,246,250,0))}.topbar h1{margin:0;font-size:var(--t-title);font-weight:700}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--surface);color:var(--ink);width:36px;height:36px;border-radius:50%;font-size:17px;cursor:pointer;box-shadow:var(--shadow);flex:0 0 auto}.back:active{transform:scale(.94)}.hero{font-size:var(--t-hero);font-weight:750;letter-spacing:-.02em;margin:0 0 var(--s2)}.lede{color:var(--ink-soft);margin:0 0 var(--s5)}.section-label{font-size:var(--t-tiny);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:var(--s5) 0 var(--s2)}.muted{color:var(--ink-soft)}.small{font-size:var(--t-small)}.card{background:var(--surface);border-radius:var(--radius);padding:var(--s4);box-shadow:var(--shadow)}.card+.card{margin-top:var(--s3)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:13px var(--s4);font-size:var(--t-body);font-weight:650;font-family:inherit;cursor:pointer;width:100%;transition:transform .06s ease,background .15s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-dark);color:#fff}.btn-primary:hover:not(:disabled){background:#0b6f6d}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-sunken)}.btn-quiet{background:transparent;color:var(--ink-soft)}.btn-quiet:hover:not(:disabled){color:var(--ink)}.btn-danger{background:var(--danger-wash);color:var(--danger);border-color:#f3c9c9}.btn-row{display:flex;gap:var(--s2)}.btn-row .btn{width:auto;flex:1}.tiles{display:grid;gap:var(--s2)}.tile{display:flex;align-items:flex-start;gap:var(--s3);width:100%;text-align:left;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);padding:var(--s3) var(--s4);cursor:pointer;font-family:inherit;box-shadow:var(--shadow);transition:transform .06s ease,box-shadow .15s ease}.tile:hover{box-shadow:var(--shadow-lift)}.tile:active{transform:scale(.99)}.tile-icon{flex:0 0 auto;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--brand-wash);display:grid;place-items:center;color:var(--brand-dark)}.tile-body{flex:1;min-width:0;display:block}.tile-name{display:block;font-weight:650;font-size:var(--t-body);color:var(--ink)}.tile-desc{display:block;font-size:var(--t-small);color:var(--ink-soft);margin-top:2px;line-height:1.35}.tile .badge{align-self:flex-start}.tile-locked .tile-icon{background:var(--surface-sunken);color:var(--ink-faint)}.tile-locked .tile-name{color:var(--ink-soft)}.badge{display:inline-block;font-size:var(--t-tiny);font-weight:700;padding:3px var(--s2);border-radius:999px;white-space:nowrap}.badge-lock{background:var(--warn-wash);color:var(--warn)}.badge-free{background:var(--ok-wash);color:var(--ok)}.steps{display:flex;gap:var(--s2);margin-bottom:var(--s5)}.step-dot{flex:1;height:4px;border-radius:999px;background:var(--line-strong)}.step-dot.done{background:var(--brand)}.step-dot.now{background:var(--brand);opacity:.55}.step-caption{font-size:var(--t-small);color:var(--ink-faint);margin-bottom:var(--s2)}.field{margin-bottom:var(--s4)}.field-label{display:block;font-weight:650;margin-bottom:var(--s1)}.field-hint{font-size:var(--t-small);color:var(--ink-soft);margin-bottom:var(--s2)}.input,.select,.textarea{width:100%;font-family:inherit;font-size:var(--t-body);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:11px var(--s3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.textarea{min-height:96px;resize:vertical}.disclosure{border-top:1px solid var(--line);margin-top:var(--s4);padding-top:var(--s3)}.disclosure-head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;padding:0;font-family:inherit;font-size:var(--t-body);font-weight:650;color:var(--ink);cursor:pointer}.disclosure-body{padding-top:var(--s3)}.chev{color:var(--ink-faint);transition:transform .15s ease}.chev.open{transform:rotate(90deg)}.empty{text-align:center;padding:var(--s6) var(--s4);color:var(--ink-soft)}.empty-icon{margin-bottom:var(--s2);color:var(--ink-faint);display:flex;justify-content:center}.empty-title{font-weight:650;color:var(--ink);margin-bottom:var(--s1)}.notice{border-radius:var(--radius-sm);padding:var(--s3);font-size:var(--t-small)}.notice-info{background:var(--brand-wash);color:var(--brand-dark)}.notice-warn{background:var(--warn-wash);color:var(--warn)}.notice-error{background:var(--danger-wash);color:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,#e6eaf2 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:560px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);padding:var(--s2) var(--s2) calc(var(--s2) + env(safe-area-inset-bottom,0px));z-index:20}.tabbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;font-family:inherit;font-size:var(--t-tiny);font-weight:600;color:var(--ink-faint);display:grid;gap:2px;justify-items:center;padding:var(--s1)}.tabbar button .ic{display:flex}.tabbar button.active{color:var(--brand-dark)}@media (min-width: 900px){.app{max-width:720px;padding-bottom:var(--s7)}.tiles{grid-template-columns:1fr 1fr}.tabbar{max-width:720px;border-radius:var(--radius) var(--radius) 0 0}}