:root{color-scheme:dark;--navy:#101b35;--ink:#f5f7ff;--muted:#b9c3de;--line:#344365;--gold:#ffc94a;--gold2:#f0902b;--mint:#72e5c1;--red:#ff8e9c;--blue:#83bbff;font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:radial-gradient(circle at 88% -8%,#4e3b8c 0,transparent 27rem),radial-gradient(circle at -5% 40%,#1c6a78 0,transparent 25rem),var(--navy);color:var(--ink)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.app-shell{width:min(720px,100%);min-height:100dvh;margin:auto;padding:max(18px,env(safe-area-inset-top)) 14px calc(30px + env(safe-area-inset-bottom))}.skip-link{position:fixed;top:-60px;left:10px;z-index:3;padding:9px;border-radius:10px;background:#fff;color:#000}.skip-link:focus{top:10px}.header,.title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.header{margin-bottom:14px}.eyebrow{margin:0 0 5px;color:var(--gold);font-size:.67rem;font-weight:900;letter-spacing:.11em}.header h1,h2,p{margin-top:0}.header h1{font-size:clamp(1.75rem,8vw,2.5rem);letter-spacing:-.045em}.header h2,h2{letter-spacing:-.035em;font-size:clamp(1.28rem,5vw,1.75rem);line-height:1.08}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#1c2a4d;color:var(--ink);font-size:1.5rem}.stack{display:grid;gap:14px}.hero,.panel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#253b67,#152342 65%,#13203d);box-shadow:0 10px 27px #0004;padding:clamp(18px,5vw,27px)}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:170px;height:170px;right:-60px;bottom:-90px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#fff5a0 0 5%,var(--gold) 6% 26%,var(--gold2) 27% 42%,#5d3e21 43% 47%,transparent 48%);opacity:.87;transform:rotate(-18deg)}.hero h2{position:relative;z-index:1;margin-bottom:8px;font-size:clamp(1.75rem,8vw,2.65rem)}.hero>p:not(.glow-chip){position:relative;z-index:1;max-width:420px;margin-bottom:18px;color:var(--muted);line-height:1.45}.glow-chip,.badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid #ffdb74a8;background:#5f4414;color:#ffe9a3;font-size:.68rem;font-weight:900;letter-spacing:.07em}.wallet{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wallet article{min-width:0;padding:11px 7px;border:1px solid #58709d;background:#142442df;border-radius:15px;text-align:center}.wallet span,.wallet small{display:block;overflow-wrap:anywhere;font-size:.59rem;font-weight:850;letter-spacing:.04em;color:var(--muted)}.wallet strong{display:block;margin:3px 0;color:var(--gold);font-size:clamp(1rem,5vw,1.4rem);white-space:nowrap}.panel{background:linear-gradient(145deg,#1e3154,#172644)}.title-row{align-items:center;margin-bottom:13px}.title-row .eyebrow{margin-bottom:3px}.badge.calm{border-color:#7ccbb8;background:#19493f;color:#b6f4df}.route-list,.history-list,.approval-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.route-step{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid #3b4d73;border-radius:16px;background:#12213e}.step-marker{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#324563;color:#bdd0ef;font-weight:950}.route-step strong,.route-step small{display:block}.route-step small{margin-top:2px;color:var(--muted);font-size:.76rem}.route-step.current{border-color:#edbf4c;background:linear-gradient(100deg,#46361a,#182846)}.route-step.current .step-marker{background:var(--gold);color:#342408}.route-step.completed{border-color:#4fb99d}.route-step.completed .step-marker{background:var(--mint);color:#082d28}.step-state{color:var(--muted);font-size:.68rem;font-weight:800}.meter{height:5px;margin-top:7px;overflow:hidden;border-radius:9px;background:#34476a}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--gold))}.muted{margin:12px 0;color:var(--muted);font-size:.83rem;line-height:1.4}.button{min-height:54px;border:0;border-radius:15px;padding:10px 16px;font-weight:900}.primary{width:100%;background:linear-gradient(125deg,#ffc94a,#f0902b);color:#33220a;box-shadow:0 4px 0 #8e591c}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #8e591c}.request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-button{min-height:74px;padding:10px;border:1px solid #4a6190;border-radius:16px;background:#132342;color:#edf2ff;text-align:left;font-size:.86rem;font-weight:800;line-height:1.25}.choice-button:not(:disabled):active{transform:translateY(2px);border-color:var(--gold);background:#2b3455}.choice-button.locked{grid-column:span 2;text-align:center}.history-item,.approval-card{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #3b4d73;border-radius:16px;background:#12213e}.history-item>div{min-width:0;flex:1}.request-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#2a3e66;font-size:1.08rem}.history-item strong,.history-item small{display:block}.history-item small{margin-top:2px;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}.status{max-width:92px;color:var(--muted);font-size:.64rem;font-weight:800;text-align:right}.status.approved{color:var(--mint)}.status.rejected,.status.cancelled,.status.expired{color:var(--red)}.status.used{color:var(--blue)}.approval-card{align-items:stretch;justify-content:space-between}.approval-card>div:first-child{min-width:0}.approval-card .request-icon{float:left;margin-right:8px}.approval-card p{margin:4px 0;color:#e9efff;font-weight:750}.approval-card small{color:var(--muted);font-size:.72rem}.approval-actions{display:grid;gap:6px;align-content:center}.mini-button{min-height:36px;border:0;border-radius:11px;padding:7px 10px;font-size:.73rem;font-weight:900}.approve{background:var(--mint);color:#082d28}.reject{background:#57313d;color:#ffd6de}.use{align-self:center;background:var(--blue);color:#10284e}.used-card{align-items:center}.empty{padding:15px;border:1px dashed #4a6190;border-radius:15px;color:var(--muted);font-size:.85rem;text-align:center}.notice{padding:18px;border:1px solid var(--line);border-radius:18px;background:#192747;color:var(--muted);line-height:1.45}.error{color:#ffb5bd}.observer{text-align:left;min-height:340px}.observer h2{max-width:410px}.future-mark{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;margin-top:22px;border:1px solid #e9d16c;border-radius:22px;background:#604c1a;color:#ffe58a;font-size:2rem}.adult-hero:after{background:radial-gradient(circle at 45% 35%,#fff 0 5%,#8ed5ff 6% 26%,#5c86d8 27% 42%,#1a3260 43% 47%,transparent 48%)}@media(max-width:390px){.app-shell{padding-inline:11px}.hero,.panel{padding:16px;border-radius:20px}.wallet{gap:6px}.wallet article{padding:9px 3px}.wallet strong{font-size:1rem}.request-grid{grid-template-columns:1fr}.choice-button.locked{grid-column:auto}.approval-card{display:grid}.approval-actions{grid-template-columns:1fr 1fr}.used-card{display:flex}.used-card .use{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.route-step.active{border-color:#edbf4c;background:linear-gradient(100deg,#46361a,#182846)}.route-step.active .step-marker{background:var(--gold);color:#342408}