:root{--color-brand: #6e56ff;--color-brand-deep: #4b32d6;--color-ink: #14121a;--color-paper: #f7f5ff;--color-illustration-100: #eaf0ff;--color-illustration-300: #b9cbff;--color-illustration-500: #6e8cff;--color-illustration-700: #2e45b8;--color-illustration-900: #14205c;--color-time: #00c2ff;--color-money: #1fcb6b;--color-social: #ff3d9a;--color-study: #ffb020;--color-pale-time: #cff3ff;--color-pale-money: #cff7e0;--color-pale-social: #ffdcef;--color-pale-study: #ffebc7;--color-deco-rose: #ffd9e8;--color-deco-mint: #cff5e4;--color-deco-sand: #fff0c7;--color-deco-lavender: #e3dcff;--color-deco-sky: #cfebff;--color-gray-warm-50: #f4f2f8;--color-gray-warm-300: #d6d2e3;--color-gray-warm-600: #6b6680;--color-gray-cool-50: #eef0f6;--color-gray-cool-300: #c3c9dc;--color-gray-cool-600: #5b637e;--color-success: #1fcb6b;--color-warning: #ffb020;--color-card-bg: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-outer: clamp(1.25rem, 5vw, 2.5rem);--bdrs-xs: 4px;--bdrs-sm: 8px;--bdrs-lg: 16px;--bdrs-tile: 28px;--bdrs-full: 999px;--font-display: "Space Grotesk", system-ui, Arial, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-ink);background:var(--color-ink)}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:var(--color-ink)}a{color:inherit}.type-display{font-family:var(--font-display);font-weight:700;line-height:1.05;font-size:clamp(32px,6vw,56px)}.type-h1{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.15}.type-h2{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.25}.type-hud{font-family:var(--font-mono);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.type-level-number{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1}.highlight{background:var(--color-illustration-100);padding:0 .15em;border-radius:2px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1;padding:12px 22px;border-radius:var(--bdrs-full);transition:background .15s ease,filter .15s ease}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover{filter:brightness(1.35)}.btn-secondary{background:var(--color-gray-warm-50);color:var(--color-ink)}.btn-secondary:hover{background:var(--color-gray-warm-300)}.btn-ghost{background:transparent;border:1px solid var(--color-gray-warm-300);color:var(--color-ink)}.btn-ghost:hover{background:var(--color-gray-warm-50)}.btn-mode{color:var(--color-ink)}.btn-mode:hover{filter:brightness(.9)}.btn-sm{font-size:14px;padding:8px 16px}.btn:focus-visible,.tile:focus-visible,.freeslot:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.badge-hud{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--color-gray-cool-50);color:var(--color-ink);border-radius:var(--bdrs-xs);padding:3px 8px}.badge-full{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);border-radius:var(--bdrs-xs);padding:3px 8px;font-weight:700}.portal{min-height:100vh;background:linear-gradient(var(--color-ink),var(--color-ink)) padding-box,var(--color-ink);background-image:linear-gradient(rgba(195,201,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(195,201,220,.07) 1px,transparent 1px);background-size:28px 28px;color:var(--color-paper);display:flex;flex-direction:column}.portal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-outer)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--color-ink);border:2px solid var(--color-brand);color:var(--color-paper);font-family:var(--font-display);font-weight:700;font-size:22px;display:grid;place-items:center}.brand-name{font-family:var(--font-display);font-weight:700;font-size:22px}.portal-main{flex:1;padding:var(--space-8) var(--space-outer) var(--space-12);max-width:1080px;width:100%;margin:0 auto}.portal-hello{margin-bottom:var(--space-8)}.portal-hello .type-hud{color:var(--color-gray-cool-300);margin-bottom:var(--space-2);display:block}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(min-width:60em){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{position:relative;overflow:hidden;border-radius:var(--bdrs-tile);padding:var(--space-6) var(--space-4) var(--space-4);color:var(--color-ink);text-align:left;display:flex;flex-direction:column;gap:var(--space-3);min-height:170px;transition:transform .15s ease,box-shadow .15s ease}.tile:hover{transform:translateY(-3px);box-shadow:0 0 0 3px var(--tile-accent),0 12px 30px #00000059}.tile:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);height:40px;animation:scan-tile .7s ease-out;pointer-events:none}@keyframes scan-tile{0%{transform:translateY(-60px)}to{transform:translateY(220px)}}.tile-icon{font-size:28px;line-height:1}.tile-status{margin-top:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);opacity:.75}.portal-footer{background:var(--color-brand);color:var(--color-paper);padding:var(--space-8) var(--space-outer);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.footer-mark{font-family:var(--font-display);font-weight:700;font-size:clamp(64px,12vw,120px);line-height:.9;opacity:.9}.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-links button{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-align:right;opacity:.9}.footer-links button:hover{text-decoration:underline}.mode-page{min-height:100vh;background:var(--color-paper);display:flex;flex-direction:column}.mode-nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-outer);background:var(--color-ink);color:var(--color-paper)}.mode-nav .brand-mark{width:32px;height:32px;font-size:18px;border-radius:9px}.mode-nav-title{font-family:var(--font-display);font-weight:600;font-size:20px;flex:1}.mode-hud{border:1px solid var(--mode-color);border-radius:var(--bdrs-xs);background:var(--color-card-bg);margin:var(--space-6) var(--space-outer) 0;padding:var(--space-4) var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center}.mode-hud .type-hud{color:var(--color-gray-cool-600)}.hud-item{display:flex;flex-direction:column;gap:var(--space-1)}.mode-body{flex:1;padding:var(--space-6) var(--space-outer) var(--space-12);max-width:1080px;width:100%;margin:0 auto}.mode-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.mode-tab{border-radius:var(--bdrs-full);padding:8px 16px;font-weight:600;font-size:14px;background:var(--color-gray-warm-50);border:1px solid transparent}.mode-tab:hover{background:var(--color-gray-warm-300)}.mode-tab.active{background:var(--mode-color);color:var(--color-ink)}.card{background:var(--color-card-bg);border-radius:var(--bdrs-lg);padding:var(--space-6);border:1px solid var(--color-gray-warm-300)}.card+.card{margin-top:var(--space-4)}.reco-card{position:relative;background:var(--color-card-bg);border-radius:var(--bdrs-lg);border:1px solid var(--color-brand);padding:var(--space-4) var(--space-6);background-image:radial-gradient(var(--mode-pale, var(--color-gray-warm-50)) 1.5px,transparent 1.5px);background-size:14px 14px;background-position:right -10px bottom -10px}.reco-card+.reco-card{margin-top:var(--space-3)}.reco-source{display:block;margin-top:var(--space-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-warm-600)}.reco-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2);align-items:center}.reco-applied{border-color:var(--color-success)}.reco-applied-label{color:var(--color-success);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-warm-600)}.field input,.field select,.field textarea{border:1px solid var(--color-gray-warm-300);border-radius:var(--bdrs-sm);padding:10px 12px;background:var(--color-card-bg)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-brand);outline-offset:1px}.scan-progress{display:flex;gap:var(--space-1);margin-bottom:var(--space-6)}.scan-progress span{height:4px;flex:1;border-radius:2px;background:var(--color-gray-warm-300)}.scan-progress span.done{background:var(--mode-color)}.choice-list{display:flex;flex-direction:column;gap:var(--space-2)}.choice{text-align:left;border:1px solid var(--color-gray-warm-300);border-radius:var(--bdrs-sm);padding:12px 16px;background:var(--color-card-bg);transition:border-color .1s ease,background .1s ease}.choice:hover{border-color:var(--mode-color);background:var(--mode-pale)}.choice.selected{border-color:var(--mode-color);background:var(--mode-pale);font-weight:600}.scanline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}.scanline-overlay:before{content:"";position:absolute;left:0;right:0;height:4px;background:var(--mode-color, var(--color-brand));box-shadow:0 0 24px 6px var(--mode-color, var(--color-brand));animation:scanline .9s ease-in forwards}@keyframes scanline{0%{top:-10px;opacity:1}85%{opacity:1}to{top:100vh;opacity:0}}.planner-wrap{overflow-x:auto}.planner{display:grid;grid-template-columns:48px repeat(7,minmax(96px,1fr));border:1px solid var(--color-gray-warm-300);border-radius:var(--bdrs-sm);background:var(--color-card-bg);min-width:760px}.planner-corner,.planner-dayhead{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:var(--space-2);border-bottom:1px solid var(--color-gray-warm-300);text-align:center;background:var(--color-gray-warm-50)}.planner-hour{font-family:var(--font-mono);font-size:10px;color:var(--color-gray-warm-600);border-top:1px solid var(--color-gray-warm-50);padding:2px 4px}.planner-daycol{position:relative;border-left:1px solid var(--color-gray-warm-50)}.planner-cellrow{height:34px;border-top:1px solid var(--color-gray-warm-50)}.block{position:absolute;left:3px;right:3px;border-radius:var(--bdrs-xs);padding:2px 6px;font-size:11px;font-weight:600;overflow:hidden;border:1px solid rgba(20,18,26,.15)}.block small{display:block;font-weight:400;font-size:10px;opacity:.75}.freeslot{position:absolute;left:3px;right:3px;border-radius:var(--bdrs-xs);border:1.5px dashed var(--color-gray-warm-300);background:transparent;font-size:10px;color:var(--color-gray-warm-600);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.freeslot:hover{border-color:var(--color-time);background:var(--color-pale-time)}.money-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:60em){.money-grid{grid-template-columns:1fr 1fr}}.bar-row{display:grid;grid-template-columns:110px 1fr 90px;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:14px}.bar-track{background:var(--color-gray-warm-50);border-radius:var(--bdrs-full);height:14px;position:relative;overflow:hidden}.bar-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--bdrs-full)}.money-amount{font-family:var(--font-mono);font-size:13px;text-align:right}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-warm-600);text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-gray-warm-300)}.table td{padding:var(--space-2);border-bottom:1px solid var(--color-gray-warm-50)}.projection-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.projection-chip{background:var(--color-gray-cool-50);border-radius:var(--bdrs-xs);padding:var(--space-3) var(--space-4);min-width:110px}.projection-chip .type-hud{color:var(--color-gray-cool-600);display:block;margin-bottom:2px}.projection-chip strong{font-family:var(--font-display);font-size:22px}.notice{background:var(--color-gray-cool-50);border-left:3px solid var(--color-warning);border-radius:var(--bdrs-xs);padding:var(--space-3) var(--space-4);font-size:13px;color:var(--color-gray-cool-600);margin-top:var(--space-4)}.onboarding{min-height:100vh;background:var(--color-ink);background-image:linear-gradient(rgba(195,201,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(195,201,220,.07) 1px,transparent 1px);background-size:28px 28px;color:var(--color-paper);display:grid;place-items:center;padding:var(--space-outer)}.onboarding-card{background:var(--color-paper);color:var(--color-ink);border-radius:var(--bdrs-lg);padding:var(--space-8);max-width:520px;width:100%}.parent-page{min-height:100vh;background:var(--color-paper)}.parent-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:37.5em){.parent-grid{grid-template-columns:1fr 1fr}}.parent-block{border:1px solid var(--color-gray-cool-300);border-radius:var(--bdrs-xs);background:var(--color-card-bg);padding:var(--space-4) var(--space-6)}.parent-block .type-hud{color:var(--color-gray-cool-600)}.empty-hint{color:var(--color-gray-warm-600);font-size:14px}.btn-on-ink{background:var(--color-paper);color:var(--color-ink)}.btn-on-ink:hover{filter:brightness(.92)}.btn-ghost-dark{color:var(--color-paper);border-color:var(--color-gray-cool-600)}.btn-ghost-dark:hover{background:#f7f5ff14}.tile-static{cursor:default}.tile-static:hover{transform:none;box-shadow:none}.tile-static:hover:after{display:none}.landing-paper{background:var(--color-paper);color:var(--color-ink);padding:var(--space-12) var(--space-outer)}.landing-inner{max-width:1080px;margin:0 auto}.steps-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.step-card{border:1px solid var(--color-illustration-300);border-radius:var(--bdrs-xs);background:var(--color-illustration-100);padding:var(--space-6)}.stats-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.stat-chip{border-radius:var(--bdrs-full);padding:10px 18px;font-weight:600;font-size:14px;color:var(--color-ink)}.pricing-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:760px}.pricing-card{display:flex;flex-direction:column}.pricing-card .btn{justify-content:center}.pricing-featured{border:2px solid var(--color-brand)}.gate-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;max-width:760px}@media(min-width:37.5em){.gate-grid{grid-template-columns:1fr 1fr}}.gate-tile{min-height:220px}.gate-tile p{text-align:left}.see-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;max-width:760px}@media(min-width:37.5em){.see-grid{grid-template-columns:1fr 1fr}}.see-grid .card+.card{margin-top:0}.invite-code{font-family:var(--font-mono);font-size:32px;font-weight:700;letter-spacing:.25em;background:var(--color-gray-cool-50);border:1px dashed var(--color-gray-cool-300);border-radius:var(--bdrs-xs);padding:var(--space-3) var(--space-4)}@media print{body{background:#fff}.no-print,.mode-nav,.mode-tabs,.mode-hud,.portal-footer{display:none!important}.mode-page{background:#fff}.planner{min-width:0;border:1px solid #999}.print-header{display:block!important;margin-bottom:8mm}}.print-header{display:none}