:root{--cc-cream: #fff8ee;--cc-cream-2: #ffefd9;--cc-paper: #fffdf7;--cc-tan: #f4dcc4;--cc-tan-2: #e8c9a8;--cc-ink: #3d2e2a;--cc-ink-2: #6b544d;--cc-ink-3: #a08a82;--cc-line: #2a1f1c;--cc-mint: #6bd9a8;--cc-mint-2: #4fc791;--cc-mint-soft: #c9f2de;--cc-coral: #ff8b8b;--cc-coral-2: #f26b6b;--cc-coral-soft: #ffd6d6;--cc-butter: #ffd66b;--cc-butter-soft: #ffeeb8;--cc-lav: #c7b3ff;--cc-lav-soft: #e6dcff;--cc-sky: #9dddf9;--cc-sky-soft: #d5f0fb;--cc-peach: #ffb088;--cc-peach-soft: #ffdfc8;--cc-shadow-1: 4px 4px 0 var(--cc-line);--cc-shadow-2: 6px 6px 0 var(--cc-line);--cc-r-sm: 12px;--cc-r-md: 18px;--cc-r-lg: 24px;--cc-r-xl: 28px;--cc-r-pill: 999px;--cc-font-display: "Jua", "Pretendard", "Apple SD Gothic Neo", -apple-system, system-ui, sans-serif;--cc-font-body: "Pretendard", "Apple SD Gothic Neo", -apple-system, system-ui, sans-serif;--cc-font-mono: "JetBrains Mono", ui-monospace, monospace;--cc-frame-max: 430px;--cc-frame-height: min(100dvh, 932px);--cc-safe-top: env(safe-area-inset-top);--cc-safe-bottom: env(safe-area-inset-bottom)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{margin:0;font-family:var(--cc-font-body);color:var(--cc-ink);background:linear-gradient(180deg,#f1e6d3,#ffe5cb);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4}button{font-family:inherit;cursor:pointer}input,textarea,button,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.cc-app{min-height:100dvh;display:flex;align-items:stretch;justify-content:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.cc-frame{width:100%;max-width:var(--cc-frame-max);min-height:100dvh;background:var(--cc-cream);position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0}@media (min-width: 640px){.cc-app{background:radial-gradient(ellipse at top,#f9eed8,#e8d2b6 65%,#d5b896);padding:24px;align-items:center}.cc-frame{max-width:412px;height:832px;min-height:832px;border-radius:36px;border:3px solid var(--cc-line);box-shadow:0 24px 64px #00000040,8px 8px 0 var(--cc-line)}}.cc-display{font-family:var(--cc-font-display);letter-spacing:-.01em}.cc-mono{font-family:var(--cc-font-mono);font-weight:700;font-variant-numeric:tabular-nums}.cc-scroll::-webkit-scrollbar{width:4px;height:4px}.cc-scroll::-webkit-scrollbar-thumb{background:var(--cc-tan-2);border-radius:999px}.cc-card{background:var(--cc-paper);border:2.5px solid var(--cc-line);border-radius:var(--cc-r-lg);box-shadow:var(--cc-shadow-1)}.cc-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--cc-r-pill);border:2px solid var(--cc-line);font-weight:700;font-size:12px;background:var(--cc-paper)}.cc-btn{border:2.5px solid var(--cc-line);border-radius:var(--cc-r-md);padding:12px 18px;font-family:var(--cc-font-display);font-size:16px;background:var(--cc-butter);color:var(--cc-ink);box-shadow:var(--cc-shadow-1);transition:transform .08s ease,box-shadow .08s ease}.cc-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--cc-line)}.cc-btn:disabled{background:var(--cc-tan);color:var(--cc-ink-3);cursor:not-allowed;box-shadow:none}.cc-fab-row{display:flex;gap:10px}.cc-coral{color:var(--cc-coral-2)}.cc-mint{color:var(--cc-mint-2)}.cc-ink-2{color:var(--cc-ink-2)}.cc-ink-3{color:var(--cc-ink-3)}@keyframes ccBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cc-bob{animation:ccBob 2.4s ease-in-out infinite}@keyframes ccShake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}}.cc-shake{animation:ccShake .55s linear infinite}@keyframes ccPulse{0%,to{box-shadow:0 0 #f26b6b99}50%{box-shadow:0 0 0 14px #f26b6b00}}.cc-pulse{animation:ccPulse 1.6s ease-out infinite}.cc-fade-in{animation:ccFadeIn .25s ease-out}@keyframes ccFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}