*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--gold: #C9A84C;--gold-light: #E8D48B;--gold-glow: #F5E6A3;--teal: #5B9EA6;--teal-soft: #7FBCC4;--teal-deep: #3A7A82;--blue-soft: #8AAFC8;--blue-pale: #B8D4E3;--green-teal: #6BAF8D;--cream: #F7F3E9;--cream-muted: rgba(247, 243, 233, .6);--dark: #1A2A32;--dark2: #1E3A42;--dark-bg: #0E1A20;--dark-surface: #162028;--glass-bg: rgba(91, 158, 166, .06);--glass-border: rgba(201, 168, 76, .12);--glass-highlight: rgba(255, 255, 255, .03);--glass-bg-solid: linear-gradient(135deg, rgba(91,158,166,.07), rgba(201,168,76,.04), rgba(138,175,200,.07));--feedback-love: #C9A84C;--feedback-concern: #5B9EA6;--feedback-improvement: #8AAFC8;--feedback-feature: #6BAF8D;--safe-bottom: env(safe-area-inset-bottom, 0px);--tab-height: 64px;--header-height: 52px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-display: "Cormorant Garamond", serif;--font-body: "Jost", sans-serif}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;overflow-x:hidden;font-family:Jost,sans-serif;font-weight:300;background:var(--dark-bg);color:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{height:100%;width:100%}.app-shell{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(165deg,#1a2a32,#1e3a42,#1a3040,#1e2e3a,#162028)}@media (min-width: 768px){.app-shell{flex-direction:row}}.font-display{font-family:Cormorant Garamond,serif}.text-gold-gradient{background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-glow),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:300;line-height:1.2}.glass{background:var(--glass-bg-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 6px 24px #0003,inset 0 1px 0 var(--glass-highlight)}.glass-subtle{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(201,168,76,.06);border-radius:var(--radius-md)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a84c26;border-radius:4px}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 16px);-webkit-overflow-scrolling:touch}@media (min-width: 768px){.main-content{padding-bottom:16px}}.page-enter{animation:pageIn .4s var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}::selection{background:#c9a84c4d;color:var(--cream)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-container{width:100%;max-width:100%;margin:0 auto;padding:0 16px}@media (min-width: 768px){.page-container{max-width:720px;padding:0 24px}}@media (min-width: 1024px){.page-container{max-width:860px;padding:0 32px}}@media (min-width: 768px){.desktop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.desktop-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}}@media (max-width: 767px){.desktop-only{display:none!important}}@media (min-width: 768px){.mobile-only{display:none!important}}@keyframes bellSway{0%,to{transform:rotate(0)}15%{transform:rotate(2.5deg)}30%{transform:rotate(-2deg)}45%{transform:rotate(1.5deg)}60%{transform:rotate(-1deg)}75%{transform:rotate(.5deg)}}@keyframes resPulse{0%{transform:scale(.6);opacity:.45}to{transform:scale(1.3);opacity:0}}@keyframes glowPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.18)}}@keyframes pDrift{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:.7;transform:translate(calc(var(--dx) * .3),calc(var(--dy) * .3)) scale(1)}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(12px,-20px) scale(1.06)}to{transform:translate(-8px,12px) scale(.95)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gentlePulse{0%,to{opacity:.25}50%{opacity:.65}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes barFill{0%{width:0}}@keyframes dotGlow{0%,to{box-shadow:0 0 4px #c9a84c4d}50%{box-shadow:0 0 12px #c9a84c99}}@keyframes confettiBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--cx),var(--cy)) scale(0);opacity:0}}