:root{--bg: #07150f;--bg-deep: #040b08;--bg-raise: #0c1d16;--gold: #c9a961;--gold-hot: #e8c87a;--gold-dim: #8a7240;--bone: #e8dcc8;--fog: #8c8478;--oxblood: #6b1e1e;--line: rgba(201, 169, 97, .18);--line-strong: rgba(201, 169, 97, .42);--serif: "Cormorant Garamond", "Times New Roman", serif;--sans: "Manrope", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--safe-top: var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-bottom: var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--content-top: var(--tg-content-safe-area-inset-top, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--bone);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input{font:inherit;color:inherit}img{display:block;max-width:100%}.atmosphere:before,.atmosphere:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50}.atmosphere:before{opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9  0 0 0 0 0.85  0 0 0 0 0.75  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}.atmosphere:after{background:radial-gradient(120% 90% at 50% 35%,transparent 55%,rgba(2,6,4,.75) 100%)}.app{position:relative;min-height:100%;max-width:480px;margin:0 auto;padding-top:calc(var(--safe-top) + var(--content-top))}.scroll{padding:8px 20px calc(110px + var(--safe-bottom))}.screen-title{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.05;letter-spacing:.01em;color:var(--bone);margin:12px 0 4px;text-wrap:balance}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.muted{color:var(--fog)}.serif{font-family:var(--serif)}.num{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}.italic{font-style:italic}.gold{color:var(--gold)}.center{text-align:center}.pretty{text-wrap:pretty}.rule{height:1px;border:0;margin:20px 0;background:linear-gradient(90deg,transparent,var(--line-strong) 20%,var(--gold) 50%,var(--line-strong) 80%,transparent)}.rule.thin{opacity:.55}.panel{position:relative;background:linear-gradient(180deg,#e8dcc809,#e8dcc803);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.panel.engraved:before{content:"";position:absolute;inset:4px;border:1px solid rgba(201,169,97,.08);border-radius:10px;pointer-events:none}.panel.parchment{background:linear-gradient(160deg,#efe5d2,#e2d4b8);color:#2a2118;border-color:#5a462866}.panel.highlight{background:linear-gradient(115deg,transparent 30%,rgba(232,200,122,.1) 45%,transparent 60%),linear-gradient(180deg,#c9a96117,#c9a96105);border-color:var(--line-strong)}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:12px;font-weight:600;font-size:15px;letter-spacing:.04em;transition:transform .4s var(--ease),opacity .3s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.block{width:100%}.grid2 .btn{padding:0 12px;font-size:14px;letter-spacing:.02em}.btn.brass{color:#1b1409;background:linear-gradient(180deg,#e2c47d,#c9a961 45%,#a8884a);box-shadow:inset 0 1px #fff6dc8c,inset 0 -2px #46321459,0 6px 22px #c9a9612e}.btn.brass:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,250,230,.55) 50%,transparent 65%);transform:translate(-120%);transition:transform .8s var(--ease)}.btn.brass:active:after,.btn.brass:hover:after{transform:translate(120%)}.btn.ghost{color:var(--gold);border:1px solid var(--line-strong);background:#c9a9610a}.btn.quiet{color:var(--fog);min-height:44px}.monogram{font-family:var(--serif);font-size:13px;font-weight:600;width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid currentColor;opacity:.8}.chip{padding:8px 14px;border-radius:999px;font-size:13px;color:var(--fog);border:1px solid var(--line);white-space:nowrap;transition:color .4s,border-color .4s,background .4s}.chip[aria-pressed=true]{color:#1b1409;border-color:transparent;background:linear-gradient(180deg,#e2c47d,#b8984f)}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}@keyframes breathe{0%,to{opacity:.86;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.08)}}.breathe{animation:breathe 3s ease-in-out infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #e8c87a99}to{box-shadow:0 0 0 10px #e8c87a00}}.dot{width:8px;height:8px;border-radius:50%;background:var(--gold-hot);animation:pulse-dot 1.8s var(--ease) infinite;flex:none}.dot.dim{background:var(--fog);animation:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.img-blend{-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}.seal-cut{-webkit-mask-image:radial-gradient(closest-side,#000 76%,transparent 83%);mask-image:radial-gradient(closest-side,#000 76%,transparent 83%)}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;z-index:40;padding:10px 14px calc(10px + var(--safe-bottom));background:linear-gradient(180deg,rgba(4,11,8,0),rgba(4,11,8,.92) 30%,var(--bg-deep))}.tabbar-inner{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);padding-top:8px}.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:11px;letter-spacing:.06em;color:var(--fog);transition:color .4s var(--ease)}.tab[aria-current=page]{color:var(--gold-hot)}.tab-mark{position:absolute;top:-9px;width:26px;height:2px;border-radius:2px;background:var(--gold)}.sheet-backdrop{position:fixed;inset:0;background:#020604b3;z-index:60}.sheet{position:fixed;left:50%;bottom:0;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;z-index:61;background:linear-gradient(180deg,#0f2219,var(--bg-deep));border-top:1px solid var(--line-strong);border-radius:22px 22px 0 0;padding:10px 22px calc(28px + var(--safe-bottom))}.sheet-grip{width:40px;height:4px;border-radius:4px;background:var(--line-strong);margin:0 auto 16px}.engraved-input{width:100%;background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:12px;padding:14px 16px;font-family:var(--serif);font-size:34px;text-align:center;color:var(--gold-hot);font-variant-numeric:lining-nums tabular-nums;box-shadow:inset 0 3px 10px #0009,inset 0 -1px #c9a96126;outline:none;user-select:text;-webkit-user-select:text}.engraved-input:focus{border-color:var(--gold)}.engraved-input::placeholder{color:#8c847880}.option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#e8dcc805;text-align:left;transition:border-color .4s,background .4s}.option[aria-pressed=true]{border-color:var(--gold);background:#c9a96114}.option:disabled{opacity:.4}.list-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(201,169,97,.1)}.list-row:last-child{border-bottom:0}.toast{position:fixed;left:50%;top:calc(var(--safe-top) + var(--content-top) + 12px);z-index:90;width:calc(100% - 32px);max-width:440px;padding:14px 16px;border-radius:12px;border:1px solid var(--line-strong);background:#0f2219;font-size:14px;box-shadow:0 12px 40px #00000080}.toast.bad{border-color:#a03c3c99}.overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#10241bfb,#030806fe 70%);padding:32px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
