:root{--cream: #FAF7F0;--cream2: #F5EFE0;--cream3: #FFFCF5;--gold: #C8A84B;--goldL: #E0C870;--goldD: #9B7B28;--brown: #2A0E00;--brownM: #2A0E00;--brownL: #4A1E00;--ink: #1A0800;--ink2: #2E1200;--ink3: #5A2800;--muted: #3D2A0F;--border: #DDD0B8;--borderL: #EAE0CC;--shadow: rgba(40,15,0,.12);--radius: 14px;--radiusS: 10px;--fs-body: 16px;--fs-small: 14px;--fs-xs: 12px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--cream);font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:var(--fs-body);line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}button,input,textarea,select{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:var(--fs-body)}.js-page{display:flex;flex-direction:column;gap:14px;padding:14px 15px calc(80px + env(safe-area-inset-bottom));max-width:460px;margin:0 auto;min-height:100vh}.js-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fff8ec,#faf3e0);border-top:1.5px solid #C9A84C44;display:flex;justify-content:space-around;align-items:center;padding:10px 0 calc(10px + env(safe-area-inset-bottom));animation:nav-breathe 3s ease-in-out infinite;z-index:100;box-shadow:0 -2px 16px var(--shadow)}.js-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;text-decoration:none;flex:1}.js-nav-icon{font-size:21px;color:var(--goldD);transition:all .3s ease}.js-nav-item.active .js-nav-icon{color:#c9a84c;filter:drop-shadow(0 0 6px rgba(200,168,75,.6));transform:scale(1.15)}.js-nav-label{font-family:Cinzel,serif;font-size:9px;font-weight:600;letter-spacing:.05em;color:var(--muted);transition:all .3s ease}.js-nav-item.active .js-nav-label{color:#4a1e00;font-weight:800}.js-nav-item.active{position:relative}.js-nav-item.active:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c9a84c,#e8b84c,#c9a84c);animation:nav-glow 2s ease-in-out infinite}@keyframes nav-glow{0%,to{opacity:.5;box-shadow:0 0 4px #c8a84b33}50%{opacity:1;box-shadow:0 0 12px #c8a84b80}}@keyframes nav-breathe{0%,to{box-shadow:0 -2px 8px #c8a84b1a}50%{box-shadow:0 -2px 16px #c8a84b40}}.js-header{position:sticky;top:0;z-index:50;background:var(--cream);border-bottom:1.5px solid var(--border);padding:11px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 12px var(--shadow)}.js-card{background:var(--cream3);border:1px solid var(--borderL);border-radius:var(--radius);padding:15px}.js-card-accent{background:linear-gradient(135deg,#fffcf5,#fff5e0);border:1.5px solid var(--goldL);border-radius:var(--radius);padding:15px}.js-btn-gold{width:100%;padding:14px;background:linear-gradient(135deg,var(--brownM),var(--brownL));color:#fff5e8;border:none;border-radius:var(--radiusS);font-family:Cinzel,serif;font-size:13px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.js-btn-gold:active{opacity:.85}.js-btn-gold:disabled{opacity:.45}.js-btn-outline{width:100%;padding:12px;background:transparent;color:var(--brownL);border:1.5px solid var(--goldL);border-radius:var(--radiusS);font-family:Cinzel,serif;font-size:12px;cursor:pointer}.js-input{width:100%;padding:12px 14px;background:#fffcf5;border:1.5px solid var(--border);border-radius:var(--radiusS);font-size:16px;color:var(--ink);outline:none;transition:border-color .2s;-webkit-appearance:none}.js-input:focus{border-color:var(--gold)}.js-label{font-family:Cinzel,serif;font-size:10px;font-weight:700;color:var(--brownL);letter-spacing:.1em;margin-bottom:6px;display:block}.js-section-title{font-family:Cinzel,serif;font-size:10px;font-weight:700;color:var(--brownL);letter-spacing:.18em}.js-strip-gold{background:linear-gradient(135deg,#fffcf0,#fff3d5);border:1px solid var(--goldL);border-radius:var(--radiusS);padding:12px 16px;text-align:center;font-family:Cinzel,serif;font-size:13px;font-weight:700;color:var(--brownM)}.js-divider{height:1px;background:linear-gradient(90deg,transparent,var(--goldL),transparent)}@keyframes breathe-red{0%,to{background:#dc503c14;box-shadow:0 0 #dc503c00;transform:scale(1)}50%{background:#dc503c2e;box-shadow:0 0 12px 4px #dc503c26;transform:scale(1.03)}}.breathe-btn{animation:breathe-red 2.5s ease-in-out infinite}@keyframes flame-flicker{0%,to{transform:scaleY(1) rotate(-1deg)}50%{transform:scaleY(1.06) rotate(1deg)}}.js-page{animation:pageIn .25s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.js-page{touch-action:pan-y pinch-zoom}svg{touch-action:pinch-zoom}