:root{--cappuccino-cream: #faf6f1;--cappuccino-latte: #f5ebe0;--cappuccino-foam: #e8d5c4;--cappuccino-caramel: #c4a484;--cappuccino-mocha: #a67c52;--cappuccino-espresso: #6f4e37;--cappuccino-dark: #4a3728;--cappuccino-shadow: rgba(74, 55, 40, .15);--cappuccino-glass: rgba(255, 248, 240, .55);--cappuccino-glass-border: rgba(255, 255, 255, .65);--cappuccino-accent: #d4a574;--cappuccino-danger: #b85c5c;--cappuccino-success: #7d9b76;--font-sans: "Outfit", system-ui, -apple-system, sans-serif;--font-serif: "Noto Serif SC", serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--nav-height: 52px;--nav-bottom-height: 60px;--touch-min: 44px;--page-max-width: 1100px;--transition: .25s ease;--main-padding-top: calc(var(--nav-height) + max(.5rem, env(safe-area-inset-top, 0px)) + 1rem);--main-padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0px));--main-padding-x: clamp(.75rem, 4vw, 1.5rem)}@media(max-width:768px){:root{--main-padding-bottom: calc( var(--nav-bottom-height) + env(safe-area-inset-bottom, 0px) + 1rem )}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#app{min-height:100%;min-height:100dvh}body{font-family:var(--font-sans);font-size:16px;color:var(--cappuccino-dark);background:linear-gradient(145deg,var(--cappuccino-cream) 0%,var(--cappuccino-latte) 35%,var(--cappuccino-foam) 70%,#dcc9b8 100%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:16px}button{cursor:pointer;border:none;background:none;touch-action:manipulation}img{max-width:100%;display:block;height:auto}.glass-card{background:var(--cappuccino-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--cappuccino-glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--cappuccino-shadow),inset 0 1px #fffc}.btn-primary{padding:.75rem 1.5rem;min-height:var(--touch-min);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--cappuccino-mocha),var(--cappuccino-espresso));color:var(--cappuccino-cream);font-weight:500;transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 4px 14px var(--cappuccino-shadow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--cappuccino-shadow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{padding:.5rem 1rem;min-height:var(--touch-min);border-radius:var(--radius-sm);color:var(--cappuccino-espresso);border:1px solid var(--cappuccino-caramel);background:#fff8f080;transition:background var(--transition);display:inline-flex;align-items:center;justify-content:center}.btn-ghost:hover{background:#fff8f0e6}.btn-danger{padding:.5rem 1rem;min-height:var(--touch-min);border-radius:var(--radius-sm);color:#fff;background:var(--cappuccino-danger);display:inline-flex;align-items:center;justify-content:center}.input-field{width:100%;padding:.75rem 1rem;min-height:var(--touch-min);border-radius:var(--radius-sm);border:1px solid var(--cappuccino-caramel);background:#fff8f0d9;color:var(--cappuccino-dark);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input-field:focus{border-color:var(--cappuccino-espresso);box-shadow:0 0 0 3px #c4a48459}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}