:root{--lma-bg: #14101f;--lma-bg-glow: radial-gradient(120% 55% at 82% -8%, #2e2050 0%, rgba(20, 16, 31, 0) 62%);--lma-surface: #1e1830;--lma-accent-soft: #2a2140;--lma-border: #322a47;--lma-border-strong: #3a3154;--lma-accent: #a78bfa;--lma-accent-pressed: #8b6fe0;--lma-on-accent: #1b1330;--lma-gold: #d4bc85;--lma-text-heading: #f4f1f8;--lma-text-body: #e7e3ef;--lma-text-secondary: #a9a2bc;--lma-caution-bg: #2a2216;--lma-caution-text: #efe7d8;--lma-caution-label: #e8c77a;--lma-caution-bar: #d4bc85;--lma-stop-bg: #33191b;--lma-stop-text: #f6dedb;--lma-stop-label: #ffa69e;--lma-stop-bar: #ffa69e;--lma-improve: #86d3a0;--lma-worsen: #a9a2bc;--lma-disabled-bg: #2a2140;--lma-disabled-text: #6e6588;--lma-font-display: "Playfair Display", Charter, Georgia, "Times New Roman", serif;--lma-font-text: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lma-h1-size: 27px;--lma-h1-line: 34px;--lma-h1-welcome-size: 34px;--lma-h1-welcome-line: 40px;--lma-h2-size: 20px;--lma-h2-line: 27px;--lma-overline-size: 13px;--lma-overline-line: 18px;--lma-overline-tracking: .08em;--lma-body-size: 17px;--lma-body-line: 27px;--lma-secondary-size: 15px;--lma-secondary-line: 23px;--lma-button-size: 17px;--lma-button-line: 22px;--lma-legal-size: 14px;--lma-legal-line: 21px;--lma-nav-label-size: 11px;--lma-measure-digit-size: 34px;--lma-measure-digit-line: 38px;--lma-screen-padding: 20px;--lma-gap-block: 32px;--lma-gap-inner: 16px;--lma-gap-tight: 12px;--lma-gap-buttons: 8px;--lma-radius-card: 16px;--lma-radius-button: 12px;--lma-radius-field: 10px;--lma-radius-scale-cell: 10px;--lma-radius-sheet: 20px;--lma-button-height: 52px;--lma-button-text-height: 48px;--lma-choice-min-height: 60px;--lma-tap-min: 48px;--lma-nav-height: 64px;--lma-ease: cubic-bezier(.22, .61, .36, 1);--lma-duration-screen: .24s;--lma-duration-result: .32s}@media(prefers-reduced-motion:reduce){:root{--lma-duration-screen: 0ms;--lma-duration-result: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--lma-bg);color:var(--lma-text-body);font-family:var(--lma-font-text);font-size:var(--lma-body-size);line-height:var(--lma-body-line);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;gap:var(--lma-gap-block);padding:28px var(--lma-screen-padding) calc(24px + env(safe-area-inset-bottom));max-width:480px;width:100%;margin:0 auto;animation:enter var(--lma-duration-screen) var(--lma-ease)}@keyframes enter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.stack{display:flex;flex-direction:column;gap:var(--lma-gap-inner)}.actions{margin-top:auto;gap:var(--lma-gap-buttons)}.choices{gap:var(--lma-gap-buttons)}h1{font-family:var(--lma-font-display);font-size:var(--lma-h1-size);line-height:var(--lma-h1-line);font-weight:700;color:var(--lma-text-heading);margin:0;text-wrap:balance}h1.welcome{font-size:var(--lma-h1-welcome-size);line-height:var(--lma-h1-welcome-line);letter-spacing:.01em}h2{font-family:var(--lma-font-display);font-size:var(--lma-h2-size);line-height:var(--lma-h2-line);font-weight:700;color:var(--lma-text-heading);margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}.overline{font-size:var(--lma-overline-size);line-height:var(--lma-overline-line);letter-spacing:var(--lma-overline-tracking);text-transform:uppercase;font-weight:500;color:var(--lma-gold);margin:0}.secondary{font-size:var(--lma-secondary-size);line-height:var(--lma-secondary-line);color:var(--lma-text-secondary);margin:0}.legal{font-size:var(--lma-legal-size);line-height:var(--lma-legal-line);color:var(--lma-text-secondary);margin:0}.highlight{font-weight:500;color:var(--lma-text-heading);margin:0}.btn-primary,.btn-secondary,.btn-tertiary,.btn-choice{font-family:var(--lma-font-text);font-size:var(--lma-button-size);line-height:var(--lma-button-line);cursor:pointer;width:100%;transition:background var(--lma-duration-screen) var(--lma-ease)}.btn-primary{min-height:var(--lma-button-height);padding:0 20px;border-radius:var(--lma-radius-button);background:var(--lma-accent);color:var(--lma-on-accent);border:none;font-weight:600}.btn-primary:active:not(:disabled){background:var(--lma-accent-pressed)}.btn-primary:disabled{background:var(--lma-disabled-bg);color:var(--lma-disabled-text);cursor:not-allowed}.btn-secondary{min-height:var(--lma-button-height);padding:0 20px;border-radius:var(--lma-radius-button);background:transparent;color:var(--lma-text-body);border:1.5px solid var(--lma-border-strong);font-weight:500}.btn-tertiary{min-height:var(--lma-button-text-height);background:none;border:none;color:var(--lma-text-secondary);font-weight:500}.btn-tertiary:active{text-decoration:underline}.btn-choice{min-height:var(--lma-choice-min-height);padding:18px 16px;border-radius:var(--lma-radius-button);background:var(--lma-surface);border:1px solid var(--lma-border-strong);color:var(--lma-text-body);text-align:left;font-weight:400}.btn-choice.selected{background:var(--lma-accent-soft);border-color:var(--lma-accent);border-width:1.5px}.block-caution,.block-stop{border-radius:var(--lma-radius-button);padding:16px;display:flex;flex-direction:column;gap:8px}.block-caution{background:var(--lma-caution-bg);border-left:3px solid var(--lma-caution-bar);color:var(--lma-caution-text)}.block-caution .block-label{color:var(--lma-caution-label)}.block-stop{background:var(--lma-stop-bg);border-left:3px solid var(--lma-stop-bar);color:var(--lma-stop-text)}.block-stop .block-label{color:var(--lma-stop-label)}.block-label{font-size:var(--lma-overline-size);line-height:var(--lma-overline-line);letter-spacing:var(--lma-overline-tracking);text-transform:uppercase;font-weight:600}.dash-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dash-list li:before{content:"— ";color:var(--lma-stop-bar)}.dash-list.plain li:before{color:var(--lma-gold)}.steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.steps-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.step-number{width:28px;height:28px;border-radius:50%;background:var(--lma-accent-soft);color:var(--lma-accent);font-size:15px;font-weight:600;display:grid;place-items:center}.video-frame{width:100%;border-radius:var(--lma-radius-card);background:var(--lma-accent-soft);border:none;display:block;overflow:hidden;position:relative;padding:0;background-size:cover;background-position:center}.video-frame.poster{cursor:pointer;background-color:var(--lma-accent-soft)}.video-frame.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.video-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#14101f26,#14101f59 55%,#14101fbf)}.play-icon{width:56px;height:56px;border-radius:50%;border:1.5px solid #c4b2fd;position:relative;flex:none}.play-icon.big{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#1e1830b8;backdrop-filter:blur(2px)}.play-icon:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:14px solid #c4b2fd;border-top:9px solid transparent;border-bottom:9px solid transparent}.video-caption{font-size:var(--lma-secondary-size);line-height:var(--lma-secondary-line);color:var(--lma-text-secondary);text-align:center;padding:0 16px}.video-caption.on-poster{position:absolute;left:0;right:0;bottom:14px;color:var(--lma-text-body);text-shadow:0 1px 3px rgba(20,16,31,.6)}.progress{display:flex;align-items:center;gap:12px}.dots{display:flex;gap:6px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--lma-border-strong)}.dot.passed{background:var(--lma-accent)}.dot.current{width:12px;height:12px;background:var(--lma-accent);box-shadow:0 0 0 3px #a78bfa40}.progress-label{font-size:var(--lma-overline-size);line-height:var(--lma-overline-line);letter-spacing:var(--lma-overline-tracking);text-transform:uppercase;color:var(--lma-text-secondary)}.scale-wrap{display:flex;flex-direction:column;gap:10px}.scale{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.scale-cell{height:var(--lma-tap-min);border-radius:var(--lma-radius-scale-cell);background:transparent;border:1px solid var(--lma-border-strong);color:var(--lma-text-body);font-family:var(--lma-font-text);font-size:17px;font-weight:600;cursor:pointer}.scale-cell.selected{background:var(--lma-accent);border-color:var(--lma-accent);color:var(--lma-on-accent)}.scale-labels{display:flex;justify-content:space-between;font-size:var(--lma-secondary-size);line-height:var(--lma-secondary-line);color:var(--lma-text-secondary)}.measure-result{background:var(--lma-accent-soft);border-radius:var(--lma-radius-card);padding:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;animation:reveal var(--lma-duration-result) var(--lma-ease)}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.measure-side{display:flex;flex-direction:column;gap:2px}.measure-label{font-size:var(--lma-secondary-size);line-height:20px;color:var(--lma-text-secondary)}.measure-digit{font-family:var(--lma-font-display);font-size:var(--lma-measure-digit-size);line-height:var(--lma-measure-digit-line);font-weight:700;color:var(--lma-text-heading)}.measure-arrow{width:32px;height:2px;background:var(--lma-accent);position:relative}.measure-arrow:after{content:"";position:absolute;right:0;top:-4px;border-left:8px solid var(--lma-accent);border-top:5px solid transparent;border-bottom:5px solid transparent}.measure-delta{margin-left:auto;font-size:17px;line-height:22px;font-weight:600}.measure-delta.improved{color:var(--lma-improve)}.measure-delta.worsened,.measure-delta.unchanged{color:var(--lma-worsen)}.nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--lma-surface);border-top:1px solid var(--lma-border);padding:10px 8px calc(22px + env(safe-area-inset-bottom))}.nav-item{background:none;border:none;color:var(--lma-text-secondary);font-family:var(--lma-font-text);font-size:var(--lma-nav-label-size);line-height:14px;font-weight:500;min-height:var(--lma-tap-min);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px}.nav-icon{width:24px;height:24px;flex:none}.nav-item.active{color:var(--lma-accent)}.sheet-backdrop{position:fixed;inset:0;background:#0a081099;display:flex;align-items:flex-end;z-index:10}.sheet{width:100%;background:var(--lma-surface);border-radius:var(--lma-radius-sheet) var(--lma-radius-sheet) 0 0;padding:12px 12px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.sheet-item{background:none;border:none;color:var(--lma-text-body);font-family:var(--lma-font-text);font-size:var(--lma-body-size);text-align:left;padding:16px;min-height:var(--lma-tap-min);cursor:pointer;border-radius:var(--lma-radius-button);display:flex;align-items:center;gap:14px}.sheet-icon{width:24px;height:24px;flex:none;color:var(--lma-text-secondary)}.sheet-item:active{background:var(--lma-accent-soft)}.skeleton{background:var(--lma-surface);border-radius:var(--lma-radius-button);height:20px;animation:pulse 1.4s ease-in-out infinite}.skeleton.tall{height:120px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.skeleton,.screen,.measure-result{animation:none}}:focus-visible{outline:2px solid var(--lma-accent);outline-offset:3px}.input,.textarea{width:100%;font-family:var(--lma-font-text);font-size:var(--lma-body-size);line-height:var(--lma-body-line);color:var(--lma-text-body);background:var(--lma-surface);border:1px solid var(--lma-border-strong);border-radius:var(--lma-radius-field);padding:14px 16px;min-height:var(--lma-tap-min)}.textarea{resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--lma-text-secondary)}.template{background:var(--lma-accent-soft);border-radius:var(--lma-radius-button);padding:16px;margin:0;font-family:var(--lma-font-text);font-size:var(--lma-secondary-size);line-height:var(--lma-secondary-line);color:var(--lma-text-body);white-space:pre-wrap;word-break:break-word}.compare-row{display:flex;flex-direction:column;gap:6px}.compare-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:var(--lma-secondary-size);line-height:var(--lma-secondary-line);color:var(--lma-text-body)}.compare-delta{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.compare-delta.improved{color:var(--lma-improve)}.compare-delta.worsened,.compare-delta.unchanged{color:var(--lma-worsen)}.bar-track{height:8px;border-radius:4px;background:var(--lma-accent-soft);overflow:hidden}.bar{display:block;height:100%;border-radius:4px;background:var(--lma-border-strong)}.bar.last.improved{background:var(--lma-improve)}.bar.last.worsened,.bar.last.unchanged{background:var(--lma-accent)}
