[hidden]{display:none!important}

:root{
  --night:#0c1540;        
  --vault:#131f55;        
  --vault-2:#1a2866;      
  --cream:#f2e8cf;        
  --cream-dim:#bdb49c;    
  --gold:#d8b25a;         
  --gold-soft:#e8d4a2;    
  --azure:#8fb0ea;        
  --line:rgba(216,178,90,.28);
  --line-soft:rgba(242,232,207,.10);
  --ok:#9fd3a8;
  --red:#b8322a;          
  --red-soft:#ff9b8f;
  --f-display:"Alegreya",Georgia,"Times New Roman",serif;
  --f-body:"Alegreya Sans","Segoe UI",system-ui,sans-serif;
  --f-label:"Alegreya Sans SC","Alegreya Sans","Segoe UI",system-ui,sans-serif;
  --r:10px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--night)}
body{background:var(--night);color:var(--cream);font-family:var(--f-body);font-size:18.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--night)}
a{color:var(--gold-soft)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sky{position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 70% at 50% 0%,#1c2d7a 0%,var(--night) 70%)}
.sky canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.head{position:relative;display:flex;align-items:center;gap:22px;padding-block:26px 22px}
.medal{width:96px;height:96px;flex:none;border-radius:50%;box-shadow:0 0 0 2px rgba(216,178,90,.5),0 0 38px rgba(216,178,90,.28)}
.head h1{font-family:var(--f-display);font-weight:800;font-size:clamp(30px,5.4vw,46px);line-height:1.02;margin:0;text-wrap:balance;letter-spacing:.2px}
.head .or{font-family:var(--f-display);font-style:italic;color:var(--gold-soft);font-size:clamp(16px,2.4vw,20px);margin:2px 0 6px}
.head .stamp{font-family:var(--f-label);letter-spacing:.05em;color:var(--cream-dim);font-size:15.5px}
.head .stamp b{color:var(--gold);font-weight:700}
.pave{position:relative;height:30px;background:var(--night)}
.pave::before{content:"";position:absolute;left:0;right:0;top:50%;height:8px;transform:translateY(-50%);border-radius:4px;background:linear-gradient(180deg,rgba(255,246,214,.55) 0,rgba(255,246,214,0) 45%,rgba(0,0,0,.38) 100%),repeating-linear-gradient(118deg,#6b4c1a 0 1.4px,#d4b262 1.4px 5.6px,#f2dc9a 5.6px 7px,#b08637 7px 9.4px);box-shadow:0 2px 3px rgba(0,0,0,.45)}
.pave::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 28'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f6e4a8'/%3E%3Cstop offset='.5' stop-color='%23cfa24c'/%3E%3Cstop offset='1' stop-color='%237c5a20'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M92 14C98 1 111 1 120 14C129 27 142 27 148 14C142 1 129 1 120 14C111 27 98 27 92 14Z' stroke='%233a290c' stroke-width='7'/%3E%3Cpath d='M92 14C98 1 111 1 120 14C129 27 142 27 148 14C142 1 129 1 120 14C111 27 98 27 92 14Z' stroke='url%28%23g%29' stroke-width='4.6'/%3E%3Cpath d='M92 14C98 1 111 1 120 14C129 27 142 27 148 14C142 1 129 1 120 14C111 27 98 27 92 14Z' stroke='%23fff4cf' stroke-opacity='.55' stroke-width='1.1' stroke-dasharray='2.2 2.6'/%3E%3C/g%3E%3C/svg%3E") center/240px 28px repeat-x}
.strip-wrap{padding-block:18px 6px}
.lbl{font-family:var(--f-label);font-size:15.5px;letter-spacing:.09em;color:var(--gold);text-transform:lowercase}
.agenda{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:8px;margin-top:10px}
.ag{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;cursor:pointer;border:1px solid var(--line-soft);border-left:6px solid var(--gold);background:var(--vault);color:var(--cream);border-radius:10px;padding:10px 12px;font:inherit;min-height:60px}
.ag:hover{background:var(--vault-2)}
.ag.vale{border-left-color:var(--cream-dim)}
.ag.prop{border-left-style:dashed}
.ag.all{border-left-color:var(--gold-soft);background:transparent}
.ag.mlnr{border-left-color:var(--azure)}
.ag .w{font-family:var(--f-label);font-size:15px;color:var(--gold-soft);line-height:1.15;text-align:center;min-width:3.4em;font-variant-numeric:tabular-nums}
.ag .w b{display:block;font-family:var(--f-display);font-size:24px;color:var(--gold)}
.ag .tt{line-height:1.3;font-weight:500;min-width:0}
.ag .tt span{display:block;font-size:15px;color:var(--cream-dim);font-weight:400}
.wk{background:var(--vault);border:1px solid var(--line-soft);border-radius:8px;padding:7px 7px 9px;min-height:84px;display:flex;flex-direction:column;gap:5px}
.wk.now{border-color:var(--gold)}
.wk .d{font-family:var(--f-label);font-size:12px;color:var(--cream-dim);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.ev{display:block;width:100%;text-align:left;border:0;cursor:pointer;font:500 13.5px/1.25 var(--f-body);padding:6px 7px;border-radius:5px;color:var(--night);background:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev.vale{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1px var(--cream-dim)}
.ev.mlnr{background:var(--azure)}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:15px;color:var(--cream-dim);margin-top:4px}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:linear-gradient(var(--night) 80%,rgba(12,21,64,0));padding-block:12px 10px}
.tabs nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.tabs nav::-webkit-scrollbar{display:none}
.tab{flex:none;border:1px solid var(--line);background:transparent;color:var(--cream);font:500 17px var(--f-body);padding:10px 16px;min-height:46px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:7px}
.tab[aria-selected="true"]{background:var(--gold-soft);color:var(--night);border-color:var(--gold-soft);font-weight:700}
.tab .n{font-family:var(--f-label);font-size:14px;opacity:.85}
.tab .dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.tab[aria-selected="true"] .dot{background:var(--night)}
main{padding-block:8px 40px}
@media (max-width:640px){.tabs{position:static;background:none}.tabs nav{flex-wrap:wrap}.tab{flex:1 1 auto;justify-content:center}}
section.view{display:flex;flex-direction:column;gap:14px}
.to-clean{display:block;text-align:center;padding:10px 16px;background:var(--gold-soft);color:var(--night);font-family:var(--f-label);font-weight:700;font-size:15.5px;text-decoration:none}
.head .hello{font-family:var(--f-display);font-style:italic;color:var(--cream);font-size:clamp(18px,2.6vw,22px);margin-top:6px}
.vhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}
.vhead h2{font-family:var(--f-display);font-weight:700;font-size:clamp(24px,3.6vw,32px);margin:0;text-wrap:balance}
.vhead p{margin:0;color:var(--cream-dim);max-width:62ch}
.home{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:start}
@media (max-width:760px){.home{grid-template-columns:1fr}}
.next{background:linear-gradient(160deg,var(--vault-2),var(--vault));border:1px solid var(--line);border-radius:14px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.next .big{font-family:var(--f-display);font-weight:800;font-size:clamp(34px,6vw,52px);line-height:1;color:var(--gold)}
.next .big small{font-size:.42em;color:var(--cream);font-weight:500;margin-left:6px}
.next h3{font-family:var(--f-display);font-size:22px;margin:0}
.feed{display:flex;flex-direction:column;gap:8px;min-width:0}
.fi{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:var(--vault);border:1px solid var(--line-soft);border-radius:var(--r);padding:13px 14px;min-height:56px;cursor:pointer;text-align:left;color:var(--cream);font:inherit;width:100%}
.fi:hover{background:var(--vault-2)}
.fi .t{min-width:0;font-weight:500;line-height:1.3}
.fi .t span{display:block;font-size:13.5px;color:var(--cream-dim);font-weight:400}
.chip{font-family:var(--f-label);font-size:14px;letter-spacing:.05em;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--gold-soft);white-space:nowrap}
.chip.mlnr{color:var(--azure);border-color:rgba(143,176,234,.45)}
.chip.vale{color:var(--cream);border-color:var(--cream-dim)}
.chip.nou{background:var(--gold);color:var(--night);border-color:var(--gold)}
.chip.hot{background:var(--red);color:#fff;border-color:transparent;font-weight:700;white-space:normal}
.hotbox{display:flex;flex-direction:column;gap:8px;border:2px solid var(--red);border-radius:14px;padding:14px 16px}
.hotrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;text-align:left;background:none;border:0;color:inherit;font:inherit;font-size:17px;cursor:pointer;padding:6px 0;min-width:0}
.hotrow span:last-child{color:var(--cream-dim);font-size:15px}
.ag .hot{display:inline-block;margin-top:3px;color:var(--red-soft);font-weight:700}
.tema{scroll-margin-top:84px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;border:1px dashed var(--gold);border-radius:14px;padding:18px 20px;background:rgba(216,178,90,.06)}
.col{display:flex;flex-direction:column;gap:14px;min-width:0}
.tema h3{font-family:var(--f-display);margin:0 0 4px;font-size:24px}
.tema p{margin:0;max-width:64ch}
.props{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.props span{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:16px;background:var(--vault)}
.tema .yr{font-family:var(--f-display);font-weight:800;font-size:34px;color:var(--gold);line-height:1;text-align:center}
.tema .yr span{display:block;font-size:13px;font-family:var(--f-label);color:var(--cream-dim);font-weight:500;letter-spacing:.06em}
@media (max-width:520px){.tema{grid-template-columns:1fr}}
.doors{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:10px}
.door{display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;background:var(--vault);border:1px solid var(--line);border-radius:12px;padding:16px 18px;color:var(--cream);font:inherit;min-height:96px}
.door:hover{background:var(--vault-2);border-color:var(--gold)}
.door b{font-family:var(--f-display);font-size:22px;font-weight:700;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.door b span{font-family:var(--f-label);font-size:15px;color:var(--gold)}
.door small{font-size:16px;color:var(--cream-dim);line-height:1.35}
.list{display:flex;flex-direction:column;gap:12px}
.item{display:grid;grid-template-columns:64px 1fr;gap:16px;background:var(--vault);border:1px solid var(--line-soft);border-radius:var(--r);padding:16px;scroll-margin-top:84px;transition:box-shadow .5s}
.item.hit{box-shadow:0 0 0 2px var(--gold),0 0 30px rgba(216,178,90,.25)}
.item.past{opacity:.72}
.date{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;height:68px;font-variant-numeric:tabular-nums}
.date .dd{font-family:var(--f-display);font-weight:800;font-size:28px;line-height:1;color:var(--gold)}
.date .mm{font-family:var(--f-label);font-size:12.5px;letter-spacing:.08em;color:var(--cream-dim)}
.ib{min-width:0;display:flex;flex-direction:column;gap:6px}
.ib h3{font-family:var(--f-display);font-weight:700;font-size:21px;line-height:1.2;margin:0;text-wrap:balance}
.meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--cream-dim);font-size:16px}
.body{max-width:68ch}
.body p{margin:0 0 .6em}
.body p:last-child{margin:0}
.pending{color:var(--cream-dim);font-style:italic}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.btn{display:inline-flex;align-items:center;gap:8px;font:500 16.5px var(--f-body);padding:10px 16px;min-height:46px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--cream);cursor:pointer;text-decoration:none}
.btn:hover{background:var(--vault-2)}
.btn.wa{border-color:rgba(122,214,160,.55)}
.btn.wa svg{color:#7ad6a0}
.btn.main{background:var(--gold-soft);color:var(--night);border-color:var(--gold-soft);font-weight:700}
.btn svg{width:15px;height:15px}
.empty{border:1px dashed var(--line);border-radius:var(--r);padding:18px;color:var(--cream-dim);max-width:70ch}
@media (max-width:520px){.item{grid-template-columns:1fr;gap:10px}.date{flex-direction:row;gap:8px;height:auto;padding:5px 10px;justify-content:flex-start;width:max-content}.date .dd{font-size:20px}.head{gap:14px}.medal{width:70px;height:70px}}
footer{border-top:1px solid var(--line-soft);padding-block:18px 28px;color:var(--cream-dim);font-size:16.5px}
footer p{margin:0 0 6px;max-width:72ch}
.urlbox{position:fixed;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--vault-2);border:1px solid var(--gold);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;max-width:640px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.urlbox p{margin:0}
.urlbox input{font:16px var(--f-body);padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--night);color:var(--cream);width:100%}
.gate{display:flex;flex-direction:column;align-items:center;padding-block:28px 48px}
.gate .card{width:100%;max-width:520px;background:var(--vault);border:1px solid var(--line);border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;gap:14px}
.gate h2{font-family:var(--f-display);font-size:28px;margin:0}
.gate p{margin:0;color:var(--cream)}
.gate .oath{color:var(--gold-soft);font-style:italic;font-family:var(--f-display);font-size:19px}
.gate label{font-weight:700;font-size:18px;display:flex;flex-direction:column;gap:6px}
.gate input{font:20px var(--f-body);padding:13px 14px;border-radius:10px;border:1px solid var(--line);background:var(--night);color:var(--cream);width:100%}
.gate input:focus{outline:2px solid var(--gold);outline-offset:1px}
.gate .btn.main{justify-content:center;font-size:19px;min-height:54px}
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:p}
.path li{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--f-label);font-size:13.5px;letter-spacing:.03em;color:var(--cream-dim);text-align:center;position:relative}
.path li b{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font:700 19px var(--f-display);background:var(--night);border:2px solid var(--line);color:var(--cream-dim);transition:all .35s}
.path li.now b{border-color:var(--gold);color:var(--gold-soft);box-shadow:0 0 0 4px rgba(216,178,90,.18)}
.path li.now{color:var(--gold-soft)}
.path li.done b{background:var(--gold);border-color:var(--gold);color:var(--night);font-size:0}
.path li.done b::after{content:"✓";font-size:21px}
.path li.done{color:var(--cream)}
.path li.skip b{opacity:.45}
.path li.pop b{animation:pop .6s ease}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-6deg)}100%{transform:scale(1)}}
.cheer{position:relative;overflow:hidden;border-radius:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(216,178,90,.22),rgba(216,178,90,.06));border:1px solid var(--gold);font-size:18px;line-height:1.4}
.cheer b{color:var(--gold-soft)}
.cheer i{position:absolute;width:9px;height:9px;top:50%;left:50%;opacity:0;animation:fly 1.1s ease-out forwards}
.cheer i:nth-child(odd){background:var(--gold)}.cheer i:nth-child(even){background:var(--cream)}
@keyframes fly{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
.wz{display:flex;flex-direction:column;gap:14px}
.wzh{font-family:var(--f-display);font-size:22px;margin:0;color:var(--gold-soft)}
.welcome{position:fixed;inset:0;z-index:45;background:rgba(6,10,32,.88);display:flex;align-items:center;justify-content:center;padding:16px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow:hidden}
.welcome .wc{position:relative;width:100%;max-width:520px;background:linear-gradient(160deg,#22337f,var(--vault));border:2px solid var(--gold);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;max-height:92vh;overflow:auto}
.welcome h2{font-family:var(--f-display);font-size:28px;margin:0;line-height:1.15}
.welcome .big{font-size:54px;line-height:1;text-align:center}
.welcome p{margin:0;font-size:18px}
.welcome .dots{display:flex;gap:8px;justify-content:center}
.welcome .dots span{width:12px;height:12px;border-radius:3px;background:var(--line)}
.welcome .dots span.on{background:var(--gold)}
.welcome .btn{justify-content:center;min-height:54px;font-size:19px}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:46}
.confetti i{position:absolute;top:-20px;width:11px;height:11px;animation:fall linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
@media (prefers-reduced-motion:reduce){.cheer i,.confetti{display:none}.path li.pop b{animation:none}}
.rg-card{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.rg-sum{background:rgba(216,178,90,.08);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16.5px}
.rg-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.rg-bar input{flex:1 1 220px;min-width:0;font:18px var(--f-body);padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--night);color:var(--cream)}
.rg-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:10px}
table.rg{border-collapse:collapse;width:100%;min-width:640px;font-size:16px}
table.rg th{position:sticky;top:0;background:var(--vault);text-align:left;font-family:var(--f-label);letter-spacing:.04em;color:var(--gold);font-weight:500;padding:8px 10px}
table.rg td{padding:8px 10px;border-top:1px solid var(--line-soft);vertical-align:top}
table.rg td small{color:var(--cream-dim)}
table.rg tr.st-radiat td,table.rg tr.st-transferat td,table.rg tr.st-decedat td{opacity:.55}
table.rg tr.st-de-confirmat td:nth-child(5){color:var(--gold-soft)}
.rg-form{margin:6px 0 14px}
.rg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.rg-form details summary{cursor:pointer;color:var(--gold-soft);padding:4px 0}
.rg-ist{margin:0;padding-left:20px;font-size:15.5px;color:var(--cream-dim);display:flex;flex-direction:column;gap:4px}
.gate .link,.welcome .link,.hh .link{min-height:44px;padding:10px 4px}
.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px;margin:6px 0 18px}
.libc{display:flex;align-items:center;gap:14px;text-align:left;background:var(--vault);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--cream);font:inherit;cursor:pointer;min-height:72px}
.libc:hover,.libc:focus-visible{border-color:var(--gold);outline:none}
.libc .li{font-size:30px;flex:none}
.libc .lt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.libc .lt b{font-size:18px}.libc small{color:var(--cream-dim);font-size:15px}
.libc .lo{color:var(--gold-soft);font-weight:700;flex:none}
.docv{position:fixed;inset:0;z-index:50;background:var(--night);display:flex;flex-direction:column}
.dvh{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);background:var(--vault)}
.dvh b{font-family:var(--f-display);font-size:19px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dvb{flex:1;overflow:auto;padding:12px max(12px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;align-items:center}
.dvb video,.dvb img{max-width:100%;max-height:82vh;border-radius:10px}
.dvb .pages{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}
.dvb canvas{max-width:100%;background:#fff;border-radius:4px;box-shadow:0 6px 24px rgba(0,0,0,.45)}
.dva{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:10vh;width:min(560px,100%)}.dva audio{width:100%}.dva .big{font-size:64px}
.dvt{white-space:pre-wrap;max-width:70ch;font:18px/1.6 var(--f-body)}
.dvp{margin-top:20vh;text-align:center;width:min(360px,90%)}
.bar{height:8px;border-radius:999px;background:var(--line-soft);overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}
.gate .msg{border-radius:10px;padding:12px 14px;background:rgba(216,178,90,.10);border:1px solid var(--line)}
.gate .err{background:rgba(236,125,114,.12);border-color:rgba(236,125,114,.5)}
.gate .link{background:none;border:0;color:var(--gold-soft);text-decoration:underline;font:inherit;cursor:pointer;padding:0;align-self:flex-start}
.seg2{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.segb{font:700 17px var(--f-body);padding:12px;border:0;background:transparent;color:var(--cream);cursor:pointer;min-height:50px}
.segb[aria-selected="true"]{background:var(--gold-soft);color:var(--night)}
.gform{display:flex;flex-direction:column;gap:14px}
.gate .hint{color:var(--cream-dim);font-size:17px}
.dob{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:8px}
.dob legend{font-weight:700;font-size:18px;margin-bottom:6px;padding:0}
.dob select{font:19px var(--f-body);padding:12px 8px;border-radius:10px;border:1px solid var(--line);background:var(--night);color:var(--cream);width:100%;min-width:0}
.surface{max-width:520px;margin:18px auto 0;color:var(--cream-dim)}
.surface ul{margin:8px 0 0;padding-left:20px;line-height:1.8;font-size:17px}
.adm p{margin:0 0 10px}
.admt{overflow-x:auto;border:1px solid var(--line-soft);border-radius:10px}
.admt table{border-collapse:collapse;width:100%;min-width:640px;font-size:16px}
.admt th,.admt td{text-align:left;padding:10px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.admt th{font-family:var(--f-label);color:var(--gold);font-weight:500;letter-spacing:.04em}
.admt td span{color:var(--cream-dim);font-size:14.5px}
.admt tr.off td{opacity:.75}
.admt .btn{min-height:38px;padding:6px 12px}
#pin{position:fixed;left:0;right:0;bottom:0;z-index:15;padding-block:8px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(rgba(12,21,64,0),var(--night) 22%)}
#pin .pinc{max-width:760px;margin:0 auto;max-height:46vh;overflow:auto}
body.haspin footer{padding-bottom:220px}
.pinc{border:2px solid var(--gold);background:linear-gradient(160deg,#22337f,var(--vault));border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.pinc .who{font-family:var(--f-label);color:var(--gold);letter-spacing:.06em;font-size:15px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.pinc h3{font-family:var(--f-display);font-size:22px;margin:0;line-height:1.2}
.pinc .tx p{margin:0 0 .5em;max-width:70ch}
.pinc.min .tx,.pinc.min .acts,.pinc.min h3{display:none}
.pinc.min{padding:10px 14px}
.pinc .x{background:none;border:1px solid var(--line);color:var(--cream);border-radius:8px;font:500 15px var(--f-body);padding:6px 10px;cursor:pointer;min-height:38px}
.compose{display:flex;flex-direction:column;gap:12px;background:var(--vault);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}
.compose label{display:flex;flex-direction:column;gap:6px;font-weight:700}
.compose input,.compose textarea,.compose select{font:18px var(--f-body);padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--night);color:var(--cream);width:100%}
.compose textarea{min-height:140px;resize:vertical}
.compose .chk{flex-direction:row;align-items:center;gap:10px;font-weight:500}
.compose .chk input{width:22px;height:22px}
.posts{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.post{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;background:var(--vault);border:1px solid var(--line-soft);border-radius:10px;padding:10px 12px}
.post span{color:var(--cream-dim);font-size:15px}
.cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:12px}
.mon{background:var(--vault);border:1px solid var(--line-soft);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.mon h3{font-family:var(--f-display);font-size:21px;margin:0;text-transform:capitalize}
.grid7{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cd{display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-width:100%;border-radius:8px;font-size:16px;font-variant-numeric:tabular-nums;color:var(--cream-dim);border:0;background:transparent;font-family:var(--f-body);padding:0}
.cd.h{font-family:var(--f-label);font-size:13px;color:var(--gold);aspect-ratio:auto;padding-bottom:2px}
.cd.t{outline:1px solid var(--gold-soft)}
button.cd{cursor:pointer;font-weight:700}
.cd.ev-tin{background:var(--gold);color:var(--night)}
.cd.ev-vale{box-shadow:inset 0 0 0 2px var(--cream-dim);color:var(--cream)}
.cd.ev-mlnr{background:var(--azure);color:var(--night)}
.cd.prop{background:repeating-linear-gradient(135deg,rgba(216,178,90,.28) 0 4px,transparent 4px 8px);color:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}
.mon ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.link,footer .link{background:none;border:0;color:var(--gold-soft);text-decoration:underline;font:inherit;font-size:16.5px;cursor:pointer;padding:4px 0}
footer .danger{color:var(--cream-dim);font-size:15px}
.mon .link{background:none;border:0;color:var(--cream);text-align:left;font:inherit;cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:var(--line)}
.mon .none{margin:0;color:var(--cream-dim);font-style:italic}
.src{border:1px solid var(--line-soft);border-radius:10px;padding:0 12px;background:rgba(242,232,207,.03);max-width:70ch}
.src summary{cursor:pointer;padding:11px 0;font-weight:700;color:#7ad6a0;list-style-position:inside}
.src[open]{padding-bottom:12px}
.src p{margin:0 0 .5em}
.src .srcmeta{font-family:var(--f-label);color:var(--cream-dim);font-size:14.5px;letter-spacing:.03em}
.consent{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(242,232,207,.04);display:flex;flex-direction:column;gap:10px}
.consent p{margin:0}
.consent ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16.5px;color:var(--cream)}
.gate .chk{flex-direction:row;align-items:flex-start;gap:12px;font-weight:500;font-size:17px;line-height:1.4}
.gate .chk input{width:26px;height:26px;flex:none;margin-top:1px;accent-color:var(--gold)}
.gate .btn.main:disabled{opacity:.45;cursor:not-allowed}
.rsvp{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(216,178,90,.06);max-width:70ch}
.rsvp .rq{font-weight:700;margin-right:4px}
.rsvp .rc{color:var(--cream-dim);font-size:15.5px}
.rsvp .rn{flex-basis:100%;display:flex;flex-direction:column;gap:2px;font-size:15.5px;color:var(--cream-dim);border-top:1px solid var(--line);padding-top:8px;margin-top:2px}
.rsvp .rn p{margin:0}.rsvp .rn b{color:var(--cream);font-weight:700}
.rsvp .btn.on{background:var(--vault-2);border-color:var(--cream-dim)}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--gold-soft);color:var(--night);font-weight:700;padding:9px 16px;border-radius:999px;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.backbtn{position:fixed;left:max(14px,env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:16;display:flex;align-items:center;gap:6px;min-height:48px;padding:10px 18px 10px 14px;border-radius:999px;border:1.5px solid var(--gold);background:rgba(12,21,64,.94);color:var(--cream);font:700 17px var(--f-body);cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.backbtn[hidden]{display:none}
.backbtn span{font-size:26px;line-height:1;color:var(--gold);margin-top:-3px}
.backbtn:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px}
body.haspin .backbtn{bottom:calc(var(--pinh,0px) + 10px)}
body.hasback footer{padding-bottom:84px}
body.haspin.hasback footer{padding-bottom:calc(max(var(--pinh,0px),220px) + 70px)}
body.hasback .toast{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
body.haspin.hasback .toast{bottom:calc(var(--pinh,0px) + 74px)}
.homehint{position:fixed;inset:0;z-index:40;background:rgba(6,10,32,.82);display:flex;align-items:flex-end;justify-content:center;padding:16px max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.hh{width:100%;max-width:560px;background:linear-gradient(160deg,#22337f,var(--vault));border:2px solid var(--gold);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;max-height:90vh;overflow:auto}
.hh h2{font-family:var(--f-display);font-size:26px;margin:0;line-height:1.15}
.hh p{margin:0}
.hh ol{margin:4px 0;padding-left:24px;display:flex;flex-direction:column;gap:8px;font-size:18px}
.hh .hint2{color:var(--cream-dim);font-size:15.5px}
.hh .btn{justify-content:center;flex:1 1 auto}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}