@font-face{font-family:Pretendard;src:local("Pretendard"),local("Apple SD Gothic Neo");font-display:swap}:root{color:#191f28;background:#eef6ff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overscroll-behavior:none}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{--primary: #3182f6;--bubble-a: #d8ecff;--bubble-b: #8ec5ff;--bubble-pop: #e8f3ff;min-height:100vh;max-width:480px;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 15% 8%,rgba(49,130,246,.28),transparent 32%),radial-gradient(circle at 85% 18%,rgba(109,212,250,.22),transparent 30%),linear-gradient(180deg,#f7fbff,#eaf4ff 52%,#f9fbff)}.theme-mint{--primary: #03b26c;--bubble-a: #dffbf0;--bubble-b: #8eecc6;--bubble-pop: #effdf7}.theme-pink{--primary: #f06595;--bubble-a: #ffe3ef;--bubble-b: #ff9fc5;--bubble-pop: #fff1f6}.theme-mono{--primary: #4e5968;--bubble-a: #edf1f5;--bubble-b: #c6ced8;--bubble-pop: #f6f8fa}.hero{padding:22px 4px 12px}.eyebrow{margin:0 0 8px;color:var(--primary);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}h1{margin:0;color:#191f28;font-size:clamp(2.5rem,13vw,4.25rem);line-height:.96;letter-spacing:-.08em}.hero-copy{margin:14px 0 0;color:#4e5968;font-size:1.125rem;line-height:1.55;letter-spacing:-.03em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.stats article{padding:14px 10px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:#ffffffb8;box-shadow:0 18px 40px #3182f61f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stats strong{display:block;color:#191f28;font-size:1.45rem;line-height:1}.stats span{display:block;margin-top:6px;color:#6b7684;font-size:1.125rem;font-weight:700}.controls,.board-card,.policy-note{border:1px solid rgba(255,255,255,.78);border-radius:28px;background:#ffffffb8;box-shadow:0 18px 50px #3182f624;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.controls{display:grid;gap:12px;padding:14px;margin:14px 0}.toggle-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.pill,.segmented button{min-height:48px;border:0;border-radius:999px;color:#4e5968;background:#f2f4f6;font-size:1.125rem;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.pill.active,.segmented button.active{color:#fff;background:var(--primary);box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 28%,transparent)}.pill.refill{color:#191f28;background:#fff;border:1px solid #dbe4ee}.pill:active,.segmented button:active,.bubble:active{transform:scale(.96)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-picker{grid-template-columns:repeat(4,1fr)}.theme-picker button{font-size:1.125rem}.board-card{padding:16px}.board-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}h2{margin:0;color:#191f28;font-size:1.35rem;letter-spacing:-.04em}.board-head p{margin:6px 0 0;color:#6b7684;font-size:1.05rem;line-height:1.42}.progress-ring{flex:0 0 68px;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;color:var(--primary);font-size:1.05rem;font-weight:900;box-shadow:inset 0 0 0 10px #fff}.bubble-board{display:grid;gap:10px;padding:14px;border-radius:26px;background:linear-gradient(145deg,#ffffff8c,#ffffff40);transition:opacity .25s ease,transform .25s ease}.bubble-board.refilling{opacity:.42;transform:scale(.98)}.bubble{aspect-ratio:1;min-height:46px;border:0;border-radius:50%;cursor:pointer;position:relative;background:radial-gradient(circle at 34% 28%,#fff 0 13%,var(--bubble-a) 18% 44%,var(--bubble-b) 78%);box-shadow:inset -8px -11px 18px #191f2824,inset 6px 8px 14px #ffffffb8,0 10px 18px #191f281f;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease,background .18s ease}.bubble span{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:inherit;background:radial-gradient(circle at 38% 30%,#fffffff2,#fff0 52%);pointer-events:none}.bubble:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.bubble.popped{cursor:default;background:radial-gradient(circle at 50% 50%,var(--bubble-pop),#dbe4ee);box-shadow:inset 5px 7px 14px #191f2829,inset -3px -3px 8px #ffffffd9;filter:saturate(.78);transform:scale(.9)}.bubble:focus-visible,.pill:focus-visible,.segmented button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,white);outline-offset:3px}.policy-note{margin:14px 0;padding:16px}.policy-note strong{color:#191f28;font-size:1.05rem}.policy-note p{margin:6px 0 0;color:#6b7684;font-size:1.05rem;line-height:1.5}.banner-ad.placeholder{min-height:64px;display:grid;place-items:center;border:1px dashed #b0c8e8;border-radius:18px;color:#8b95a1;background:#fff9;font-size:1.125rem}footer{padding-bottom:4px}@supports not (backdrop-filter: blur(10px)){.controls,.board-card,.policy-note,.stats article{background:#fff}}