:root{--ink:#141318;--grey:#5c5b66;--canvas:#f2f1f6;--card:#ffffff;--magenta:#c9236f;--amber:#f2862b;--violet:#7440dc;--mint:#23c46e;--mint-ink:#062a15;--line:#e4e2ea;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;font-weight:400;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;overflow-x:hidden;}.app{min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 12px) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:var(--canvas);position:relative;overflow:hidden;}.bar{display:flex;align-items:center;justify-content:space-between;min-height:44px}.bar .logo{width:48px;height:48px;border-radius:12px;display:block}.bar .tag{font-size:clamp(.8rem,.76rem + .2vw,.88rem);font-weight:600;color:var(--grey);letter-spacing:.01em}h1{margin:10px 0 0;line-height:1.02;font-weight:600}h1 .lt{display:block;font-size:clamp(2.1rem,1.7rem + 2vw,2.7rem);letter-spacing:-.025em}h1 .sc{display:block;font-family:"Homemade Apple",cursive;font-weight:400;font-size:clamp(1.2rem,1.02rem + 1vw,1.55rem);color:var(--magenta);margin-top:8px;padding-left:4px;transform:rotate(-2deg);transform-origin:left center;}.sub{margin-top:12px;font-size:clamp(.95rem,.9rem + .25vw,1.05rem);line-height:1.45;color:var(--grey);max-width:34ch}.stage{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0 6px;min-height:0;perspective:900px;}.card{position:relative;width:min(100%,340px);border-radius:26px;background:var(--card);box-shadow:0 1px 1px rgba(20,19,24,.04),0 3px 6px rgba(20,19,24,.05),0 12px 24px rgba(20,19,24,.07),0 30px 60px -18px rgba(20,19,24,.16);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;cursor:grab;will-change:transform;outline:none;-webkit-tap-highlight-color:transparent;}.card:active{cursor:grabbing}.card:focus-visible{box-shadow:0 0 0 3px var(--canvas),0 0 0 6px var(--violet),0 12px 24px rgba(20,19,24,.07)}.face{padding:18px 18px 14px;border-radius:26px}.head{display:flex;align-items:center;gap:12px}.ring{width:52px;height:52px;border-radius:50%;flex:none;padding:3px;background:conic-gradient(from 210deg,var(--amber),var(--magenta),var(--violet),var(--amber));}.ring.off{background:#d9d6e2}.ring span{display:block;width:100%;height:100%;border-radius:50%;background:#f4f3f7;border:3px solid var(--card);position:relative;overflow:hidden}.ring span i{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,#cfcbd9 0 22%,transparent 23%),radial-gradient(circle at 50% 104%,#cfcbd9 0 44%,transparent 45%)}.who strong{display:block;font-size:1rem;font-weight:600}.who em{display:block;font-style:normal;font-size:.82rem;color:var(--grey);margin-top:2px}.list{list-style:none;margin-top:12px;border-top:1px solid var(--line)}.list li{display:flex;align-items:center;gap:12px;min-height:46px;border-bottom:1px solid var(--line);font-size:.95rem}.list li:last-child{border-bottom:0}.dot{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center}.dot svg{width:16px;height:16px}.d1{background:#fbe3ef;color:var(--magenta)}.d2{background:#ece4fb;color:var(--violet)}.d3{background:#fdeadb;color:#a24c06}.list li span.l{flex:1}.pill{font-size:.76rem;font-weight:600;color:#0f6a39;background:#dcf5e7;border-radius:999px;padding:4px 9px}.private{position:absolute;inset:0;background:var(--card);opacity:0;pointer-events:none;display:flex;flex-direction:column;}.private .grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:14px;border-radius:12px;overflow:hidden;min-height:60px}.private .grid span{background:#ebe9f0}.private p{text-align:center;padding:12px 8px 2px;font-weight:600;font-size:.98rem}.private small{display:block;text-align:center;color:var(--grey);font-size:.84rem}.sheen{position:absolute;inset:0;border-radius:26px;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.7) 48%,rgba(242,134,43,.12) 56%,transparent 70%);}.seg{margin-top:14px;display:flex;background:#e5e3ec;border-radius:10px;padding:2px;width:min(100%,280px);position:relative;}.seg button{flex:1;min-height:44px;border:0;background:transparent;border-radius:8px;font:inherit;font-size:.86rem;font-weight:600;color:var(--grey);cursor:pointer;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.2,.8,.2,1);}.seg button:active{transform:scale(.97)}.seg button[aria-pressed="true"]{color:var(--ink)}.seg button:focus-visible{outline:2px solid var(--violet);outline-offset:1px}.seg .knob{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(20,19,24,.1),0 3px 8px rgba(20,19,24,.08);will-change:transform}.hint{margin-top:6px;font-size:.8rem;color:var(--grey);text-align:center}.action{margin:0 calc(-1 * max(16px,env(safe-area-inset-left)));padding:10px max(16px,env(safe-area-inset-left)) 6px;}.cta{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:15px;background:var(--mint);color:var(--mint-ink);text-decoration:none;font-weight:600;font-size:1.06rem;box-shadow:0 1px 1px rgba(6,42,21,.08),0 6px 16px -6px rgba(35,196,110,.55);-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.2,.8,.2,1);}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.after{margin-top:8px;text-align:center;font-size:.84rem;color:var(--grey);line-height:1.4}footer{padding:6px 0 calc(env(safe-area-inset-bottom) + 12px);text-align:center;font-size:.76rem;color:var(--grey)}@media (hover:hover){.cta:hover{background:#1fb564}.seg button:hover{color:var(--ink)}}@media (max-height:780px){.list li{min-height:40px;font-size:.9rem}.list li.opt{display:none}.stage{padding-top:10px}.sub{margin-top:8px}.hint{display:none}}@media (min-width:640px){body{background: linear-gradient(135deg,#f2862b,#d6287e 50%,#7440dc);height:auto;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 12px;}.app{width:430px;min-height:min(860px,calc(100dvh - 76px));border-radius:36px;padding:22px 22px 0;box-shadow:0 2px 4px rgba(20,19,24,.08),0 24px 60px -12px rgba(40,10,60,.45);}.action{margin:0 -22px;padding:10px 22px 18px}.bar .logo{width:56px;height:56px}footer.out{display:block;color:#fff;padding:12px 0 0}.app footer{display:none}}footer.out{display:none}@media (prefers-reduced-motion:reduce){.private,.sheen{transition:opacity .18s linear}.cta,.seg button{transition:none}}html,body{max-width:100%;overflow-x:clip}