:root{--color-ink: #16211B;--color-granskog: #0F2C21;--color-tall: #1C4A38;--color-signal: #FF5A1F;--color-papper: #F6F4EE;--color-ratt: #2F9E63;--color-fel: #D8442E;--color-white: #FFFFFF;--color-ink-text-secondary: rgba(22,33,27,.6);--color-ink-text-tertiary: rgba(22,33,27,.45);--color-ink-border: rgba(22,33,27,.15);--color-ink-surface-subtle: rgba(22,33,27,.08);--color-white-on-dark-secondary: rgba(255,255,255,.6);--color-white-on-dark-surface: rgba(255,255,255,.07);--color-white-on-dark-border: rgba(255,255,255,.18);--font-family: "Archivo", system-ui, sans-serif;--radius-card: 20px;--radius-button: 14px;--radius-input: 14px;--radius-list-item: 12px;--radius-answer-row: 16px;--radius-pill: 999px;--radius-brand-mark: 12px;--size-touch-target-min: 56px;--size-button-primary-height: 58px;--size-input-height: 58px;--size-answer-badge: 44px;--size-compass-dial: 270px;--shadow-cta: 0 4px 14px rgba(255,90,31,.35);--shadow-card: 0 8px 30px rgba(22,33,27,.12)}:root{--color-signal-text: #b84500;--color-fel-text: #c0391f;--color-ink-text-muted: rgba(22, 33, 27, .68)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family);background:var(--color-papper);color:var(--color-ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,textarea{font-family:inherit}.display{font-weight:900;letter-spacing:-.03em;line-height:1.05}.label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-text-muted)}.btn,.btn-outline-dark,.btn-outline,.btn-secondary,.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;border-radius:var(--radius-button);font-weight:800;transition:transform .1s ease,opacity .15s ease}.btn:active,.btn-outline-dark:active,.btn-outline:active,.btn-secondary:active,.btn-primary:active{transform:scale(.98)}.btn:disabled,.btn-outline-dark:disabled,.btn-outline:disabled,.btn-secondary:disabled,.btn-primary:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{height:var(--size-button-primary-height);background:var(--color-signal);color:var(--color-white);font-size:18px;box-shadow:var(--shadow-cta)}.btn-secondary{height:var(--size-button-primary-height);background:var(--color-tall);color:var(--color-white);font-size:17px}.btn-outline{height:52px;border:2px solid var(--color-tall);color:var(--color-tall);font-weight:700;font-size:16px;background:transparent}.btn-outline-dark{height:48px;border:2px solid rgba(255,255,255,.25);color:var(--color-white);font-weight:700;font-size:15px;background:transparent}.input{width:100%;height:var(--size-input-height);border-radius:var(--radius-input);border:2px solid var(--color-ink-border);background:var(--color-white);padding:0 18px;font-size:18px;font-weight:600;color:var(--color-ink);outline:none;caret-color:var(--color-signal)}.input::placeholder{color:#16211ba6;font-weight:400}.input:focus{border-color:var(--color-ink)}.pill,.pill-light{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:700}.pill-light{background:var(--color-white);border:1px solid rgba(0,0,0,.08);color:var(--color-ink)}.progress-segments{display:flex;gap:5px}.progress-segments>div{flex:1;height:5px;border-radius:var(--radius-pill);background:var(--color-white-on-dark-border)}.progress-segments>div.done{background:var(--color-signal)}.progress-segments>div.current{background:#ffffffb3}@keyframes pulseRing{0%{transform:scale(1);opacity:.5}to{transform:scale(1.35);opacity:0}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}