:root{--primary-color: #e8920a;--primary-light: #f5a623;--secondary-color: #c97a10;--primary-rgb: 232, 146, 10;--secondary-rgb: 201, 122, 16;--purple-rgb: 147, 51, 234;--subtitle-readable: rgba(255, 255, 255, .92);--fluid-xs: clamp(.7rem, 1.8vw, .8rem);--fluid-sm: clamp(.8rem, 2.2vw, .95rem);--fluid-base: clamp(.9rem, 2.8vw, 1.05rem);--fluid-md: clamp(1rem, 3.2vw, 1.2rem);--fluid-lg: clamp(1.1rem, 3.8vw, 1.4rem);--fluid-xl: clamp(1.2rem, 4.5vw, 1.6rem);--fluid-2xl: clamp(1.4rem, 5.5vw, 2.4rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px}*{box-sizing:border-box}input[type=date],input[type=time],input[type=text],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%}body{background:linear-gradient(160deg,#060d0d,#0d1c18 35%,#0a1820 65%,#080d10);color:var(--tg-theme-text-color, #fff);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:0;padding:0;min-height:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 20%,rgba(255,255,255,.18) 0%,transparent 100%),radial-gradient(1px 1px at 72% 8%,rgba(255,255,255,.12) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 38% 55%,rgba(232,146,10,.2) 0%,transparent 100%),radial-gradient(1px 1px at 88% 42%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(1px 1px at 55% 78%,rgba(255,255,255,.13) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 6% 65%,rgba(147,51,234,.18) 0%,transparent 100%),radial-gradient(1px 1px at 92% 82%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(1px 1px at 28% 90%,rgba(255,255,255,.08) 0%,transparent 100%),radial-gradient(1px 1px at 65% 32%,rgba(255,255,255,.11) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 48% 15%,rgba(232,146,10,.15) 0%,transparent 100%);pointer-events:none;z-index:0}#root{min-height:100vh}.container{max-width:min(600px,100%);margin:0 auto;padding:0 20px}button{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#1a0800;border:none;padding:11px 20px;font-size:.9rem;border-radius:9999px;width:100%;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 28px rgba(var(--primary-rgb),.35),0 4px 16px rgba(var(--primary-rgb),.25),inset 0 1px #fff3;font-family:inherit;letter-spacing:.01em}button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skew(-20deg);animation:shimmerSweep 3.5s ease-in-out infinite}button:hover{transform:translateY(-1px);box-shadow:0 0 36px rgba(var(--primary-rgb),.5),0 6px 20px rgba(var(--primary-rgb),.35),inset 0 1px #fff3}button:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}button:disabled{background:#ffffff14;cursor:not-allowed;transform:none;opacity:.5;box-shadow:none}button:disabled:after{display:none}.section{background:#0f231ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:var(--spacing-lg);border:1px solid rgba(212,165,116,.13);margin-bottom:var(--spacing-lg);box-shadow:0 2px 20px #0003,inset 0 1px #ffffff0a}.page{display:flex;flex-direction:column;min-height:100vh}.page-scroll{flex:1;overflow-y:auto;padding:0 20px calc(env(safe-area-inset-bottom,0) + 24px)}header{text-align:center;margin:32px 0 24px;position:relative}h1{font-size:var(--fluid-2xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}.subtitle{color:var(--subtitle-readable);font-size:var(--fluid-base);margin:0;font-weight:400}.tagline{color:var(--primary-color);font-size:var(--fluid-sm);opacity:.85;margin:6px 0 0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse-record{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 14px #ef444400}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerSweep{0%{left:-100%}35%{left:150%}to{left:150%}}@keyframes moonPulse{0%,to{box-shadow:0 0 40px #e8920a59,0 0 80px #e8920a26}50%{box-shadow:0 0 55px #e8920a80,0 0 100px #e8920a38}}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageEnter .32s cubic-bezier(.4,0,.2,1)}.moon-hero{animation:moonPulse 3s ease-in-out infinite}.card-enter{animation:cardEnter .3s ease both}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmerSweep 1.5s ease infinite;border-radius:var(--radius-sm)}