:root{--blue:#1F6FC4;--sky:#8CC8F5;--navy:#12233F;--yellow:#F6C443;--cloud:#EEF4FA;--white:#FFFFFF;--slate:#4A5B74;--ink:var(--navy);--ink-soft:var(--slate);--track:#DCE7F3;--thumb:var(--white);}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--navy);color:var(--ink);font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden;}.app{position:relative;max-width:440px;margin:0 auto;background:var(--cloud);min-height:100dvh;overflow:hidden;}.hero{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));isolation:isolate;}.night{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12233F 0%,#0D1A31 100%);opacity:0;pointer-events:none;}.app.is-side{--ink:var(--white);--ink-soft:#C9D6E8;--track:#1E3352;--thumb:#2E4A73;}.bar{display:flex;align-items:center;gap:10px;height:52px}.bar img{width:40px;height:40px;border-radius:12px;display:block}.word{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.05rem,1rem + 0.3vw,1.2rem);color:var(--ink);letter-spacing:.01em}h1{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.7rem,1.15rem + 2.5vw,2.35rem);line-height:1.08;letter-spacing:-.015em;color:var(--ink);margin-top:10px;text-wrap:balance;}.sub{margin-top:10px;font-size:clamp(.95rem,.9rem + .2vw,1.02rem);color:var(--ink-soft);max-width:34ch}.seg{position:relative;margin-top:16px;display:grid;grid-template-columns:1fr 1fr;height:48px;padding:4px;border-radius:16px;background:var(--track);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;}.seg-thumb{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);border-radius:12px;background:var(--thumb);box-shadow:0 1px 2px rgba(18,35,63,.12),0 4px 10px rgba(18,35,63,.10);will-change:transform;}.seg button{position:relative;z-index:1;border:0;background:none;cursor:pointer;font:600 clamp(.9rem,.86rem + .2vw,.98rem)/1 "Public Sans",system-ui,sans-serif;color:var(--ink);border-radius:12px;min-height:40px;-webkit-tap-highlight-color:transparent;}.seg button:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}.stage{position:relative;flex:1 1 auto;min-height:230px;margin-top:14px;touch-action:pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;cursor:grab;-webkit-tap-highlight-color:transparent;}.stage:active{cursor:grabbing}.screen{position:absolute;top:6px;bottom:30px;left:max(9%,calc(50% - 150px));right:max(9%,calc(50% - 150px));border-radius:28px;background:var(--white);overflow:hidden;box-shadow:0 1px 2px rgba(18,35,63,.08),0 8px 22px rgba(18,35,63,.12),0 26px 48px rgba(18,35,63,.10);transform-origin:50% 50%;will-change:transform;}.scr{padding:16px 14px;display:flex;flex-direction:column;gap:10px;height:100%}.scr-top{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;color:var(--slate)}.scr-top i{display:block;width:22px;height:9px;border-radius:3px;border:1.5px solid var(--slate);position:relative}.scr-top i::after{content:"";position:absolute;inset:1px 5px 1px 1px;background:var(--slate);border-radius:1px}.scr h2{font-family:"Syne",sans-serif;font-weight:700;font-size:1.25rem;color:var(--navy);line-height:1.1}.bub{max-width:84%;padding:9px 12px;border-radius:18px;font-size:.86rem;line-height:1.35}.bub.them{background:#E3EDF8;color:var(--navy);border-bottom-left-radius:6px}.bub.last{margin-top:auto}.bub.me{background:var(--blue);color:var(--white);align-self:flex-end;border-bottom-right-radius:6px}.file{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--cloud);font-size:.82rem;color:var(--navy);font-weight:600}.file span{display:block;width:28px;height:34px;border-radius:6px;background:var(--yellow);flex:none}.file small{display:block;font-weight:400;color:var(--slate);font-size:.74rem}.veil{position:absolute;inset:0;opacity:0;pointer-events:none;background:linear-gradient(115deg,#05090F 0%,#0A111E 55%,#172540 100%);}.veil::after{content:"";position:absolute;top:-20%;bottom:-20%;left:58%;width:18%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.06),rgba(255,255,255,0));transform:rotate(14deg);}.grip{position:absolute;right:calc(max(9%,calc(50% - 150px)) - 14px);top:50%;margin-top:-34px;width:5px;height:44px;border-radius:3px;background:var(--sky);opacity:.9;}.cap{position:absolute;left:0;right:0;bottom:2px;height:22px;text-align:center;font-size:.84rem;font-weight:600;color:var(--ink-soft);}.cap span{position:absolute;left:0;right:0}.cap .b{opacity:0}.actions{padding:14px 0 max(16px,env(safe-area-inset-bottom));}.cta{display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;border-radius:18px;background:var(--blue);color:var(--white);text-decoration:none;font:600 clamp(1rem,.95rem + .3vw,1.1rem)/1.2 "Public Sans",system-ui,sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.16),0 6px 14px rgba(0,0,0,.14);transition:transform 120ms cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (hover: hover){.cta:hover{background:#1A63B0}.seg button:hover{opacity:.85}}.doubt{padding:34px max(18px,env(safe-area-inset-right)) 30px max(18px,env(safe-area-inset-left));background:var(--white)}.doubt h2{font-family:"Syne",sans-serif;font-weight:700;font-size:clamp(1.3rem,1.1rem + 1vw,1.6rem);line-height:1.15;color:var(--navy)}.doubt p{margin-top:10px;color:var(--slate);font-size:clamp(.95rem,.9rem + .2vw,1.02rem);max-width:38ch}footer{padding:20px max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--cloud);color:var(--slate);font-size:.85rem;}footer strong{font-family:"Syne",sans-serif;font-weight:700;color:var(--navy)}.screen.flash{animation:flash 200ms ease-out}@keyframes flash{from{opacity:.35}to{opacity:1}}@media (min-width:700px){.app{box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero{padding-left:24px;padding-right:24px}.doubt,footer{padding-left:24px;padding-right:24px}}@media (prefers-reduced-motion: reduce){.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}