:root{--bg-page: #f4efe6;--bg-page-2: #ece6da;--bg-card: #fbf8f1;--bg-card-2: #f7f3ea;--bg-soft-accent: #dde3d4;--text-primary: #1d1a14;--text-secondary: #3a3329;--text-tertiary: #6f6759;--text-mute: #9a9183;--accent-primary: #3f5340;--accent-primary-2:#5a6f54;--accent-warm: #b25a3a;--accent-cool: #5b7a4f;--accent-amber: #b07a2a;--accent-neutral: #9a9183;--accent-primary-soft: #dde3d4;--accent-primary-soft-2: #c7d2bd;--accent-warm-soft: #f1dccd;--accent-warm-soft-2: #e8c9b3;--border-subtle: #e2dccd;--border-soft: #ebe6d8;--border-strong: #d4ccb8;--font-serif: "Spectral", "Newsreader", "Iowan Old Style", Georgia, serif;--font-sans: "Söhne", "GT America", "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--bg-soft-accent);color:var(--text-primary)}.paper{background-color:var(--bg-page);background-image:radial-gradient(rgba(60,40,20,.025) 1px,transparent 1px),radial-gradient(rgba(60,40,20,.02) 1px,transparent 1px);background-size:7px 7px,13px 13px;background-position:0 0,4px 6px}.onb{min-height:100vh;display:flex;flex-direction:column}.onb__top{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;flex:0 0 auto}.onb__main{flex:1;display:flex;align-items:center;justify-content:center;padding:0 40px 56px}.onb__main--top{align-items:flex-start;padding:24px 40px 56px}.onb__col{width:100%}.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.brand__name{font-family:var(--font-serif);font-style:italic;font-size:20px;letter-spacing:-.01em}.brand__mark{color:var(--accent-primary);display:inline-flex}.stepwrap{display:flex;align-items:center;gap:14px}.stepper{display:flex;align-items:center;gap:6px}.stepper i{height:4px;width:8px;border-radius:999px;background:var(--border-strong);display:block}.stepper i.is-done{background:var(--accent-primary)}.stepper i.is-current{width:24px;background:var(--accent-primary)}.display{font-family:var(--font-serif);font-weight:400;line-height:1.1;letter-spacing:-.015em;margin:0;font-optical-sizing:auto;font-variation-settings:"opsz" 36}.display .it,.it{font-style:italic}.eyebrow{font-family:var(--font-sans);font-weight:500;font-size:11px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.eyebrow--moss{color:var(--accent-primary)}.eyebrow--warm{color:var(--accent-warm)}.body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.body-lg{font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--text-secondary);margin:0}.small{font-family:var(--font-sans);font-size:12px;line-height:1.45;color:var(--text-tertiary);margin:0}.small--mute{color:var(--text-mute)}.it-note{font-style:italic}.num{font-family:var(--font-serif);font-weight:400;font-variant-numeric:lining-nums tabular-nums}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn .ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.btn--moss{background:var(--accent-primary);color:var(--bg-page)}.btn--moss:hover{background:var(--accent-primary-2)}.btn--ink{background:var(--text-primary);color:var(--bg-card-2)}.btn--ink:hover{background:#2a2419}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--bg-card-2);color:var(--text-primary)}.btn--block{width:100%;justify-content:space-between;padding:15px 22px;font-size:15px}.btn--text{padding:6px 8px;border-radius:6px;color:var(--text-tertiary);font-size:13px}.btn--text:hover{color:var(--text-primary);background:#00000008}.btn--text-underline{text-decoration:underline;text-underline-offset:3px;color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card--xl{border-radius:var(--radius-xl);padding:40px 44px;position:relative;overflow:hidden}.field{display:block;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff80}.field:focus-within{border-color:var(--accent-primary)}.field--write{padding:18px 20px}.field--write textarea{display:block;box-sizing:border-box;width:100%;border:0;outline:0;resize:vertical;background:transparent;font-family:var(--font-sans);font-size:16.5px;line-height:1.6;color:var(--text-primary);min-height:130px}.field--write textarea::placeholder{color:var(--text-mute)}.field--input{display:flex;align-items:center;gap:12px;padding:15px 18px}.field--input .ic{width:16px;height:16px;stroke:var(--text-mute);fill:none;stroke-width:1.5;flex:0 0 16px}.field--input input{flex:1;border:0;outline:0;background:transparent;font-family:var(--font-mono);font-size:15.5px;letter-spacing:-.01em;color:var(--text-primary)}.field--input input::placeholder{color:var(--text-mute)}.tag{display:inline-flex;align-items:center;gap:8px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:500;background:var(--bg-card-2);border:1px solid var(--border-subtle);color:var(--text-tertiary)}.tag--warm{background:var(--accent-warm-soft);border-color:var(--accent-warm-soft-2);color:var(--accent-warm)}.tag .ic{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}.tag .mono{font-family:var(--font-mono);font-size:12px}.option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px 18px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle)}.option:hover{border-color:var(--border-strong)}.option.is-selected{background:var(--bg-soft-accent);border-color:var(--accent-primary-soft-2)}.option__radio{width:18px;height:18px;flex:0 0 18px;border-radius:999px;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center}.option.is-selected .option__radio{border-color:var(--accent-primary)}.option__radio b{width:8px;height:8px;border-radius:999px;background:var(--accent-primary);display:none}.option.is-selected .option__radio b{display:block}.option__url{font-family:var(--font-mono);font-size:14px;color:var(--text-primary)}.option__note{margin-left:auto}.dot{display:inline-block;width:7px;height:7px;border-radius:999px;flex:0 0 7px}.dot--ok{background:var(--accent-cool)}.stats{display:flex;gap:48px}.stat{display:flex;flex-direction:column;gap:4px}.stat__value{font-family:var(--font-serif);font-variant-numeric:lining-nums tabular-nums;font-size:52px;line-height:1;color:var(--text-primary)}.shot{position:relative;width:100%;height:150px;border-radius:var(--radius-md);border:1px solid var(--border-strong);overflow:hidden;background:var(--bg-card-2)}.shot:before{content:"";position:absolute;inset:0;opacity:.5;background-image:repeating-linear-gradient(45deg,var(--border-strong) 0 1px,transparent 1px 9px)}.shot__cap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);text-align:center;padding:0 12px}.slot{background:var(--bg-soft-accent);color:var(--accent-primary);border-radius:6px;padding:1px 8px;font-style:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}.icon-circle{display:flex;align-items:center;justify-content:center;border-radius:999px;flex:0 0 auto}.row{display:flex;align-items:center;gap:16px}.row--gap-sm{gap:12px}.col{display:flex;flex-direction:column}.mt-sm{margin-top:18px}.mt-md{margin-top:24px}.mt-lg{margin-top:32px}.center{text-align:center}@media(max-width:720px){.onb__top,.onb__main,.onb__main--top{padding-left:22px;padding-right:22px}.display{font-size:30px!important}.card--xl{padding:28px 24px}.stats{gap:28px}.stat__value{font-size:40px}.onb__steps-cols{grid-template-columns:1fr!important}.stepwrap .small{display:none}}