:root{--void:#05060d;--panel:#0c0e1a;--line:#23273d;--ink:#e9ebf6;--dim:#9097b4;--gold:#e6c16a;--retro:#ff5d6c;--calm:#37d6c2;--warm:#f3b54a;--f-display:"Hahmlet","Nanum Myeongjo",serif;--f-body:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:dark}html,body{height:100%}body{background:var(--void);color:var(--ink);font-family:var(--f-body);font-size:14px;line-height:1.55;margin:0}*{box-sizing:border-box}[hidden]{display:none!important}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{display:flex;flex-direction:column;height:100%}.bar{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--void)}.brand{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:.02em;display:flex;align-items:baseline;gap:8px}.brand small{font-family:var(--f-mono);font-size:11px;color:var(--dim);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.tabs,.seg{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px;flex-wrap:wrap}.tabs button,.seg button{border:0;background:transparent;padding:6px 13px;border-radius:999px;cursor:pointer;color:var(--dim);font-size:13px}.tabs button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--ink);color:var(--void);font-weight:600}.spacer{flex:1}main{flex:1;min-height:0;position:relative}.view{height:100%}.sky{display:grid;grid-template-columns:minmax(0,1fr) 400px;height:100%}.stage{position:relative;min-height:0;overflow:hidden;cursor:grab;touch-action:none}.stage:active{cursor:grabbing}.stage canvas{display:block;width:100%;height:100%}.hint{position:absolute;left:16px;bottom:12px;font-size:12px;color:var(--dim);pointer-events:none}.legend{position:absolute;left:16px;top:14px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dim);pointer-events:none;background:#05060d99;padding:10px 12px;border-radius:10px;border:1px solid var(--line);max-width:calc(100% - 32px)}.legend span{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.panel{border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;padding:18px 18px 28px;display:flex;flex-direction:column;gap:18px;min-width:0}.date{font-family:var(--f-display);font-size:26px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.date small{display:block;font-family:var(--f-mono);font-size:12px;color:var(--dim);font-weight:400;margin-top:4px}.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--line);background:transparent;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--dim)}.btn.primary{background:var(--gold);color:#1a1406;border-color:var(--gold);font-weight:600}input[type=range]{width:100%;accent-color:var(--gold)}h2{font-family:var(--f-display);font-size:22px;font-weight:700;margin:0;line-height:1.25}h3{font-family:var(--f-display);font-size:15px;font-weight:700;margin:0 0 8px;letter-spacing:.01em}.label{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}.today{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.today li{font-size:13px}.today li b{font-weight:600}table{width:100%;border-collapse:collapse;font-size:13px}th{font-weight:500;color:var(--dim);font-size:11px;text-align:left;padding:4px 4px 6px;border-bottom:1px solid var(--line)}td{padding:7px 4px;border-bottom:1px solid var(--line);vertical-align:middle}td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:12px}.chip{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--line);margin:0 3px 3px 0;white-space:nowrap}.chip.r{border-color:var(--retro);color:var(--retro)}.chip.st{border-color:var(--warm);color:var(--warm)}.chip.up{border-color:var(--calm);color:var(--calm)}.chip.down{color:var(--dim)}.chip.gold{border-color:var(--gold);color:var(--gold)}.tl svg{width:100%;height:auto;display:block;cursor:pointer}.note{font-size:12px;color:var(--dim);margin:0}.who{display:flex;flex-direction:column;gap:8px}.detail{border:1px solid var(--line);border-radius:12px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:8px;background:#ffffff05}.detail .head{display:flex;gap:12px;align-items:center}.detail .orb{width:44px;height:44px;border-radius:50%;flex:none;background-size:cover}.detail .t{font-family:var(--f-display);font-size:19px;font-weight:700;line-height:1.25}.detail .s{font-size:12px;color:var(--dim);font-family:var(--f-mono)}.detail p{margin:0;font-size:13.5px;line-height:1.65}.detail p.key{color:var(--ink)}.detail p.more{color:#c3c7dc}.detail .sub{font-size:11px;color:var(--dim);font-family:var(--f-mono);letter-spacing:.04em;margin-top:4px}.houses{display:flex;flex-direction:column}.hrow{display:grid;grid-template-columns:28px 92px 1fr;gap:8px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:6px}.hrow:hover{background:#ffffff0a}.hrow.on{background:#e6c16a1a}.hrow .n{font-family:var(--f-mono);font-size:12px;color:var(--dim)}.hrow.first .n{color:var(--gold);font-weight:600}.hrow .sg{display:flex;align-items:center;gap:6px;font-size:13px}.hrow .sg img{width:24px;height:24px}.pc{display:inline-flex;align-items:center;gap:5px;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:2px 8px 2px 3px;margin:2px 4px 2px 0;cursor:pointer;background:transparent;color:var(--ink)}.pc i{width:14px;height:14px;border-radius:50%;background-size:cover;display:inline-block}.pc:hover{border-color:var(--dim)}.empty{font-size:12px;color:#5d6380}.asp{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.asp li{display:flex;flex-direction:column;gap:2px;font-size:13px;border-left:2px solid var(--line);padding-left:10px}.asp li b{font-weight:600}.asp .kind{font-family:var(--f-mono);font-size:11px;color:var(--dim)}.asp li span:last-child{color:#c3c7dc}.report{height:100%;overflow-y:auto;background:radial-gradient(1200px 600px at 80% -10%,rgba(143,152,255,.1),transparent 60%),var(--void)}.rin{max-width:760px;margin:0 auto;padding-block:28px 48px;padding-inline:16px;display:flex;flex-direction:column;gap:28px}.rhero{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(135deg,#e6c16a14,#8f98ff0f)}.rhero-sign img{width:84px;height:84px}.rhero h2{font-size:28px;margin:4px 0 6px}.rline{margin:0;font-family:var(--f-display);font-size:17px;color:var(--gold);text-wrap:balance}.rsec{display:flex;flex-direction:column;gap:12px}.rh{display:flex;align-items:center;gap:10px;font-size:18px;margin:0;border-bottom:1px solid var(--line);padding-bottom:10px}.rno{font-family:var(--f-mono);font-size:12px;color:var(--dim);width:22px}.ico{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.rsec p{margin:0;font-size:14.5px;line-height:1.8;color:#cfd3e6;max-width:65ch}.panel mark,.tip mark,.rsec mark{background:none;color:var(--ink);font-weight:600;box-shadow:inset 0 -.45em #e6c16a38}.rpair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rcard{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#ffffff05;min-width:0}.rcard b{display:block;font-family:var(--f-display);font-size:17px}.rcard .rl{display:block;font-size:11px;color:var(--gold);font-family:var(--f-mono)}.rs{font-size:12px;color:var(--dim)}.rs2{display:block;font-size:12.5px;color:#aeb3cc;margin-top:4px}.rsign{width:40px;height:40px;flex:none}.rcard .rsign,.rcard .rorb{width:44px;height:44px}.rorb{display:inline-block;width:18px;height:18px;border-radius:50%;background-size:cover;vertical-align:-3px;margin-right:4px;flex:none}.rnote{font-size:13px!important;color:var(--dim)!important;border-left:2px solid var(--line);padding-left:10px}.rbig{font-family:var(--f-display);font-size:20px!important;color:var(--ink)!important;line-height:1.5!important}.dwrap{position:relative;padding-top:6px}.dbar{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px}.dseg{background:var(--c);opacity:.35}.dseg.on{opacity:1}.dnow{position:absolute;top:0;width:2px;height:26px;background:var(--ink);box-shadow:0 0 8px var(--ink)}.dlab{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;color:var(--dim);margin-top:6px}.dlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.dlist li{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 8px;border-radius:8px;flex-wrap:wrap}.dlist li.on{background:#e6c16a1a;outline:1px solid rgba(230,193,106,.5)}.dlist li.past{opacity:.5}.dlist .chip{margin-left:auto}.rcolors{display:flex;flex-wrap:wrap;gap:10px}.rcolors span{display:flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 6px}.rcolors i{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.25)}.rcolors i.x{background-image:linear-gradient(135deg,transparent 45%,#ff5d6c 45%,#ff5d6c 55%,transparent 55%)!important}.rbody,.rdig{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rbody li{display:flex;gap:10px;align-items:center;font-size:14px;color:#cfd3e6}.rbody b{color:var(--ink);font-weight:600;margin-right:6px}.rdig li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:10px}.rdig .rorb{width:40px;height:40px;margin:0}.rdh{display:flex;align-items:center;gap:8px;margin-bottom:4px}.rdh .rsign{width:22px;height:22px}.rfoot{text-align:center}@media (max-width:600px){.rpair,.dlist{grid-template-columns:1fr}.rhero{flex-direction:column;align-items:flex-start}}button.more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(230,193,106,.45);background:#e6c16a0f;color:var(--gold);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}button.more:hover{background:#e6c16a24}.colbtn{display:flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--line);border-radius:999px;padding:5px 8px 5px 6px;background:transparent;cursor:pointer}.colbtn:hover{border-color:var(--gold)}.colbtn i{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.25)}.colbtn .go{font-size:11px;color:var(--gold);border-left:1px solid var(--line);padding-left:8px;margin-left:2px}.colbtn i.x,.mcolor i.x,.mall i.x{background-image:linear-gradient(135deg,transparent 45%,#ff5d6c 45%,#ff5d6c 55%,transparent 55%)!important}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.mback{position:absolute;inset:0;background:#03040ab8;backdrop-filter:blur(3px);opacity:0;transition:opacity .18s}.msheet{position:relative;width:min(640px,100%);max-height:min(86vh,860px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px #0009;transform:translateY(12px);opacity:0;transition:transform .18s,opacity .18s}.modal.open .mback{opacity:1}.modal.open .msheet{transform:none;opacity:1}.mhead{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.mhead h3{margin:0;font-size:18px;flex:1}.mx{border:1px solid var(--line);background:transparent;border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:18px;line-height:1}.mbody>*{flex-shrink:0}.mbody{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.mbody p{margin:0;font-size:14.5px;line-height:1.8;color:#cfd3e6}.mbody mark{background:none;color:var(--ink);font-weight:600;box-shadow:inset 0 -.45em #e6c16a38}.mh{font-family:var(--f-display);font-size:15px;margin:6px 0 0}.mtbl td,.mtbl th{padding:8px 6px}.mtbl tr.on td{background:#e6c16a1a}.mtbl tr.past td{opacity:.5}.mstep{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#cfd3e6}.mstep b{display:block;color:var(--gold);font-size:12px;font-family:var(--f-mono);font-weight:500}.mstep .why{display:block;font-size:12px;color:var(--dim);margin-top:2px}.hz{display:inline-flex;align-items:baseline;gap:6px;font-weight:600;color:var(--ink);flex-wrap:wrap}.hz .em{font-size:1.05em}.hz small{font-weight:400;color:var(--dim);font-size:12px}.mfield{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mfield>div{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.mfield .rl{display:block;font-size:11px;color:var(--gold);font-family:var(--f-mono)}.mfield b{font-family:var(--f-display);font-size:15px}.mcolor{display:flex;gap:14px;align-items:center}.mcolor i{width:56px;height:56px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.25);flex:none}.mcolor .rl{display:block;font-size:11px;color:var(--gold);font-family:var(--f-mono)}.mcolor b{display:block;font-family:var(--f-display);font-size:22px}.muse{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:#cfd3e6}.mall{display:flex;flex-wrap:wrap;gap:8px}.mall span{display:flex;align-items:center;gap:6px;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 5px;color:var(--dim)}.mall span.on{border-color:var(--gold);color:var(--ink)}.mall i{width:14px;height:14px;border-radius:50%;display:inline-block}.adslot{margin-block:6px;display:flex;flex-direction:column;gap:4px}.adtag{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:var(--dim)}.adbox{height:120px;border:1px dashed #3a3f5c;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6e7494;font-size:13px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 10px,transparent 10px 20px)}.adbox small{font-size:11px}body.noscroll{overflow:hidden}@media (max-width:600px){.modal{align-items:flex-end;padding:0}.msheet{border-radius:16px 16px 0 0;max-height:88vh;width:100%}.mfield{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mback,.msheet{transition:none}}.mrow{display:flex;flex-wrap:wrap;gap:8px}button.more.ghost{border-color:var(--line);color:var(--dim);background:transparent;cursor:not-allowed}.bigemo{font-size:40px;line-height:1;width:56px;text-align:center;flex:none}.tchips{display:flex;flex-wrap:wrap;gap:8px}.tchip{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;background:#ffffff05}.tchip small{color:var(--dim);font-size:11px}.cwform{border:1px solid rgba(230,193,106,.35);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;background:#e6c16a0a}.cwrow{display:flex;flex-wrap:wrap;gap:12px}.cwrow label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim);flex:1;min-width:150px}.cwrow input{font:inherit;color:var(--ink);background:var(--void);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.cwout{display:flex;flex-direction:column;gap:10px}.cwres{display:flex;gap:12px;align-items:center}.cwres .rl{display:block;font-size:11px;color:var(--gold);font-family:var(--f-mono)}.cwres b{font-family:var(--f-display);font-size:20px}.cwact{display:flex;flex-wrap:wrap;gap:8px}.rhero2{display:flex;flex-direction:column;gap:10px}.idcard{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:20px;background:radial-gradient(420px 220px at 12% 50%,color-mix(in srgb,var(--me) 28%,transparent),transparent 70%),linear-gradient(135deg,#ffffff08,#fff0)}.idorb{width:110px;height:110px;border-radius:50%;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--me) 70%,white 10%),color-mix(in srgb,var(--me) 55%,#05060d) 70%);box-shadow:0 0 40px color-mix(in srgb,var(--me) 45%,transparent)}.idorb img{width:78px;height:78px;filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}.idtxt{display:flex;flex-direction:column;gap:4px;min-width:0}.idtxt .rl{font-family:var(--f-mono);font-size:11px;color:var(--gold)}.idtxt h2{font-size:34px;margin:0;line-height:1.15}.idchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.idchips .chip{font-size:12px;padding:2px 10px}.mycolor{display:flex;gap:10px;align-items:center;margin-top:8px}.mycolor i{width:26px;height:26px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.35)}.mycolor b{display:block;font-size:14px}.mycolor small{display:block;font-size:12px;color:var(--dim)}.mshare{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px}.spanel{display:flex;flex-direction:column;gap:8px}.spanel .rl{font-family:var(--f-mono);font-size:11px;color:var(--gold)}.slink{display:flex;gap:8px}.slink input{flex:1;min-width:0;font:inherit;font-size:12px;color:var(--ink);background:var(--void);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.sbtns{display:flex;flex-wrap:wrap;gap:8px}.sbtn{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font-size:12px;color:var(--dim)}.sharedbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid rgba(230,193,106,.4);background:#e6c16a14;border-radius:10px;padding:8px 12px;font-size:13px}@media (max-width:600px){.idcard{flex-direction:column;align-items:flex-start}.idtxt h2{font-size:28px}}.fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(230,193,106,.6);background:linear-gradient(135deg,#e6c16a,#c99a3d);color:#1a1406;font-weight:600;font-size:14px;border-radius:999px;padding:12px 18px 12px 14px;cursor:pointer;box-shadow:0 10px 30px #00000080,0 0 24px #e6c16a40}.fab svg{width:20px;height:20px;fill:none;stroke:#1a1406;stroke-width:1.8;stroke-linecap:round}.fab:hover{filter:brightness(1.06)}@media (max-width:600px){.fab span{display:none}.fab{padding:14px}}.peerhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.peerhead h3{margin:0}#peerToggle[aria-pressed=true]{border-color:var(--calm);color:var(--calm)}.peers{display:flex;flex-direction:column;gap:8px}.peer{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);border-left:3px solid var(--rc);border-radius:10px;padding:8px 10px;background:transparent;cursor:pointer;color:var(--ink)}.peer.on{background:#ffffff0d}.peer .pe{font-size:24px;width:30px;text-align:center}.peer b{display:block;font-size:13.5px}.peer small{display:block;font-size:12px;color:var(--dim)}.mycolor .cmk{color:var(--ink)!important;font-size:12.5px!important;letter-spacing:.02em}.story{display:flex;justify-content:center}.story img{width:min(100%,300px);aspect-ratio:9/16;border-radius:14px;border:1px solid var(--line);box-shadow:0 20px 50px #00000080}.unibtn{position:absolute;left:16px;top:14px;z-index:5;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0c0e1acc;backdrop-filter:blur(6px);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer}.unibtn .ud{width:10px;height:10px;border-radius:50%;background:#5d6380}.unibtn .st{color:var(--dim);font-size:12px}.unibtn[aria-pressed=true]{border-color:var(--calm)}.unibtn[aria-pressed=true] .ud{background:var(--calm);box-shadow:0 0 10px var(--calm)}.unibtn[aria-pressed=true] .st{color:var(--calm)}.peer .pe{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none}.peer .pe img{width:24px;height:24px}.lcard{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid rgba(254,229,0,.35);background:#fee5000d;border-radius:12px;padding:12px 14px}.lcard b{display:block;font-size:14px}.lcard span{display:block;font-size:12.5px;color:var(--dim);max-width:34ch}.logged{font-size:13px;color:var(--calm);border:1px solid rgba(55,214,194,.35);border-radius:10px;padding:8px 12px}.note.warn{color:var(--warm);margin-bottom:8px}.kakao{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:12px;background:#fee500;color:#000000d9;font-weight:600;font-size:15px;padding:13px 16px;cursor:pointer}.kakao svg{width:20px;height:20px}.kakao.sm{width:auto;font-size:13px;padding:9px 14px;border-radius:10px}.glogin{width:100%;border:1px solid var(--line);border-radius:12px;background:transparent;padding:12px 16px;font-size:14px;cursor:pointer}.lwhy{font-family:var(--f-display);font-size:18px!important;color:var(--ink)!important}.lben{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.lben li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px}.onboard{position:fixed;inset:0;z-index:60;overflow-y:auto;background:radial-gradient(900px 600px at 50% 0%,rgba(143,152,255,.16),transparent 70%),var(--void);padding-block:max(24px,env(safe-area-inset-top)) 32px;padding-inline:16px}.obin{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.obhead h1{font-family:var(--f-display);font-size:44px;margin:4px 0 6px;letter-spacing:.02em}.obhead p{margin:0;color:var(--dim)}#obForm{display:flex;flex-direction:column;gap:16px}.fl{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim);border:0;padding:0;margin:0}.fl legend{padding:0;margin-bottom:6px}.fl input,.fl select{font:inherit;font-size:16px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}.fl input:focus,.fl select:focus{outline:2px solid var(--gold);outline-offset:1px}.calseg{display:flex;gap:6px;margin-bottom:8px}.calseg label{flex:1}.calseg input{position:absolute;opacity:0;pointer-events:none}.calseg span{display:block;text-align:center;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:14px;color:var(--dim);cursor:pointer}.calseg input:checked+span{background:var(--ink);color:var(--void);font-weight:600}.calseg input:focus-visible+span{outline:2px solid var(--gold)}.chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}.chk small{color:var(--dim)}.chk input{width:18px;height:18px;accent-color:var(--gold)}.oberr{margin:0;min-height:1.2em;color:var(--retro);font-size:13px}.obgo{border:0;border-radius:14px;background:linear-gradient(135deg,#e6c16a,#c99a3d);color:#1a1406;font-weight:700;font-size:16px;padding:15px;cursor:pointer}.obsample{border:0;background:transparent;color:var(--dim);font-size:13px;text-decoration:underline;cursor:pointer}@media (max-width:900px){.unibtn{top:10px;left:10px;font-size:12px;padding:7px 12px}.brand small{display:none}}.compat{display:grid;grid-template-columns:minmax(0,1fr) 400px;height:100%}.wheelwrap{display:flex;align-items:center;justify-content:center;padding:16px;min-height:0;overflow:auto}.wheelwrap svg{width:min(100%,640px);height:auto}.links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.links li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:13px;cursor:pointer;padding:6px;border-radius:8px}.links li:hover,.links li.on{background:#ffffff0d}.links .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:11px;color:#05060d;font-weight:600}.links small{display:block;color:var(--dim);font-size:12px}.koota{display:grid;grid-template-columns:96px 1fr 44px;gap:6px 10px;align-items:center;font-size:12px}.koota .track{height:8px;background:var(--line);border-radius:4px;position:relative;overflow:hidden}.koota .fill{position:absolute;inset:0 auto 0 0;background:var(--gold);border-radius:4px}.koota .v{font-family:var(--f-mono);text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.score{font-family:var(--f-display);font-size:30px;font-weight:700}.score small{font-size:14px;color:var(--dim);font-family:var(--f-body);font-weight:400;margin-left:6px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px}.card b{display:block;font-family:var(--f-display);font-size:16px}.mock{font-family:var(--f-mono);font-size:11px;color:var(--warm);border:1px dashed var(--warm);border-radius:6px;padding:2px 8px;letter-spacing:.06em}@media (max-width:900px){html,body{height:auto}.app{height:auto;min-height:100%}.sky,.compat{grid-template-columns:1fr;height:auto}.stage{height:64vh;min-height:360px}.panel{border-left:0;border-top:1px solid var(--line);overflow:visible}.legend{font-size:11px;padding:8px 10px;gap:4px}.report{height:auto;overflow:visible}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.lock{margin-left:4px;opacity:.6;vertical-align:-1px}.tabs button{white-space:nowrap}@media (max-width:600px){.tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:6px 10px;font-size:12.5px;flex:none}}.tiegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 4px}.tiegrid button{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:12px;padding:10px 4px;font-size:12.5px;cursor:pointer;min-height:64px;justify-content:center}.tiegrid button span{font-size:20px}.tiegrid button[aria-checked=true]{border-color:var(--gold,#e6c16a);background:#e6c16a1f;font-weight:600}.cnhead{display:flex;gap:12px;align-items:center;margin-bottom:6px}.cnhead b{display:block;font-size:16px}.cnhead small{display:block;color:var(--dim);font-size:12px}.cninput{width:100%;box-sizing:border-box;border:1px solid var(--line);background:#ffffff08;color:var(--ink);border-radius:10px;padding:11px 12px;font-size:15px;margin:4px 0 10px}.cnerr{color:#ff8a95;font-size:13px;min-height:1em;margin:6px 0}.linkbtn{background:none;border:0;color:var(--dim);text-decoration:underline;cursor:pointer;font-size:13px;padding:6px}.cnlater{display:block;margin:6px auto 0}.cnsteps{margin:4px 0 12px;padding-left:20px;display:grid;gap:8px}.cnsteps b{display:block;font-size:14px}.cnsteps span{font-size:12.5px;color:var(--dim)}.cnex{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tieact{display:flex;gap:6px;margin-top:10px}.btn.ghost{color:var(--dim)}.tiechip{border-color:#e6c16a80!important;color:#e6c16a!important}.logged{display:flex;justify-content:space-between;align-items:center;gap:8px}.logged .linkbtn{padding:0;font-size:12px}#modal .fl{display:block;font-size:13px;color:var(--dim);margin:10px 0 4px}.menubtn{border:1px solid var(--line);background:transparent;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;color:var(--ink);flex:none}.menubtn:hover{border-color:var(--dim)}.drawer{position:fixed;inset:0;z-index:70}.dback{position:absolute;inset:0;background:#03040a99;opacity:0;transition:opacity .2s}.dsheet{position:absolute;left:0;top:0;bottom:0;width:min(340px,86vw);background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;padding:16px 14px max(20px,env(safe-area-inset-bottom));overflow-y:auto;transform:translate(-100%);transition:transform .22s ease}.drawer.open .dback{opacity:1}.drawer.open .dsheet{transform:none}.dhead{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.dhead b{font-family:var(--f-display);font-size:20px}.dsec{display:flex;flex-direction:column;gap:4px}.dsec .label{padding:0 8px 4px}.ditem{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;border-radius:12px;padding:10px 8px;cursor:pointer;width:100%}.ditem:hover:not([disabled]),.ditem.on{background:#ffffff0d}.ditem.on b{color:var(--gold)}.ditem[disabled]{opacity:.5;cursor:default}.ditem .di{font-size:22px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#8f98ff14;flex:none}.ditem b{display:block;font-size:14.5px}.ditem small{display:block;font-size:12px;color:var(--dim)}.ditem>span:nth-child(2){flex:1}.dbadge{font-size:11px;border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:2px 8px;white-space:nowrap}.dbadge.paid{border-color:#ff78a080;color:#ff9dbb;background:#ff78a014}.dfoot{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--line);font-size:13px;color:var(--calm)}.cptitle{display:flex;align-items:center;gap:8px}.cptitle h3{margin:0;font-size:18px}.cpair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:16px 10px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(260px 140px at 20% 0%,rgba(230,193,106,.1),transparent 70%),radial-gradient(260px 140px at 80% 0%,rgba(114,198,255,.12),transparent 70%)}.cpp{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}.cpp b{font-family:var(--f-display);font-size:17px;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpp small{font-size:12px;color:var(--dim)}.cptag{font-family:var(--f-mono);font-size:10.5px;border-radius:999px;padding:1px 8px;margin-top:2px}.cptag.in{color:var(--gold);border:1px solid rgba(230,193,106,.5)}.cptag.out{color:#72c6ff;border:1px solid rgba(114,198,255,.5)}.cpx{display:flex;align-items:center;gap:4px;color:var(--dim);font-size:18px}.cpx span{width:14px;height:1px;background:var(--line)}.cpick .label{display:block;margin-bottom:6px}.cpchips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.cpchips::-webkit-scrollbar{display:none}.cpchips button{flex:none;border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font-size:12.5px;cursor:pointer;color:var(--dim);white-space:nowrap}.cpchips button[aria-pressed=true]{border-color:#72c6ff;color:#cfeaff;background:#72c6ff1f;font-weight:600}.cscore{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px}.cscore .ring{width:92px;height:92px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p)*1%),rgba(255,255,255,.07) 0)}.cscore .ring>div{width:74px;height:74px;border-radius:50%;background:var(--panel);display:grid;place-items:center;align-content:center}.cscore .ring b{font-family:var(--f-display);font-size:26px;line-height:1}.cscore .ring small{font-size:11px;color:var(--dim)}.cstxt h2{font-size:19px;margin:2px 0 4px}.cstxt p{margin:0;font-size:12.5px;color:var(--dim)}.clinks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.clinks li{display:grid;grid-template-columns:24px 46px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid var(--line);border-left:3px solid var(--lc);border-radius:12px;cursor:pointer;transition:background .15s}.clinks li:hover,.clinks li.on{background:#ffffff0d}.clinks li.on{box-shadow:0 0 0 1px var(--lc) inset}.clinks .n{width:24px;height:24px;border-radius:50%;background:var(--lc);color:#05060d;font:600 12px var(--f-mono);display:grid;place-items:center;box-shadow:0 0 12px var(--lc)}.cpo{position:relative;height:28px}.cpo i{position:absolute;top:0;width:28px;height:28px;border-radius:50%;background-size:cover;background-color:#0b0c16}.cpo .a{left:0;box-shadow:0 0 0 2px var(--gold)}.cpo .b{left:18px;box-shadow:0 0 0 2px #72c6ff}.ct b{display:block;font-size:13.5px}.ct em{display:block;font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--lc);margin:1px 0 3px}.ct small{display:block;font-size:12.5px;color:#c7cbe0;line-height:1.5}.clegend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11.5px;color:var(--dim)}.clegend span{display:flex;align-items:center;gap:5px}.clegend span:before{content:"";width:14px;height:3px;border-radius:2px;background:var(--lc)}.kgrid{display:flex;flex-direction:column;gap:8px}.krow{display:grid;grid-template-columns:118px 1fr 40px;gap:10px;align-items:center}.kn{font-size:13px}.kn small{display:block;font-size:11px;color:var(--dim)}.krow .track{height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.krow .fill{display:block;height:100%;background:linear-gradient(90deg,#c99a3d,var(--gold));border-radius:3px}.krow .v{font-family:var(--f-mono);font-size:12px;color:var(--dim);text-align:right}.rolec b{margin-top:2px}.rolec .thai{display:block;font-size:12px;color:var(--gold);margin:1px 0 4px}.rolec small{display:block;color:var(--dim);font-size:12px}.gocp{margin-top:4px}.paidbtn{color:#ff9dbb!important;border-color:#ff78a073!important}.rnhero{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:6px}.rnhero p{margin:0;font-size:14px}.rndate{display:grid;grid-template-columns:1fr 110px auto;gap:6px;margin:8px 0 12px}.rndate input{border:1px solid var(--line);background:#ffffff08;color:var(--ink);border-radius:10px;padding:8px 10px;font:inherit;min-width:0}.rnfree{border:1px solid rgba(255,120,160,.35);background:#ff78a00d;border-radius:14px;padding:12px 14px;margin-bottom:12px}.rnfree p{margin:6px 0 0;font-size:13.5px}.rnfree p b{color:#ff9dbb;margin-right:4px}.rnlocks{display:grid;gap:8px;margin-bottom:14px}.rnlock{border:1px solid var(--line);border-radius:12px;padding:10px 12px;position:relative;overflow:hidden}.rlh{display:flex;justify-content:space-between;align-items:center}.rnlock small{display:block;color:var(--dim);font-size:12px}.rnlock .blur{filter:blur(5px);user-select:none;margin:6px 0 0;font-size:13px;opacity:.7}.obgo[disabled]{opacity:.45;cursor:not-allowed;width:100%}.obwheel{width:min(300px,76vw);aspect-ratio:1;margin:0 auto -6px;filter:drop-shadow(0 0 28px rgba(120,130,255,.28))}.obwheel svg{width:100%;height:100%;overflow:visible}.obspin{animation:obspin 90s linear infinite;transform-origin:0 0}@keyframes obspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.obspin{animation:none}}.obhead h1{font-size:30px}@media (max-width:600px){.krow{grid-template-columns:100px 1fr 36px}.rndate{grid-template-columns:1fr 1fr}.rndate .more{grid-column:1/-1}}.lhero{position:relative;margin:-18px -18px 2px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;background:radial-gradient(260px 130px at 50% 60%,rgba(143,152,255,.22),transparent 70%),radial-gradient(200px 120px at 85% 10%,rgba(114,198,255,.12),transparent 70%),#05060d;border-bottom:1px solid var(--line)}.lhero:before,.lstars{content:"";position:absolute;inset:0;background-image:var(--stars1);background-size:420px 300px;opacity:.9}.lstars{background-image:var(--stars2);animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}.lorb{position:relative;border-radius:50%;box-shadow:0 0 40px #8f98ff73;animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-5px)}}.lhero>span{position:relative;font-family:var(--f-display);font-size:15px;color:#dfe2ff}.onboard:before{content:"";position:fixed;inset:0;background-image:var(--stars1);background-size:420px 300px;opacity:.55;pointer-events:none}.onboard:after{content:"";position:fixed;inset:0;background-image:var(--stars2);background-size:420px 300px;pointer-events:none;animation:twinkle 5s ease-in-out infinite alternate}.obin{position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.lstars,.onboard:after,.lorb{animation:none}}.tip{position:absolute;z-index:5;width:min(260px,calc(100% - 20px));background:#0c0e1af0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(143,152,255,.35);border-radius:14px;padding:12px 14px 10px;box-shadow:0 10px 30px #00000080;font-size:13px;cursor:default;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.tip.in{opacity:1;transform:none}.tip:after{content:"";position:absolute;left:var(--ax,50%);bottom:-7px;width:12px;height:12px;background:inherit;border-right:1px solid rgba(143,152,255,.35);border-bottom:1px solid rgba(143,152,255,.35);transform:translate(-50%) rotate(45deg)}.tip.below:after{bottom:auto;top:-7px;transform:translate(-50%) rotate(225deg)}.tip p{margin:6px 0 0;line-height:1.55;color:#cfd3e6}.tph{display:flex;gap:10px;align-items:center;padding-right:18px}.tph b{display:block;font-size:14px}.tph small{display:block;font-size:11.5px;color:var(--dim)}.tpo{width:34px;height:34px;border-radius:50%;background-size:cover;flex:none}.tpn{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#05060d;font:600 12px var(--f-mono);flex:none}.tpk{color:var(--gold)!important;font-size:12.5px}.tpl{font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:0 5px;margin-right:2px}.tpc{margin-top:6px}.tipx{position:absolute;right:6px;top:6px;border:0;background:transparent;color:var(--dim);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px}.tipmore{margin-top:10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(230,193,106,.55);background:#e6c16a1f;color:var(--gold);font-size:13px;font-weight:600;cursor:pointer;padding:7px 12px 7px 14px;border-radius:999px}.tipmore span{font-size:17px;line-height:1;transition:transform .15s}.tipmore:hover span{transform:translate(3px)}.tybox{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(230,193,106,.3);background:#e6c16a0d;border-radius:14px;padding:12px}.tyem{font-size:28px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ffffff0a;flex:none}.tybox b{display:block;font-family:var(--f-display);font-size:17px;margin:2px 0}.tybox p{margin:2px 0 0;font-size:13px;line-height:1.6;color:#cfd3e6}.typair{margin-top:8px!important}.typair .chip{margin-right:6px}.tyduo{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tymini{border:1px solid var(--line);border-radius:12px;padding:10px}.tymini b{display:block;font-size:14px;margin:2px 0}.tymini small{display:block;font-size:12px;color:var(--dim);line-height:1.5}.rolebox{border:1px solid var(--line);border-radius:14px;padding:12px;background:#8f98ff0a}.rolebox b{display:block;font-family:var(--f-display);font-size:16px;margin-top:2px}.rolebox .thai{display:block;font-size:12px;color:var(--gold);margin:1px 0 6px}.rolebox p{margin:0;font-size:13px;line-height:1.65;color:#cfd3e6}.relcard{display:flex;flex-direction:column;gap:8px}.relact{display:flex;gap:6px;flex-wrap:wrap}.rbg{margin-top:8px!important}.clhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.clhead h3{margin:0}#linkAllBtn[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.story.rel img{aspect-ratio:4/5}.tybox mark,.rolebox mark{background:none;color:var(--ink);font-weight:600;box-shadow:inset 0 -.45em #e6c16a38}.dlegal{display:flex;gap:14px;padding:10px 8px 0;font-size:12px}.dlegal a,.oblegal a{color:var(--dim);text-decoration:none}.dlegal a:hover,.oblegal a:hover{text-decoration:underline}.oblegal{text-align:center;font-size:12px;color:var(--dim);margin:0}.envbadge{position:fixed;left:12px;bottom:12px;z-index:90;font:600 11px var(--f-mono);letter-spacing:.08em;color:#1a1406;background:#f3b54a;border-radius:999px;padding:3px 10px;pointer-events:none}.mbody a{color:var(--gold)}.fhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.fhead h3{margin:0;font-size:18px}.fdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.fdays button{border:1px solid var(--line);background:transparent;border-radius:12px;padding:6px 0 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--dim)}.fdays button small{font-size:10.5px}.fdays button b{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}.fdays button[aria-selected=true]{border-color:var(--gold);background:#e6c16a1a}.fdays button[aria-selected=true] small{color:var(--gold)}.fdot{width:6px;height:6px;border-radius:50%;background:#555a78;margin-top:2px}.fdot.s5,.fweek .c.s5{background:#37d6c2}.fdot.s4,.fweek .c.s4{background:#7fd9a8}.fdot.s3,.fweek .c.s3{background:#e6c16a}.fdot.s2,.fweek .c.s2{background:#f39a5a}.fdot.s1,.fweek .c.s1{background:#ff5d6c}.ftotal{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px;background:radial-gradient(240px 120px at 0% 0%,rgba(230,193,106,.1),transparent 70%)}.fring{width:84px;height:84px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p)*1%),rgba(255,255,255,.07) 0)}.fring>div{width:68px;height:68px;border-radius:50%;background:var(--panel);display:grid;place-items:center;align-content:center}.fring b{font-family:var(--f-display);font-size:26px;line-height:1}.fring small{font-size:11px;color:var(--dim)}.ftotal p{margin:4px 0 6px;font-size:13.5px;line-height:1.6}.fstars{color:var(--gold);letter-spacing:1px;font-size:14px}.fstars i{font-style:normal;color:#ffffff24}.fchips .chip{font-size:11px}.fcats{display:grid;gap:8px}.fcat{border:1px solid var(--line);border-radius:14px;padding:12px}.fch{display:flex;align-items:center;gap:8px}.fch b{font-size:15px;flex:1}.fem{font-size:18px}.fsc{font:500 12px var(--f-mono);color:var(--dim);width:24px;text-align:right}.fcat p{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:#cfd3e6}.fwhy{font-size:12.5px!important;color:var(--dim)!important}.fdrvs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.fdrv{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:transparent;border-radius:999px;padding:3px 10px 3px 4px;font-size:12px;cursor:pointer}.fdrv i{width:18px;height:18px;border-radius:50%;background-size:cover}.fdrv.up{border-color:#37d6c273;color:#9ff0e3}.fdrv.down{border-color:#ff5d6c73;color:#ffb1b9}.fluck{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px}.fluck>i{width:40px;height:40px;border-radius:50%;flex:none;box-shadow:0 0 18px currentColor}.fluck b{display:block;font-size:15px}.fluck small{display:block;font-size:12px;color:var(--dim);line-height:1.5}.fweek{display:grid;gap:4px}.fwr{display:grid;grid-template-columns:64px repeat(7,1fr);gap:4px;align-items:center}.fwr>span{font-size:12px;color:var(--dim);white-space:nowrap}.fwr button{border:0;border-radius:8px;height:26px;cursor:pointer;font:600 11px var(--f-mono);color:#05060d;background:#ffffff0f}.fwh button{background:transparent;color:var(--dim);height:auto;font:500 11px var(--f-body);display:flex;flex-direction:column;align-items:center}.fwh button small{font-size:10px}.fwr button.on{outline:2px solid var(--ink);outline-offset:-2px}.fwh button.on{color:var(--gold);outline:0}.fbest{flex-direction:row!important;flex-wrap:wrap;gap:4px 14px!important;margin-top:8px!important}.dbadge.free{border-color:#37d6c280;color:#9ff0e3;background:#37d6c214}@media (max-width:900px){.stage{height:54vh;min-height:340px;max-height:560px;touch-action:pan-y}.hint{font-size:11px;right:16px}#natalPanel{padding-top:12px}#natalPanel .peerwrap>.note{display:none}#natalPanel .peers{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px;padding:0 18px 2px}#natalPanel .peers::-webkit-scrollbar{display:none}#natalPanel .peers{align-items:flex-start}#natalPanel .peer{flex:0 0 auto;max-width:78%;scroll-snap-align:start}#peerNote{margin:-2px 0 8px}#natalPanel .peers>.note{white-space:normal}}.fsw{align-self:flex-start}.dpick{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:16px;padding:12px}.dgrp small{display:block;font-size:11.5px;color:var(--dim);margin-bottom:4px}.dtopics{display:flex;flex-wrap:wrap;gap:6px}.dtopics button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 11px;font-size:13px;cursor:pointer;color:var(--ink)}.dtopics button span{font-size:15px}.dtopics button[aria-pressed=true]{border-color:var(--gold);background:#e6c16a1f;font-weight:600}.dpick .cninput{margin:0}.dpick .fl small{color:var(--dim)}.dtbl{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}.drow{display:grid;grid-template-columns:118px 1fr 56px 34px;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid var(--line);font-size:12.5px}.drow:first-child{border-top:0}.dl{display:flex;align-items:center;gap:6px;min-width:0}.dl i{width:18px;height:18px;border-radius:50%;background-size:cover;flex:none}.dl b{font-size:13px;white-space:nowrap}.dl small{font-size:10.5px;color:var(--dim);white-space:nowrap}.ds{color:#cfd3e6;min-width:0}.dbar{height:6px;border-radius:3px;background:#ffffff12;overflow:hidden;display:flex}.dbar i{display:block;height:100%;border-radius:3px}.dbar.up i{background:#37d6c2}.dbar.down{justify-content:flex-end}.dbar.down i{background:#ff5d6c}.dv{font:600 12px var(--f-mono);text-align:right}.dv.up{color:#37d6c2}.dv.down{color:#ff8a95}.dwhy{font-size:13px;line-height:1.65;color:#cfd3e6;margin:8px 0 0}.dwhy b{color:var(--ink);margin-right:2px}.dhora{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;border:1px solid rgba(114,198,255,.35);background:#72c6ff0f;border-radius:14px;padding:12px}.dhora .label{width:100%}.dhora b{font:600 15px var(--f-mono)}.dhora small{width:100%;font-size:12px;color:var(--dim)}.dcols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dcols ul{margin:4px 0 0;padding-left:18px;display:grid;gap:6px;font-size:13px;line-height:1.55;color:#cfd3e6}.dcols .label.up{color:#37d6c2}.dcols .label.down{color:#ff8a95}.dnear{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.dnear button{border:1px solid var(--line);background:transparent;border-radius:10px;padding:6px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink)}.dnear button.on{border-color:var(--gold);background:#e6c16a1a}.db{height:54px;width:12px;border-radius:6px;background:#ffffff0f;display:flex;align-items:flex-end;overflow:hidden}.db i{display:block;width:100%;border-radius:6px}.db i.s5{background:#37d6c2}.db i.s4{background:#7fd9a8}.db i.s3{background:#e6c16a}.db i.s2{background:#f39a5a}.db i.s1{background:#ff5d6c}.dnear b{font:600 12px var(--f-mono)}.dnear small{font-size:10.5px;color:var(--dim);text-align:center;line-height:1.3}@media (max-width:600px){.drow{grid-template-columns:96px 1fr 30px;grid-template-areas:"l s v" "b b b"}.drow .dl{grid-area:l}.drow .ds{grid-area:s}.drow .dv{grid-area:v}.drow .dbar{grid-area:b}.dcols{grid-template-columns:1fr}}.dcheer{position:relative;border-radius:16px;padding:16px 16px 14px;text-align:center;border:1px solid var(--line);overflow:hidden}.dcheer.good{background:radial-gradient(300px 120px at 50% 0%,rgba(230,193,106,.22),transparent 75%);border-color:#e6c16a73}.dcheer.low{background:radial-gradient(300px 120px at 50% 0%,rgba(255,93,108,.18),transparent 75%);border-color:#ff5d6c66}.dcheer b{display:block;font-size:21px;font-weight:800;letter-spacing:-.01em}.dcheer.good b{color:#f2d58a}.dcheer.low b{color:#ffb1b9}.dcheer span{display:block;font-size:13px;color:#cfd3e6;margin-top:4px}.dcheer small{position:absolute;right:10px;top:8px;font:700 11px var(--f-mono);color:var(--dim)}.dact{display:flex;gap:6px;flex-wrap:wrap}.dact .more.on{border-color:var(--gold);color:var(--gold)}.dsaved{border:1px solid rgba(230,193,106,.35);background:#e6c16a0d;border-radius:14px;padding:10px 12px}.dsv{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.dsc{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}.dsc.on{border-color:var(--gold)}.dsc button{border:0;background:transparent;color:var(--ink);font-size:12.5px;padding:5px 4px 5px 10px;cursor:pointer}.dsc button b{font-family:var(--f-mono);color:var(--gold);margin-right:2px}.dsc .dx{padding:5px 10px 5px 6px;color:var(--dim)}.fl input.obbig{font-size:22px;letter-spacing:.06em;font-family:var(--f-mono);padding:14px 16px;text-align:center}.fl input.obbig::placeholder{color:#4a4f6b;letter-spacing:.12em}.obhint{margin:0;font-size:13px;color:var(--dim);min-height:1.4em;text-align:center}.obhint.ok{color:#9ff0e3}.obhint.bad{color:#ff8a95}.tmode span{font-size:13px;padding:10px 4px}.tslots{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tslots button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;padding:12px 6px;font-size:14px;cursor:pointer;min-height:46px}.tslots button[aria-checked=true]{border-color:var(--gold);background:#e6c16a24;font-weight:600}@media (min-width:420px){.tslots{grid-template-columns:repeat(3,1fr)}}input.obbig.sm{font:500 18px var(--f-mono);letter-spacing:.06em;text-align:center;width:100%;box-sizing:border-box;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 12px}input.obbig.sm:focus{outline:2px solid var(--gold);outline-offset:1px}input.obbig.sm::placeholder{color:#4a4f6b;letter-spacing:.1em}.nhint{display:block;font-size:12px;color:var(--dim);margin-top:4px;text-align:center;min-height:1.3em}.nhint.ok{color:#9ff0e3}.nhint.bad{color:#ff8a95}.dquick{display:flex;gap:6px;flex-wrap:wrap}.dquick button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:7px 12px;font-size:13px;cursor:pointer}.dquick button.on{border-color:var(--gold);background:#e6c16a1f;font-weight:600}.rndate{grid-template-columns:1fr 1fr!important;align-items:start}.rndate .more{grid-column:1/-1}.cwrow label{display:flex;flex-direction:column;gap:4px;min-width:0}.peer.peeradd{border-style:dashed;border-left:1px dashed var(--line);border-color:#ffffff38}.peer.peeradd .pe.add{display:grid;place-items:center;background:#6ce3c91f;color:var(--calm);font-size:22px;font-weight:300}.peer.peeradd:hover{border-color:var(--calm)}.unilist{position:absolute;left:16px;top:58px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-height:calc(100% - 110px);overflow-y:auto;scrollbar-width:none}.unilist::-webkit-scrollbar{display:none}.uni{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#0c0e1ac7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);border-radius:999px;padding:4px 11px 4px 4px;font-size:12px;cursor:pointer;max-width:200px}.uni span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uni[aria-pressed=true]{border-color:var(--calm)}.uni.add{border-style:dashed;padding:5px 12px 5px 8px;color:var(--calm)}.uni.add b{font-weight:400;font-size:15px;line-height:1}@media (max-width:900px){.unilist{left:10px;top:50px}}.asp .meet{display:block;margin-top:6px;padding-left:10px;border-left:2px solid rgba(230,193,106,.4);color:var(--ink)}.asp .meet b{color:var(--gold);font-weight:600;margin-right:4px}.idcard.hasact{position:relative;flex-wrap:wrap}.idact{position:absolute;top:14px;right:14px;display:flex;gap:6px}.idact .btn{font-size:12px;padding:6px 11px}.btn.gold,.more.gold{border-color:var(--gold);color:#05060d;background:var(--gold);font-weight:600}.idmsg{position:absolute;left:20px;bottom:6px;margin:0;font-size:11.5px}@media (max-width:600px){.idact{position:static;order:9;width:100%}.idact .btn{flex:1;padding:9px 0;font-size:13px}.idmsg{position:static;order:10;width:100%}}.modal.top{z-index:70}.sharecta{margin-top:6px;border:1px solid rgba(230,193,106,.45);border-radius:14px;padding:16px;background:radial-gradient(360px 160px at 50% 0%,rgba(230,193,106,.12),transparent 70%)}.sharecta p{margin:0 0 12px;display:flex;flex-direction:column;gap:4px}.sharecta b{font-family:var(--f-display);font-size:18px;color:var(--ink)}.sharecta span{font-size:13px;color:var(--dim)}.sharecta .obgo{width:100%}.dsum{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#ffffff08;font-size:14px}.dsum b{color:var(--gold)}.dstep{margin:0;text-align:center}.ty4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 4px}.ty4 span{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:10px;padding:7px 8px;background:#ffffff08;min-width:0}.ty4 small{font-size:11px;color:var(--dim)}.ty4 b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:600px){.ty4{grid-template-columns:repeat(2,minmax(0,1fr))}}.tiegrid.t4{grid-template-columns:repeat(4,minmax(0,1fr))}.nudge{position:absolute;z-index:6;pointer-events:none;background:var(--gold);color:#05060d;font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 20px #e6c16a59;animation:nudgeBob 1.4s ease-in-out infinite}.nudge:after{content:"";position:absolute;left:var(--ax,50%);bottom:-6px;width:12px;height:12px;margin-left:-6px;background:var(--gold);transform:rotate(45deg)}@keyframes nudgeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.nudge{animation:none}}.tabs{background:transparent;border:0;padding:0;gap:6px;flex-wrap:nowrap;align-items:center}.tabs .tg{display:flex;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px;flex:none}.tabs .tg.fort{border-color:#e6c16a59}.tabs .tg.fort button[aria-selected=true]{background:var(--gold);color:#05060d}.tabs #tab-extra{border:1px solid var(--line)}@media (max-width:600px){.tabs{gap:4px}.tabs .tg button{padding:6px 9px;font-size:12px}}.bridge{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#ffffff0a,#fff0);color:var(--ink);cursor:pointer;margin-top:4px}.bridge:hover{border-color:var(--gold)}.bridge .bi{font-size:22px}.bridge span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.bridge small{color:var(--dim);font-size:12px}.bridge i{font-style:normal;color:var(--gold);font-size:22px}#reportBody .bridge{margin:24px 0 8px}.asp li>b{color:var(--gold)}.asp .meet b{color:var(--ink)}.dout{padding:14px 8px 4px}.dlogout{border:0;background:transparent;color:var(--dim);text-decoration:underline;font-size:12.5px;cursor:pointer;padding:0}.uni.stack{padding:4px 12px 4px 6px}.uni.stack .orb{margin-left:-8px;box-shadow:0 0 0 2px #0c0e1a}.uni.stack .orb:first-child{margin-left:0}.uni.stack span{margin-left:4px;color:var(--calm);font-weight:600}.uni.stack i{font-style:normal}.unigrp{display:flex;flex-direction:column;gap:6px;margin-top:12px}.unigrp .label small{color:var(--dim);margin-left:4px}.unirow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:transparent;color:var(--ink);cursor:pointer}.unirow:hover{border-color:var(--calm)}.unirow span{flex:1;display:flex;flex-direction:column;gap:2px}.unirow small{color:var(--dim);font-size:12px}.unirow i{font-style:normal;color:var(--dim);font-size:18px}.dcard{--acc:var(--gold);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border:1px solid var(--line);border-radius:18px;padding:22px 18px 20px;overflow:hidden;background:radial-gradient(420px 300px at 50% 35%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 70%),var(--stars1),#05060d;background-size:auto,420px 300px,auto}.dcard.low{--acc:#ff8a95}.dcard .dct{font-family:var(--f-display);font-size:20px;font-weight:700;color:var(--ink)}.dcard .dcd{font-size:13px;color:#aeb3cc}.dcard .dcdd{margin-top:4px;background:var(--acc);color:#1a1406;font-weight:700;font-size:12px;padding:2px 10px;border-radius:999px}.dcard .dcring{width:132px;height:132px;margin:12px 0 4px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--acc) calc(var(--p)*1%),rgba(255,255,255,.08) 0);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--acc) 45%,transparent))}.dcard .dcring>div{width:108px;height:108px;border-radius:50%;background:#0a0b14;display:flex;flex-direction:column;align-items:center;justify-content:center}.dcard .dcring b{font-family:var(--f-display);font-size:44px;line-height:1;color:var(--ink)}.dcard .dcring small{color:var(--dim);font-size:12px}.dcard .dcstar{color:var(--acc);font-size:20px;letter-spacing:2px}.dcard .dcv{font-size:12px;color:var(--dim);margin-top:2px}.dcard .dch{font-size:24px;font-weight:800;color:#fff;line-height:1.3;margin-top:2px}.dcard .dcs{font-size:14px;color:#cfd3e6}.dcard .dch2{margin-top:10px;font-size:12.5px;color:#9fd8ff}.dcard .dcf{font-size:12px;color:#8a90ad}body.nolabs .lab,body.nolabs [data-reunion]{display:none!important}.cpback{margin:0 0 6px;padding:0;font-size:13px}#compatPanel.blurlock>*{filter:blur(6px);pointer-events:none;user-select:none}#compatPanel.blurlock{position:relative}