:root{--bg: #f6f8fb;--bg-deep: #eef2f7;--surface: #ffffff;--surface-alt: #f1f5fa;--surface-hi: #eaf1fb;--text: #0f172a;--text-soft: #1f2937;--muted: #5b6573;--muted-2: #8089a0;--border: #dde3eb;--border-soft: #e7ecf2;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-soft: #dbe7ff;--accent-text: #1d4ed8;--warm: #f97316;--warm-strong: #ea580c;--warm-soft: #ffe9d6;--success: #10b981;--success-soft:#d1fae5;--warning: #f59e0b;--warning-soft:#fef3c7;--danger: #ef4444;--danger-soft: #fee2e2;--info: #0ea5e9;--info-soft: #e0f2fe;--r-card: 14px;--r-input: 10px;--r-chip: 999px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow: 0 6px 24px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 20px 48px rgba(15,23,42,.16);--font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display: "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%}html{color-scheme:light}body{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);margin:0 0 12px;letter-spacing:-.01em}h1{font-size:38px;line-height:1.15;font-weight:700}h2{font-size:24px;line-height:1.25;font-weight:600}h3{font-size:19px;line-height:1.3;font-weight:600}h4{font-size:17px;line-height:1.3;font-weight:600;font-family:var(--font-body)}p{margin:0 0 12px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}small,.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;color:var(--accent)}.eyebrow-warm{color:var(--warm-strong)}.kicker{font-size:14px;color:var(--muted)}.container{max-width:1180px;margin:0 auto;padding:0 28px}.container-sm{max-width:880px;margin:0 auto;padding:0 24px}.container-xs{max-width:640px;margin:0 auto;padding:0 20px}.page{padding:36px 0 80px}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:10px}.stack-lg{display:flex;flex-direction:column;gap:28px}.stack-xl{display:flex;flex-direction:column;gap:40px}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.row-tight{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media (max-width: 900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width: 901px) and (max-width: 1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-sm)}.card-pad-lg{padding:32px}.card-pad-sm{padding:16px}.card-alt{background:var(--surface-alt);border-color:var(--border-soft)}.card-soft-blue{background:var(--accent-soft);border-color:#c4d6ff}.card-soft-warm{background:var(--warm-soft);border-color:#ffd0a6}.card-elev{box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;font-size:15px;padding:11px 18px;border-radius:var(--r-input);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .05s ease,background .15s ease,border-color .15s ease,color .15s ease;text-decoration:none}.btn:hover{background:var(--surface-alt);border-color:var(--border)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-warm{background:var(--warm);color:#fff;border-color:var(--warm)}.btn-warm:hover{background:var(--warm-strong);border-color:var(--warm-strong)}.btn-ghost{background:transparent;border-color:transparent;color:var(--accent-text)}.btn-ghost:hover{background:var(--accent-soft)}.btn-danger{color:var(--danger);border-color:var(--border);background:var(--surface)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn-block{width:100%;justify-content:center}.btn-lg{font-size:17px;padding:14px 22px}.btn-sm{font-size:14px;padding:8px 12px}.btn[disabled]{opacity:.55;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:14px;font-weight:600;color:var(--text-soft)}.help{font-size:13px;color:var(--muted)}.input,.select,.textarea{font:inherit;font-size:16px;padding:11px 14px;border-radius:var(--r-input);border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.textarea{min-height:96px;resize:vertical}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:var(--r-chip);background:var(--surface-alt);color:var(--text-soft);border:1px solid var(--border)}.chip-blue{background:var(--accent-soft);color:var(--accent-text);border-color:#c4d6ff}.chip-warm{background:var(--warm-soft);color:var(--warm-strong);border-color:#ffd0a6}.chip-success{background:var(--success-soft);color:#047857;border-color:#a7f3d0}.chip-warning{background:var(--warning-soft);color:#b45309;border-color:#fde68a}.chip-danger{background:var(--danger-soft);color:#b91c1c;border-color:#fecaca}.chip-muted{background:#f1f5fa;color:var(--muted);border-color:var(--border)}.progress{height:10px;background:var(--surface-alt);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:999px;transition:width .35s ease}.progress-bar.warm{background:linear-gradient(90deg,var(--warm),var(--warm-strong))}.progress-bar.success{background:linear-gradient(90deg,#34d399,var(--success))}.skel{background:linear-gradient(90deg,var(--surface-alt) 25%,#e8edf3 50%,var(--surface-alt) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;max-width:1240px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:19px;font-family:var(--font-display);color:var(--text);text-decoration:none}.brand-dot{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--warm));display:inline-flex;align-items:center;justify-content:center;color:#fff}.nav{display:flex;gap:6px;align-items:center}.nav a{font-size:15px;color:var(--text-soft);font-weight:500;padding:8px 12px;border-radius:8px}.nav a:hover{background:var(--surface-alt);text-decoration:none}.nav a.active{color:var(--accent-text);background:var(--accent-soft)}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:36px 0;margin-top:60px}.site-footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.site-footer .muted{font-size:14px}.hero{padding:64px 0 56px;background:radial-gradient(700px 320px at 80% 0%,var(--accent-soft) 0%,transparent 70%),radial-gradient(500px 280px at 10% 0%,var(--warm-soft) 0%,transparent 70%),var(--bg)}.hero h1{font-size:52px;max-width:760px}.hero p.lede{font-size:19px;color:var(--muted);max-width:700px}@media (max-width: 700px){.hero h1{font-size:36px}body{font-size:16px}h1{font-size:30px}h2{font-size:22px}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm)}.stat .stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text)}.stat .stat-label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat .stat-foot{font-size:14px;color:var(--muted-2)}.stat-accent .stat-value{color:var(--accent-text)}.stat-warm .stat-value{color:var(--warm-strong)}.list{display:flex;flex-direction:column}.list .list-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-soft)}.list .list-row:last-child{border-bottom:0}.list-row .list-meta{color:var(--muted);font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-head h2{margin:0}.empty{text-align:center;padding:40px 24px;color:var(--muted);display:flex;flex-direction:column;gap:8px;align-items:center}.empty .empty-icon{width:56px;height:56px;border-radius:999px;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;color:var(--muted-2);margin-bottom:4px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal{background:var(--surface);border-radius:18px;max-width:720px;width:100%;box-shadow:var(--shadow-lg);padding:28px;max-height:calc(100vh - 48px);overflow:auto}.modal h2{margin-top:0}.check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.check.checked{background:var(--accent);border-color:var(--accent);color:#fff}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.tab{padding:10px 14px;font-size:15px;font-weight:600;border-radius:10px 10px 0 0;color:var(--muted);cursor:pointer;border:0;background:transparent}.tab:hover{color:var(--text);background:var(--surface-alt)}.tab.active{color:var(--accent-text);border-bottom:3px solid var(--accent);margin-bottom:-1px;background:transparent}.done-text{text-decoration:line-through;color:var(--muted)}@media print{.no-print{display:none!important}body{background:#fff;color:#000;font-size:12pt}.card{border:1px solid #ddd;box-shadow:none;break-inside:avoid}h1{font-size:26pt}h2{font-size:18pt}.container{max-width:none;padding:0}a{color:#000;text-decoration:none}}.label-sheet{display:grid;grid-template-columns:1fr 1fr;gap:12px}.box-label{border:2px dashed #94a3b8;border-radius:12px;padding:16px;background:#fff;min-height:200px}.box-label .box-label-room{font-size:22px;font-weight:800}.box-label .box-label-num{font-size:16px;font-weight:700}.box-label .box-label-tag{display:inline-block;margin-right:6px}@media print{.label-sheet{grid-template-columns:1fr 1fr;gap:0}.box-label{page-break-inside:avoid}}.divider{border:0;border-top:1px solid var(--border);margin:22px 0}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--surface-alt);border:1px solid var(--border);padding:2px 6px;border-radius:6px}@keyframes mp-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-fade-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mp-pop{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes mp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mp-float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes mp-drift{0%{transform:translate(0)}50%{transform:translate(8px,-10px)}to{transform:translate(0)}}@keyframes mp-drift-2{0%{transform:translate(0)}50%{transform:translate(-10px,6px)}to{transform:translate(0)}}@keyframes mp-spin{to{transform:rotate(360deg)}}@keyframes mp-spin-slow{to{transform:rotate(360deg)}}@keyframes mp-pulse-glow{0%,to{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 0 8px #2563eb2e}}@keyframes mp-ring{0%{transform:scale(.7);opacity:.8}to{transform:scale(2.2);opacity:0}}@keyframes mp-bar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mp-truck{0%{transform:translate(-12px)}50%{transform:translate(12px)}to{transform:translate(-12px)}}@keyframes mp-wheel{to{transform:rotate(360deg)}}@keyframes mp-route{to{stroke-dashoffset:0}}@keyframes mp-bounce-y{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mp-confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--mp-tx, 0),var(--mp-ty, 100px)) rotate(var(--mp-r, 360deg));opacity:0}}.anim-fade-up{animation:mp-fade-up .55s cubic-bezier(.2,.7,.2,1) both}.anim-fade-down{animation:mp-fade-down .55s cubic-bezier(.2,.7,.2,1) both}.anim-fade-in{animation:mp-fade-in .55s ease both}.anim-pop{animation:mp-pop .42s cubic-bezier(.2,.7,.2,1) both}.anim-float{animation:mp-float 5.5s ease-in-out infinite}.anim-float-slow{animation:mp-float-slow 7s ease-in-out infinite}.anim-drift{animation:mp-drift 9s ease-in-out infinite}.anim-drift-2{animation:mp-drift-2 11s ease-in-out infinite}.anim-pulse-glow{animation:mp-pulse-glow 2.2s ease-in-out infinite}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.anim-fade-up,.anim-fade-down,.anim-fade-in,.anim-pop,.anim-float,.anim-float-slow,.anim-drift,.anim-drift-2,.anim-pulse-glow,.reveal{animation:none!important;opacity:1!important;transform:none!important}}.progress-anim{height:12px;background:var(--surface-alt);border-radius:999px;overflow:hidden;border:1px solid var(--border);position:relative}.progress-anim-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 50%,var(--warm) 100%);background-size:200% 100%;animation:mp-bar-shimmer 3.5s linear infinite;transition:width .5s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 16px #2563eb66}.step-pills{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.step-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:14px;font-weight:600;color:var(--muted);transition:all .25s ease}.step-pill .step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--surface-alt);color:var(--muted);font-size:12px;font-weight:700}.step-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);animation:mp-pulse-glow 2.2s ease-in-out infinite}.step-pill.active .step-num{background:var(--accent);color:#fff}.step-pill.done{background:var(--success-soft);border-color:#a7f3d0;color:#047857}.step-pill.done .step-num{background:var(--success);color:#fff}.opt-grid{display:grid;gap:12px}.opt{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;cursor:pointer;text-align:left;font:inherit;font-weight:600;font-size:16px;color:var(--text);transition:transform .18s ease,box-shadow .18s ease,border-color .15s ease,background .15s ease;position:relative;overflow:hidden}.opt:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c4d6ff}.opt:active{transform:translateY(0)}.opt-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-alt);color:var(--accent);flex-shrink:0;transition:all .25s ease}.opt-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.opt-title{font-weight:700;font-size:16px;display:block;line-height:1.3}.opt-sub{font-size:13px;color:var(--muted);font-weight:500;display:block;line-height:1.4}.opt-check{width:22px;height:22px;border-radius:999px;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--surface);transition:all .2s ease;flex-shrink:0}.opt.selected{background:linear-gradient(135deg,var(--accent-soft) 0%,#eef4ff 100%);border-color:var(--accent);box-shadow:0 8px 24px -8px #2563eb66}.opt.selected .opt-icon{background:var(--accent);color:#fff;transform:rotate(-6deg) scale(1.05)}.opt.selected .opt-check{background:var(--accent);border-color:var(--accent)}.opt.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.6) 0%,transparent 60%);pointer-events:none}.opt-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--surface);border:1.5px solid var(--border);font:inherit;font-weight:600;font-size:14px;color:var(--text);cursor:pointer;transition:all .2s ease}.opt-chip:hover{border-color:#c4d6ff;transform:translateY(-1px)}.opt-chip.selected{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:var(--accent);color:#fff;box-shadow:0 6px 16px -6px #2563eb80}.hero-floats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-float{position:absolute;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:10px 14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;font-size:14px}.hero-float .dot{width:8px;height:8px;border-radius:999px}.hero{position:relative;overflow:hidden}.confetti-stage{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:200}.confetti-piece{position:absolute;top:50%;left:50%;width:10px;height:14px;border-radius:2px;animation:mp-confetti 1.4s cubic-bezier(.2,.7,.2,1) forwards}.illus-stage{position:relative;height:260px;border-radius:18px;background:linear-gradient(135deg,#eaf1fb,#dbe7ff,#ffe9d6);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.illus-stage:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(220px 120px at 30% 20%,rgba(37,99,235,.18),transparent 70%),radial-gradient(220px 120px at 80% 80%,rgba(249,115,22,.18),transparent 70%);pointer-events:none}.illus-svg{width:80%;max-width:360px;height:auto;position:relative;z-index:1}.illus-caption{position:absolute;bottom:14px;left:18px;right:18px;color:var(--text-soft);font-size:14px;font-weight:600;text-align:center;z-index:2}.wheel{transform-origin:center;animation:mp-wheel 1.4s linear infinite}.boxy{animation:mp-bounce-y 1.8s ease-in-out infinite}.boxy.delay{animation-delay:.35s}.route-line{stroke-dasharray:400;stroke-dashoffset:400;animation:mp-route 2.6s ease-in-out infinite alternate}.sun-spin{transform-origin:center;animation:mp-spin-slow 24s linear infinite}