:root{--paper: #f5f6f3;--sheet: #ffffff;--ink: #1c2726;--ink-2: #3b4846;--muted: #5f6c69;--line: #d8ddd9;--accent: #2f5d52;--brand: var(--accent);--on-brand: #ffffff;--placeholder: color-mix(in srgb, var(--ink) 42%, #fff);--error: #a3262a;--ok: #2e6b3f;--notice: color-mix(in srgb, var(--brand) 9%, var(--sheet));--ring: color-mix(in srgb, var(--brand) 35%, transparent);--gulf-blue: #5b7a9a;--gulf-orange: #ff8c5a;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #121816;--sheet: #1a2220;--ink: #e6ece9;--ink-2: #c3ccc9;--muted: #97a39f;--line: #2d3734;--brand: color-mix(in srgb, var(--accent) 55%, #ffffff);--on-brand: #121816;--placeholder: color-mix(in srgb, var(--ink) 40%, var(--paper));--error: #f08a8c;--ok: #8fd3a2;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font:400 1rem/1.5 Schibsted Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.chip,.code-input{font-variant-numeric:tabular-nums}button,input{font:inherit;color:inherit}a{color:var(--brand)}:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.page{max-width:28rem;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 16px 48px}.center{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}h1{font-size:1.75rem;line-height:1.15;font-weight:800;letter-spacing:-.015em;margin:0 0 10px}h2{font-size:1.0625rem;font-weight:700;margin:0 0 6px}p{margin:0 0 14px}.lead{color:var(--ink-2);font-size:1.0625rem}.fine{color:var(--muted);font-size:.875rem}.msg-error{color:var(--error);font-size:.9375rem;font-weight:500}.msg-ok{color:var(--ok);font-size:.9375rem;font-weight:500}.notice{background:var(--notice);border-radius:12px;padding:12px 14px;color:var(--ink-2)}.landing{padding-top:max(20px,env(safe-area-inset-top))}.display{font-size:clamp(2.6rem,12vw,3.5rem);line-height:.96;letter-spacing:-.03em;margin:26px 0 16px}.actions{display:grid;gap:10px;margin:22px 0 14px}.made-by{margin-top:40px;color:var(--muted);font-size:.8125rem}.chart{margin:0}.chart-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:3px}.chip{display:flex;align-items:center;justify-content:center;height:27px;border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 8%,transparent)}.chip-empty{box-shadow:none}.chart-extras{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.chip-extra{flex:1 1 0;min-width:44px;padding:0 6px}.chart figcaption{color:var(--muted);font-size:.8125rem;margin-top:8px}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 18px;border-radius:12px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn:active{transform:translateY(1px)}.link{background:none;border:0;padding:6px 0;color:var(--brand);font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px}.back{display:inline-block;color:var(--muted);font-size:.875rem;text-decoration:none;margin-bottom:28px}.back:before{content:"\2039\a0"}form{display:grid;gap:14px;margin-top:8px}.field{display:grid;gap:6px}.field>span:first-child{font-size:.875rem;font-weight:700;color:var(--ink-2)}.field input{width:100%;min-height:52px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--sheet);font-size:1.0625rem}.field input::placeholder{color:var(--placeholder)}.field input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.field input[aria-invalid=true]{border-color:var(--error)}.code-input{letter-spacing:.4em;font-weight:700;font-size:1.375rem!important}.handle-input{position:relative;display:block}.handle-input .at{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:700}.handle-input input{padding-left:32px}.hint{color:var(--muted);font-size:.8125rem}.choices{display:grid;gap:8px;margin:8px 0 14px}.choice{display:grid;gap:2px;text-align:left;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--sheet);cursor:pointer}.choice:hover{border-color:var(--brand)}.choice-name{font-weight:700}.choice-kind{color:var(--muted);font-size:.875rem}.book-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.book-head h1{margin-bottom:2px}.salon{color:var(--muted);font-size:.875rem;font-weight:700;margin:0 0 4px}.handle{color:var(--brand);font-weight:700;margin:0}.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:16px;padding:16px 18px 4px;margin-bottom:12px}.wl{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem;margin:6px auto}.wordmark{font-weight:800;line-height:1;letter-spacing:-.025em;white-space:nowrap}.wordmark .wb{color:var(--gulf-blue)}.wordmark .wo{color:var(--gulf-orange)}.wl .wb i{font-style:normal;display:inline-block;animation:wl-wave 2.2s ease-in-out calc(var(--i) * 90ms) infinite}.wl .wo{display:inline-block;animation:wl-wave 2.2s ease-in-out .75s infinite}.wl-label{color:var(--muted);font-size:.875rem;margin:0}@keyframes wl-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.14em)}}@media(prefers-reduced-motion:reduce){.wl .wb i,.wl .wo{animation:none}.btn:active{transform:none}}