:root{--void: #05050f;--deep-navy: #0d1b4b;--temple-gold: #c9a84c;--solar-gold: #f0c040;--ivory: #f5edd8;--mist: #a89b8c;--seal-amber: #8b5e3c;--glass: rgba(255, 255, 255, .04);--glow: rgba(201, 168, 76, .15);--hero-gradient: linear-gradient(180deg, #0d1b4b 0%, #05050f 100%);--gold-accent: linear-gradient(135deg, #c9a84c 0%, #f0c040 50%, #c9a84c 100%);--card-glass: linear-gradient( 135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100% );--card-radius: 16px;--hero-radius: 24px;--card-border: 1px solid rgba(201, 168, 76, .2);--card-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(201, 168, 76, .1);--nav-height: 86px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:hidden;width:100%;height:100%}body{font-family:Raleway,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--void);color:var(--ivory);line-height:1.8;font-size:clamp(14px,4vw,17px);overflow-x:hidden;overflow-y:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;width:100%;height:100%}#root{width:100%;max-width:520px;margin:0 auto;height:100vh;height:100dvh;position:relative;background:var(--void);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.font-display{font-family:Cinzel,serif}.title-main{font-family:Cinzel,serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.subtitle{font-family:Cinzel,serif;font-weight:400;letter-spacing:.08em}.body-text{font-family:Raleway,sans-serif;font-weight:400;line-height:1.8}.label{font-family:Raleway,sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:var(--temple-gold)}.hermetic-quote{font-family:Cinzel,serif;font-weight:300;font-style:italic;color:var(--temple-gold)}.card{background:var(--card-glass);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen{width:100%;max-width:100%;min-height:100%;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px);position:relative;overflow-x:hidden}.screen-pad{padding-left:20px;padding-right:20px;width:100%;max-width:100%}textarea,input{font-family:Raleway,sans-serif;color:var(--ivory);background:var(--glass);border:1px solid rgba(201,168,76,.25);border-radius:12px;padding:14px;font-size:16px;line-height:1.7;width:100%;resize:vertical;outline:none;transition:border-color .25s ease,box-shadow .25s ease}textarea:focus,input:focus{border-color:var(--temple-gold);box-shadow:0 0 0 3px var(--glow)}textarea::placeholder,input::placeholder{color:var(--mist);font-style:italic;opacity:.7}button{font-family:Raleway,sans-serif;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--temple-gold);text-decoration:none}::-webkit-scrollbar{width:0;height:0}.divider-gold{height:1px;background:linear-gradient(90deg,transparent,var(--temple-gold),transparent);opacity:.5;margin:16px 0}.glow-circle{position:fixed;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 70%);pointer-events:none;z-index:0}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 24px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);position:relative}.auth-shell{width:100%;max-width:430px;position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}.auth-mark{display:flex;justify-content:center;min-height:86px}.auth-title{color:var(--ivory);text-align:center;font-size:30px;line-height:1.15}.auth-subtitle{color:var(--mist);text-align:center;font-size:14px;line-height:1.7;max-width:340px;margin:0 auto}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid rgba(201,168,76,.2);border-radius:12px;background:var(--glass)}.auth-tabs button{min-height:42px;border-radius:8px;color:var(--mist);font-family:Cinzel,serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.auth-tabs button.active{color:#05050f;background:var(--gold-accent)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:8px}.auth-message{padding:11px 13px;border-radius:10px;font-size:13px;line-height:1.55}.auth-error{border:1px solid rgba(255,110,110,.4);color:#ffb1a9;background:#78141433}.auth-success{border:1px solid rgba(201,168,76,.38);color:var(--ivory);background:var(--glow)}.auth-link{align-self:center;color:var(--temple-gold);font-size:13px;text-decoration:underline;text-underline-offset:4px}.auth-help{display:flex;flex-direction:column;gap:8px;padding:16px;border:var(--card-border);border-radius:12px;background:var(--glass);color:var(--mist);font-size:13px;line-height:1.55}.sign-out-button{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:max(12px,calc((100vw - 520px)/2 + 12px));z-index:220;width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,168,76,.28);background:#05050fb8;color:var(--mist);font-size:16px;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 380px){.bottom-nav{padding-left:6px!important;padding-right:6px!important}}.mobile-stack{display:flex}@media (max-width: 430px){:root{--nav-height: 92px}.screen-pad{padding-left:16px;padding-right:16px}.card{border-radius:14px}.mobile-stack{flex-direction:column!important}.mobile-compact-card{padding:16px!important}.mobile-tight-label{letter-spacing:.06em!important}}@media (max-width: 360px){.screen-pad{padding-left:14px;padding-right:14px}.bottom-nav span{font-size:9px!important}}@keyframes ambientGlow{0%,to{opacity:.03;transform:scale(1)}50%{opacity:.08;transform:scale(1.08)}}@keyframes pulseBorder{0%,to{box-shadow:0 0 0 1px #c9a84c4d,0 0 12px #c9a84c1a}50%{box-shadow:0 0 0 1px #f0c04099,0 0 22px #c9a84c4d}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ambient-glow{animation:ambientGlow 4s ease-in-out infinite}.pulse-border{animation:pulseBorder 2.4s ease-in-out infinite}
