:root{--ink:#4a3346;--muted:#8f7a8a;--pink:#ff8fb8;--violet:#a98bff;--glass:#fffcfdb8;--line:#785a6e24;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);color:var(--ink);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Hiragino Sans,system-ui,sans-serif}[hidden]{display:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:#efe6e1;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}#gl{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.screen{pointer-events:none;display:none;position:fixed;inset:0}.screen.show{display:block}.screen>*{pointer-events:auto}#topbar{padding:calc(10px + var(--safe-t)) 12px 8px;z-index:20;pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}#topbar>*{pointer-events:auto}#topbar .spacer{pointer-events:none;flex:1}body[data-screen=loading] #topbar{display:none}.icon-btn,.pill-btn{background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:40px;height:40px;display:inline-flex;box-shadow:0 2px 10px #5a3c501f}.pill-btn{padding:0 14px;font-size:14px;font-weight:700}#btn-sound .snd-off,#btn-sound[aria-pressed=false] .snd-on{display:none}#btn-sound[aria-pressed=false] .snd-off{display:inline}#btn-sound[aria-pressed=false]{color:var(--muted)}#loading{text-align:center;background:#efe6e1;place-items:center;display:none}#loading.show{align-content:center;justify-items:center;gap:14px;display:grid}#loading p{color:var(--muted);margin:0;font-weight:700}.blob{background:radial-gradient(circle at 35% 30%,#fff,#b8e3ff 45%,#7fbff0);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;width:74px;height:56px;animation:1.1s ease-in-out infinite squish;box-shadow:0 8px 18px #5078a040}@keyframes squish{50%{transform:scale(1.18,.82)translateY(5px)}}.bar{background:#00000012;border-radius:6px;width:180px;height:6px;overflow:hidden}.bar b{background:linear-gradient(90deg, var(--pink), var(--violet));width:0;height:100%;transition:width .3s;display:block}.btn{min-height:52px;box-shadow:0 3px 12px #5a3c5024, inset 0 0 0 1px var(--line);background:#ffffffe6;border-radius:999px;padding:0 26px;font-size:17px;font-weight:700;transition:transform .12s}.btn:active{transform:scale(.96)}.btn.primary{color:#fff;background:linear-gradient(135deg,#ff8fb8,#b48cff);box-shadow:0 6px 18px #c86eaa61}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0;min-height:44px}.btn.small{min-height:42px;padding:0 18px;font-size:15px}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}#title .title-card{left:50%;bottom:calc(22px + var(--safe-b));text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(16px);border-radius:30px;width:min(92vw,400px);padding:22px 22px 16px;position:absolute;transform:translate(-50%);box-shadow:0 10px 40px #5a3c5029}.kicker{letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin:0;font-size:12px}.logo{letter-spacing:.02em;color:#6d4a67;margin:2px 0;font-size:54px;font-weight:900;line-height:1.05}.logo span{background:linear-gradient(135deg,#ff7eae,#9b7bff);color:#0000;-webkit-background-clip:text;background-clip:text}.tagline{color:#7c6176;margin:0 0 16px;font-weight:700}.menu{gap:10px;display:grid}.menu .btn{width:100%}.phones{color:var(--muted);margin:12px 0 0;font-size:13px}.lab-link{color:var(--muted);margin-top:6px;font-size:12px;text-decoration:none;display:inline-block}@media (aspect-ratio>=11/10){#title .title-card{top:50%;bottom:auto;left:max(24px,5vw);transform:translateY(-50%)}}.hint{top:calc(64px + var(--safe-t));background:var(--glass);-webkit-backdrop-filter:blur(10px);text-align:center;border-radius:999px;width:max-content;max-width:90vw;margin:0;padding:9px 16px;font-size:14px;font-weight:700;transition:opacity .8s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #5a3c501a;pointer-events:none!important}.hint.fade{opacity:0}.rec-badge{top:calc(14px + var(--safe-t));color:#fff;z-index:30;background:#28141eb3;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.rec-badge i{background:#ff4d6d;border-radius:50%;width:10px;height:10px;animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.dock{padding:10px 10px calc(10px + var(--safe-b));background:linear-gradient(#faf4f400,#faf4f4eb 40%);justify-items:center;gap:8px;display:grid;position:absolute;bottom:0;left:0;right:0}.actions{align-items:flex-end;gap:10px;display:flex}.act{color:#6d5468;justify-items:center;gap:2px;width:64px;font-size:11px;font-weight:700;display:grid}.act svg{stroke-width:1.7px;background:#ffffffeb;border-radius:50%;width:46px;height:46px;padding:11px;box-shadow:0 3px 10px #5a3c5026}.act.big svg{color:#fff;background:linear-gradient(135deg,#ff8fb8,#b48cff);width:58px;height:58px;padding:14px;box-shadow:0 6px 16px #c86eaa66}.act:active svg{transform:scale(.93)}#btn-rec .dot{fill:#ff4d6d;stroke:none}body.recording #btn-rec svg{color:#fff;background:#ff4d6d}body.recording #btn-rec .dot{fill:#fff}#btn-palm[aria-pressed=true] svg{color:#fff;background:#6d4a67}.kinds{scrollbar-width:none;gap:8px;max-width:100%;padding:2px 4px;display:flex;overflow-x:auto}.kinds::-webkit-scrollbar{display:none}.kinds button{height:40px;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;background:#ffffffd9;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px 0 6px;font-size:13px;font-weight:700;display:flex}.kinds button.on{color:#fff;background:#6d4a67;box-shadow:0 3px 10px #5a3c5040}.sw{border-radius:50%;width:28px;height:28px;display:block;box-shadow:inset 0 -3px 6px #00000014,inset 0 3px 5px #fffc}.sw-clear{background:radial-gradient(circle at 35% 30%,#fff,#cdeeff 50%,#9fd6f7)}.sw-butter{background:radial-gradient(circle at 35% 30%,#fffbe8,#ffe6a0 60%,#f4d27c)}.sw-icee{background:radial-gradient(circle at 35% 30%,#fff,#f2f7ff 40%,#9fd2ff 75%)}.sw-beads{background:radial-gradient(circle at 30% 30%,#ff9ab8 0 18%,#0000 19%),radial-gradient(circle at 68% 40%,#7fd6ff 0 17%,#0000 18%),radial-gradient(circle at 45% 70%,#ffd36e 0 17%,#0000 18%),#f3f6ff}.sw-glitter{background:radial-gradient(circle at 30% 35%,#fff 0 6%,#0000 7%),radial-gradient(circle at 65% 60%,#fff 0 5%,#0000 6%),radial-gradient(circle at 35% 30%,#ffd1e6,#ff8cc0)}.colors{gap:12px;display:flex}.color{border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000001a,0 2px 6px #5a3c5026}.color.on{outline-offset:2px;outline:3px solid #6d4a67}#photo{background:#efe6e1f0}.photo-wrap{padding:calc(64px + var(--safe-t)) 18px calc(24px + var(--safe-b));place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}#photo-img{aspect-ratio:1;background:#fff;border-radius:26px;width:min(88vw,62vh,560px);box-shadow:0 14px 40px #5a3c5040}.page{-webkit-overflow-scrolling:touch;background:#f4edecf7;overflow-y:auto}.page-inner{max-width:560px;padding:calc(66px + var(--safe-t)) 20px calc(30px + var(--safe-b));text-align:center;justify-items:center;gap:14px;margin:0 auto;display:grid}.page h2{margin:0;font-size:26px;font-weight:900}.btn.back{justify-self:center}.share-inner{gap:12px}.card-img{aspect-ratio:1080/1350;background:#fff;border-radius:20px;width:min(80vw,46vh,400px);box-shadow:0 12px 34px #5a3c5038}.share-lead{margin:4px 0 0;font-size:18px;font-weight:900}.share-btns{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,420px);display:grid}.sbtn{min-height:48px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.sbtn.x{color:#fff;background:#111}.sbtn.line{color:#fff;background:#06c755}.sbtn.line svg{fill:#fff;stroke:none}.sbtn.more{color:#fff;background:linear-gradient(135deg,#ff8fb8,#b48cff)}.cross-link{color:var(--muted);margin-top:6px;font-size:13px;text-decoration:none}#video-el{aspect-ratio:9/16;background:#000;border-radius:20px;width:min(70vw,52vh,330px);box-shadow:0 12px 34px #5a3c5040}.steps{text-align:left;gap:14px;margin:0;padding:0 0 0 1.3em;display:grid}.steps b{font-size:17px}.steps p{color:#6f5a6b;margin:4px 0 0;line-height:1.7}.grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.thumb{aspect-ratio:1;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #5a3c5026}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.viewer{z-index:40;background:#281923db;place-content:center;justify-items:center;gap:14px;padding:20px;display:grid;position:fixed;inset:0}.viewer[hidden]{display:none}.viewer img{border-radius:20px;width:min(88vw,70vh)}.viewer .btn.ghost{color:#fff;opacity:.8}.toast{left:50%;bottom:calc(210px + var(--safe-b));color:#fff;opacity:0;pointer-events:none;z-index:50;background:#321e2dd9;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .3s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width>=900px){.dock{border-radius:28px 28px 0 0;width:760px;left:50%;right:auto;transform:translate(-50%)}}