*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}:root{--mulmi-ink: #1b245c;--mulmi-cream: #fff05a;--mulmi-panel: #fffef7;--mulmi-pink: #ff4fa3;--mulmi-yellow: #ffd84d;--mulmi-orange: #ff7a30;--mulmi-sky: #3da9ff;--mulmi-green: #39c86a;--mulmi-red: #ff4b4b;--mulmi-copy: #22314a;--mulmi-muted: #58637a;--mulmi-line: #1b245c;--radius-control: 16px;--radius-panel: 24px;--shadow-raised: 0 8px 0 rgba(27, 36, 92, .12), 0 18px 30px rgba(27, 36, 92, .12);--shadow-reader: 0 10px 0 rgba(27, 36, 92, .12), 0 22px 38px rgba(27, 36, 92, .14);--shadow-pressed: 0 4px 0 rgba(27, 36, 92, .18), inset 0 2px 0 rgba(27, 36, 92, .08)}body{margin:0;background:linear-gradient(180deg,rgba(255,254,247,.58) 0%,rgba(255,240,90,.88) 52%,var(--mulmi-cream) 100%);color:var(--mulmi-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}.shell{min-height:100vh;overflow-x:hidden}.workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:34px;align-items:center;min-height:74vh;padding:38px clamp(20px,5vw,72px) 28px}.copy{max-width:640px;min-width:0}.eyebrow{display:inline-flex;margin:0 0 12px;padding:6px 9px;border:2px solid var(--mulmi-line);border-radius:var(--radius-control);background:var(--mulmi-yellow);color:var(--mulmi-ink);font-size:12px;font-weight:800;letter-spacing:0}h1{margin:0;max-width:640px;font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:0;color:var(--mulmi-ink)}h2,h3,p{letter-spacing:0}.copy>p:not(.eyebrow),.readerContent p,.plan p{color:var(--mulmi-copy);font-size:18px;line-height:1.62;overflow-wrap:anywhere}.trustLine{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.trustLine span{min-width:0;padding:8px 10px;border:2px solid var(--mulmi-line);border-radius:var(--radius-control);background:var(--mulmi-panel);color:var(--mulmi-ink);font-size:13px;font-weight:850;box-shadow:inset 0 1px #ffffffd1}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 14px}.actions button,.actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:2px solid var(--mulmi-line);border-radius:var(--radius-control);text-decoration:none;cursor:pointer;box-shadow:0 7px #1b245c29,inset 0 2px #ffffff9e;transition:transform .12s ease,box-shadow .12s ease}.actions button:active,.actions a:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.actions button{background:var(--mulmi-pink);color:#fff;border-color:var(--mulmi-line)}.actions a{color:var(--mulmi-ink);background:var(--mulmi-panel)}.safety{display:inline-flex;margin:4px 0;padding:8px 11px;border:2px solid rgba(255,75,75,.45);border-radius:var(--radius-control);background:#fff;color:var(--mulmi-red);font-size:14px!important;line-height:1.35!important;box-shadow:inset 0 1px #ffffffe6}.note{font-size:14px!important}.statusStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;max-width:540px}.statusStrip span{min-height:54px;padding:10px 11px;border:2px solid var(--mulmi-line);border-radius:var(--radius-control);background:var(--mulmi-panel);color:var(--mulmi-copy);font-size:12px;font-weight:800;box-shadow:inset 0 1px #ffffffb3}.statusStrip strong{display:block;margin-top:4px;color:var(--mulmi-ink);font-size:15px}.reader{position:relative;min-width:0;min-height:500px;border:3px solid var(--mulmi-line);border-radius:var(--radius-panel);overflow:hidden;box-shadow:var(--shadow-reader);background:repeating-linear-gradient(0deg,rgba(27,36,92,.055) 0 2px,transparent 2px 34px),linear-gradient(135deg,#ffd84d75,#fffef7f5 40%,#3da9ff29)}.reader:after{content:"";position:absolute;inset:12px;z-index:1;border:2px dashed rgba(27,36,92,.22);border-radius:var(--radius-panel);box-shadow:inset 0 2px #ffffffb3,inset 0 -2px #1b245c0f;pointer-events:none}.deviceBar{position:absolute;top:18px;left:18px;right:18px;z-index:2;display:flex;justify-content:space-between;color:#7b7468;font-size:12px;font-weight:800}.readerContent{position:relative;z-index:2;max-width:530px;padding:82px 56px 50px}.readerContent h2{margin:0 0 16px;font-size:36px;color:var(--mulmi-ink)}.readerContent p{color:var(--mulmi-copy)}.cueLayer{position:absolute;inset:0;z-index:3;pointer-events:none}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--mulmi-green);box-shadow:0 0 0 3px #ffffffdb,0 0 0 5px #1b245c2e;transform:translate(-50%,-50%);transition:left 80ms linear,right 80ms linear,top 80ms linear,bottom 80ms linear}.companion{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px;align-items:center;margin:0 clamp(20px,5vw,72px);padding:24px;border:3px solid var(--mulmi-line);border-radius:var(--radius-panel);background:var(--mulmi-panel);box-shadow:var(--shadow-raised);min-width:0}.companion h2{margin:0 0 10px;font-size:32px}.companion p{color:var(--mulmi-copy);font-size:17px;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;list-style:none;counter-reset:step}.steps li{min-height:54px;padding:10px 11px;border:2px solid var(--mulmi-line);border-radius:var(--radius-control);background:#fff;color:var(--mulmi-ink);font-size:13px;font-weight:850}.steps li:before{counter-increment:step;content:counter(step) ". ";color:var(--mulmi-pink)}.companionMeta{display:grid;grid-template-columns:.8fr .9fr .9fr;gap:8px;margin-top:18px}.companionMeta span{min-width:0;padding:10px 11px;border:2px solid var(--mulmi-line);border-radius:var(--radius-control);background:#fff;color:var(--mulmi-muted);font-size:12px;font-weight:800}.companionMeta strong{display:block;overflow-wrap:anywhere;margin-top:4px;color:var(--mulmi-ink);font-size:14px}.relayHint{margin:12px 0 0;padding:8px 10px;border:2px solid rgba(27,36,92,.2);border-radius:var(--radius-control);background:#fff;font-size:14px}.relayHint summary{cursor:pointer;color:var(--mulmi-ink);font-weight:900}.relayHint code{font-weight:900}.relayHint p{margin:8px 0 0;font-size:14px}.technicalUrl{overflow-wrap:anywhere;color:var(--mulmi-muted)!important}.qrPanel{display:grid;justify-items:center;gap:10px;padding:14px;border:2px solid var(--mulmi-line);border-radius:var(--radius-control);background:var(--mulmi-yellow);box-shadow:inset 0 2px #ffffff8c}.qrPanel img,.qrFallback{width:168px;height:168px;border:2px solid var(--mulmi-line);border-radius:10px;background:var(--mulmi-panel)}.qrFallback{display:grid;place-items:center;color:var(--mulmi-muted);font-weight:900}.qrPanel p{margin:0;font-size:13px;font-weight:800;line-height:1.35;text-align:center}.plan{padding:34px clamp(20px,5vw,72px) 64px}.plan h2{font-size:34px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid article{min-height:156px;padding:18px;border:2px solid var(--mulmi-line);border-radius:var(--radius-control);background:var(--mulmi-panel);box-shadow:var(--shadow-raised)}@media(max-width:860px){.workspace,.grid,.companion{grid-template-columns:1fr}.workspace{min-height:auto;padding-top:28px;gap:24px}.reader{min-height:430px}.companion{margin-inline:20px}.companionMeta,.steps{grid-template-columns:1fr}.readerContent{padding:74px 28px 34px}}@media(max-width:560px){.workspace{padding-inline:20px}h1{font-size:clamp(32px,9.2vw,42px)}.trustLine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trustLine span{text-align:center;font-size:12px;overflow-wrap:anywhere}.actions{display:grid;grid-template-columns:1fr 1fr}.copy>p:not(.eyebrow),.readerContent p,.plan p{font-size:16px}.readerContent h2{font-size:30px}.actions button,.actions a{min-height:44px;padding:0 16px}.statusStrip{grid-template-columns:1fr;gap:6px;margin-top:14px}.statusStrip span{min-height:50px;padding:8px;font-size:11px}.statusStrip strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.dot{transition:none}}