.tabbar{background:var(--background);flex:none;padding:6px 16px}.tabbar--floating{z-index:20;background:0 0;position:absolute;bottom:0;left:0;right:0}.tabbar__card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-bar);border-radius:18px;align-items:stretch;padding:5px 8px;display:flex}.tabbar__item{flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:2px 0;display:flex}.tabbar__icon{border-radius:var(--r-icon);justify-content:center;align-items:center;width:34px;height:26px;transition:background .16s ease-out;display:flex}.tabbar__label{letter-spacing:-.01em;font-size:9px;font-weight:600}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.toast{z-index:80;border-radius:var(--r-pill);color:#fff;text-align:center;pointer-events:none;background:#000000d1;border:1px solid #ffffff26;align-items:center;gap:7px;max-width:calc(100% - 48px);padding:11px 16px;font-size:13px;font-weight:600;animation:.28s cubic-bezier(.2,.9,.3,1) toast-rise;display:flex;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}:root{--accent-blue:#2478ff;--call-green:#33a885;--call-green-dark:#268a6e;--call-violet:#8566f0;--call-violet-dark:#6b52d1;--hang-up-red:#ff3b30;--kakao-yellow:#fee500;--like-pink:#ff2d55;--romance:#ff5789;--romance-soft:#ff6194;--romance-rose:#c26180;--romance-pink-dark:#d6306b;--challenge:#ff852e;--warm-orange:#ff8c52;--call-button-gradient:linear-gradient(135deg, var(--call-green), var(--call-green-dark));--call-banner-gradient:linear-gradient(135deg, var(--call-violet), var(--call-violet-dark));--membership-gradient:linear-gradient(135deg, #8d5ec4, #5c58c9);--morning-gradient:linear-gradient(135deg, #fab13e, #e0705a);--confess-gradient:linear-gradient(90deg, var(--romance), #ff7369);--scrim-bottom:linear-gradient(to top, #000000f0, #00000040 45%, transparent);--r-card:26px;--r-plan:20px;--r-bubble:18px;--r-row:16px;--r-tile:12px;--r-icon:10px;--r-pill:999px;--pad-screen:20px;--pad-card:16px;--shadow-call:0 4px 12px #33a88547;--shadow-onimage:0 2px 8px #00000073;--canvas-width:430px;--tabbar-height:62px;--on-image-fill:#00000052;--on-image-stroke:#ffffff38}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8f9fb;--surface:#fff;--surface-raised:#fff;--primary-text:#07080a;--secondary-text:#7c8590;--border:#e8edf0;--muted-fill:#f7f8fa;--urgent-red:#6b1213;--canvas-outside:#e9edf2;--canvas-vignette:#dde3ea;--canvas-shadow:0 0 0 1px var(--border), 0 30px 80px #0000002e;--shadow-card:0 4px 10px #00000012;--shadow-bar:0 4px 10px #00000012}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b0c0f;--surface:#16181d;--surface-raised:#1d2027;--primary-text:#f2f4f7;--secondary-text:#8b93a1;--border:#262a31;--muted-fill:#1a1d23;--urgent-red:#ff6b6e;--canvas-outside:#050507;--canvas-vignette:#101218;--canvas-shadow:0 0 0 1px var(--border), 0 30px 80px #000000b3;--shadow-card:0 4px 10px #0006;--shadow-bar:0 4px 10px #00000073}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--canvas-outside);color:var(--primary-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img,video{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}.app-canvas{width:100%;max-width:var(--canvas-width);background:var(--background);isolation:isolate;flex-direction:column;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=460px){body:before{content:"";background:radial-gradient(circle at 50% 30%, var(--canvas-vignette) 0%, var(--canvas-outside) 70%);z-index:-1;position:fixed;inset:0}.app-canvas{box-shadow:var(--canvas-shadow)}}.app-screen{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;min-height:0;position:relative;overflow:hidden auto}.app-screen::-webkit-scrollbar{display:none}.app-screen--fixed{overflow:hidden}.ms{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;flex:none;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block}.ms--fill{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.ms--bold{font-variation-settings:"FILL" 0, "wght" 700, "GRAD" 0, "opsz" 24}.ms--fill-bold{font-variation-settings:"FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.spacer{flex:auto;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.center{justify-content:center;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-bubble)}.pill{border-radius:var(--r-pill)}.pressable{transition:transform .18s cubic-bezier(.2,.9,.3,1)}.pressable:active{transform:scale(.96)}.icon-btn{color:#fff;background:#00000059;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.cta-call{border-radius:var(--r-pill);background:var(--call-button-gradient);width:100%;height:52px;box-shadow:var(--shadow-call);color:#fff;border:1px solid #ffffff40;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.cta-call:disabled{background:var(--muted-fill);border-color:var(--border);box-shadow:none;color:var(--secondary-text)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.spinner--page{border-color:var(--border);border-top-color:var(--secondary-text);width:26px;height:26px;margin:40px auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:.22s ease-out fade-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}