:root{--bg: #0a0a0a;--bg-soft: #111111;--panel: #141414;--panel-2: #1a1a1a;--line: #262626;--line-soft: #1f1f1f;--ink: #f5f1e6;--ink-2: #cfcabb;--ink-3: #8a857a;--ink-4: #5a564e;--yellow: #f5d000;--yellow-2: #ffe249;--yellow-soft: rgba(245, 208, 0, .12);--yellow-line: rgba(245, 208, 0, .35);--red: #e53935;--red-soft: rgba(229, 57, 53, .14);--red-line: rgba(229, 57, 53, .45);--blue: #64b5f6;--blue-soft: rgba(100, 181, 246, .12);--blue-line: rgba(100, 181, 246, .45);--radius: 4px;--radius-lg: 8px;--font-display: "Archivo", "Helvetica Neue", system-ui, sans-serif;--font-body: "Archivo", "Helvetica Neue", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Menlo", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(1200px 800px at 50% -10%,#161512,#0a0a0a 60%)}.bg-fx:before,.bg-fx:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.55;mix-blend-mode:screen}.bg-fx:before{width:60vw;height:60vw;left:-10vw;top:-20vw;background:radial-gradient(circle,#f5d00059,#f5d00000 60%);animation:drift1 22s ease-in-out infinite alternate}.bg-fx:after{width:50vw;height:50vw;right:-10vw;bottom:-20vw;background:radial-gradient(circle,#64b5f62e,#e539351f 50%,#0000 70%);animation:drift2 26s ease-in-out infinite alternate}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 30%,black 30%,transparent 80%)}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>")}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(10vw,8vh) scale(1.15)}}@keyframes drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-8vw,-6vh) scale(1.2)}}.app{position:relative;z-index:1;min-height:100vh}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}@media (max-width: 720px){.container{padding:0 20px}}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0a0a99;border-bottom:1px solid var(--line-soft)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;letter-spacing:.02em;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-dot{width:10px;height:10px;background:var(--yellow);border-radius:2px;box-shadow:0 0 18px #f5d000b3}.topbar nav{display:flex;gap:4px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.topbar nav button{background:transparent;border:1px solid transparent;color:inherit;padding:8px 12px;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .2s,background .2s,border-color .2s}.topbar nav button:hover{color:var(--ink)}.topbar nav button.active{color:var(--yellow);border-color:var(--yellow-line);background:var(--yellow-soft)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}.h-display{font-family:var(--font-display);font-weight:800;font-size:clamp(72px,14vw,220px);line-height:.86;letter-spacing:-.04em;margin:0}.h1{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6vw,72px);line-height:.95;letter-spacing:-.025em;margin:0}.h2{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1.02;letter-spacing:-.02em;margin:0}.h3{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.01em;margin:0}.body{font-size:17px;line-height:1.55;color:var(--ink-2)}.body-sm{font-size:14px;line-height:1.6;color:var(--ink-2)}.mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px;color:var(--ink-3)}.chip{display:inline-block;padding:.04em .18em;margin:0 .02em;line-height:.95;border-radius:2px;position:relative;top:-.04em}.chip.yellow{background:var(--yellow);color:#0a0a0a}.chip.red{background:var(--red);color:#fff}.chip.blue{background:var(--blue);color:#0a0a0a}.chip.outline-yellow{background:transparent;color:var(--yellow);outline:2px solid var(--yellow);outline-offset:-2px}.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.btn{--c: var(--yellow);display:inline-flex;align-items:center;gap:12px;padding:18px 26px;background:transparent;border:1.5px solid var(--c);color:var(--c);font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:15px;cursor:pointer;border-radius:var(--radius);transition:background .25s ease,color .25s ease,transform .15s ease,box-shadow .25s ease;position:relative;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--c);color:#0a0a0a;box-shadow:0 0 0 4px color-mix(in oklab,var(--c) 18%,transparent)}.btn:active{transform:translateY(1px)}.btn .arr{transition:transform .25s ease}.btn:hover .arr{transform:translate(4px)}.btn.yellow{--c: var(--yellow)}.btn.blue{--c: var(--blue)}.btn.red{--c: var(--red)}.btn.ghost{--c: var(--ink-2);border-color:var(--line)}.btn.ghost:hover{background:var(--ink);color:#0a0a0a}.btn.lg{padding:22px 32px;font-size:16px}.btn.sm{padding:10px 14px;font-size:12px}.btn.block{display:flex;width:100%;justify-content:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg)}.panel-pad{padding:28px}.divider{height:1px;background:var(--line);width:100%}.divider.dotted{background:repeating-linear-gradient(to right,var(--line) 0 4px,transparent 4px 10px);height:1px}.page-enter{animation:fadeUp .55s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.footer{margin-top:120px;padding:28px 0 36px;border-top:1px solid var(--line-soft);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer .blink{display:inline-block;width:8px;height:8px;background:var(--yellow);margin-right:8px;animation:blink 1.4s infinite}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.15}}.field{display:flex;flex-direction:column;gap:12px}.field-label{display:flex;gap:14px;align-items:flex-start}.field-num{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--ink-4);padding-top:6px;min-width:28px;flex-shrink:0}.field-q{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}.field-q .hint{display:block;font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--ink-3);margin-top:4px}.input,.textarea{width:100%;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);font:inherit;font-size:17px;padding:16px 18px;border-radius:var(--radius);transition:border-color .2s,background .2s,box-shadow .2s;font-family:var(--font-body)}.input:focus,.textarea:focus{outline:none;border-color:var(--yellow);background:#161410;box-shadow:0 0 0 4px #f5d0001a}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.textarea{resize:vertical;min-height:100px}.opt-group{display:flex;flex-wrap:wrap;gap:10px}.opt{padding:14px 18px;background:transparent;border:1px solid var(--line);color:var(--ink-2);font:inherit;font-size:14px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);transition:all .2s}.opt:hover{border-color:var(--ink-3);color:var(--ink)}.opt.selected{border-color:var(--yellow);background:var(--yellow-soft);color:var(--yellow)}.form-section{display:grid;grid-template-columns:240px 1fr;gap:48px;padding:56px 0;border-top:1px solid var(--line)}.form-section:first-of-type{border-top:none}.form-section-head .tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px;background:#1a1a1a;border:1px solid var(--line);color:var(--ink-3);margin-bottom:14px}.form-section-head .ttl{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.02em;line-height:1.05;color:var(--ink)}.form-section-head .ttl .accent{display:inline-block;padding:0 6px;background:var(--yellow);color:#0a0a0a;border-radius:2px}.form-section-head .ttl .accent.red{background:var(--red);color:#fff}.form-section-head .ttl .accent.blue{background:var(--blue);color:#0a0a0a}.form-section-head .desc{font-size:14px;color:var(--ink-3);margin-top:12px;line-height:1.5;max-width:260px}.form-section-body{display:flex;flex-direction:column;gap:40px}@media (max-width: 900px){.form-section{grid-template-columns:1fr;gap:24px;padding:40px 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:520px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;position:relative;animation:modalIn .35s cubic-bezier(.2,.7,.2,1)}@keyframes modalIn{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--ink-3);cursor:pointer;font-size:22px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--ink)}.crosshair{position:absolute;width:14px;height:14px;border:1px solid var(--ink-4)}.crosshair.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.crosshair.tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.crosshair.bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.crosshair.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.tag-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.tag-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}@media print{.no-print,.topbar,.bg-fx,.bg-grid,.bg-noise,.progress-bar{display:none!important}html,body{background:#fff!important;color:#111!important}.app{background:#fff!important}.panel{background:#f9f9f9!important;border:1px solid #ddd!important}.res-block,.rec-row,.result-blocks{break-inside:avoid;page-break-inside:avoid}.chip.yellow{background:#111!important;color:#fff!important}.chip.red{background:#555!important;color:#fff!important}.result-hero{grid-template-columns:1fr 1fr!important}a[href]:after{content:" (" attr(href) ")";font-size:11px;color:#555;word-break:break-all}}