:root{--accent: #7b5cf6;--accent2: #a78bfa;--soft: #ece6ff;--gold: #e0912b;--gold-soft: #fbeecb;--leaf: #4fae6e;--leaf-soft: #dcf3e1;--canvas: #f5f2ff;--surface: #ffffff;--surface2: #f4f0ff;--ink: #241a38;--muted: #7c7391;--line: #ece5f8;--sans: "Pretendard", -apple-system, system-ui, sans-serif;--serif: "Nanum Myeongjo", serif;--r-card: 20px;--r-chip: 14px;--shadow-card: 0 1px 2px rgba(36, 26, 56, .05), 0 8px 20px rgba(36, 26, 56, .06);--shadow-cta: 0 10px 24px rgba(123, 92, 246, .3);--shadow-shell: 0 40px 90px rgba(36, 26, 56, .26), 0 4px 14px rgba(36, 26, 56, .12)}:root[data-theme=terracotta]{--accent: #b0553a;--accent2: #c1745b;--soft: #f1ddd3;--gold: #a97c2e;--gold-soft: #f1e7d3;--leaf: #6e7a4e;--leaf-soft: #e4e7d3;--canvas: #efe7e0;--surface: #fcf8f5;--surface2: #f6efe8;--ink: #2e241e;--muted: #726155;--line: #eadfd4}:root[data-theme=sage]{--accent: #4f6a50;--accent2: #6b8168;--soft: #dee7d2;--gold: #a2751f;--gold-soft: #efe6ce;--leaf: #4f6a50;--leaf-soft: #dee7d2;--canvas: #e7eae1;--surface: #fafbf7;--surface2: #f0f3e9;--ink: #232a22;--muted: #5f675a;--line: #dfe4d6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0}body{background:radial-gradient(120% 80% at 85% -5%,var(--soft),transparent 55%),var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}input,textarea,button{font-family:inherit}.vn-scroll::-webkit-scrollbar{width:0;height:0}.vn-scroll{scrollbar-width:none}@keyframes scrIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app-canvas{min-height:100dvh;display:flex;justify-content:center}.app-frame{width:100%;max-width:440px;height:100dvh;background:var(--surface);overflow:hidden;position:relative;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}@media(min-width:441px){.app-frame{box-shadow:0 0 0 1px var(--line),0 20px 60px #241a381f}}.app-scroll{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.tabbar{display:flex;flex-shrink:0;background:var(--surface);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom,8px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabbar a{flex:1;background:transparent;border:none;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0;color:var(--muted);position:relative}.tabbar a.active{color:var(--accent)}.tabbar a span.lbl{font-size:10.5px;font-weight:700}.tabbar a .dot{position:absolute;top:2px;right:calc(50% - 20px);width:7px;height:7px;border-radius:50%;background:var(--accent)}.toast{position:absolute;bottom:96px;left:50%;transform:translate(-50%);z-index:40;background:#1e1624f0;color:#fff;padding:13px 20px;border-radius:14px;font-size:13.5px;font-weight:600;box-shadow:0 12px 30px #0000004d;max-width:88%;text-align:center;animation:toastIn .3s ease both;line-height:1.5}.serif{font-family:var(--serif)}.screen-title{font-size:22px;font-weight:800;margin:0;letter-spacing:-.4px}