:root{--phone:430px;--tab-h:58px;--on-accent:#fff;--bg:#f6f0e4;--surface:#fffaf0;--surface2:#f0e7d5;--ink:#241833;--muted:#6c5f7d;--line:#d9ccb4;--accent:#8a3d63;--gold:#8f6f35;--ok:#2f6f55;--bad:#a2353f;--wheel:#fffaf0;--shadow:0 8px 30px #24183324;--outside:#e6dcc7;--glass:#f6f0e4db;--map-sea:#e8e1f1;--map-land:#cdbfa3;--map-edge:#a8977a;--map-city:#3b2a55;--serif:ui-serif,"New York",Georgia,"Times New Roman",serif;--el-fire:#c2492f;--el-earth:#5f7d3a;--el-air:#2f7aa8;--el-water:#4a5fb8;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif}:root[data-theme=dark]{--el-fire:#f08a6e;--el-earth:#a9c98a;--el-air:#8ec5e8;--el-water:#9fb1f0;--on-accent:#1a0f26;--bg:#120b20;--surface:#1c1430;--surface2:#271c42;--ink:#f3ebdd;--muted:#aa9cc0;--line:#35294f;--accent:#d9a3a8;--gold:#c9a96a;--ok:#7fcfa6;--bad:#f08a93;--wheel:#1b1230;--shadow:0 10px 40px #00000080;--outside:#07040f;--glass:#120b20db;--map-sea:#1a1230;--map-land:#3a2c5a;--map-edge:#5b4a86;--map-city:#e8dcc2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-padding-bottom:calc(var(--tab-h) + 24px + env(safe-area-inset-bottom))}body{background:var(--outside);color:var(--ink);overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.4}#root{min-height:100dvh}a{color:var(--accent)}h1,h2,h3,h4{font-family:var(--serif);margin:0;font-weight:600}h3{font-size:17px}h4{margin:.8em 0 .3em;font-size:15px}p{margin:.5em 0}.muted{color:var(--muted)}small{font-size:13px}.phone{width:100%;max-width:var(--phone);background:var(--bg);min-height:100dvh;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 12px);margin:0 auto;position:relative}@media (width>=480px){.phone{box-shadow:0 0 0 1px var(--line),var(--shadow)}}.screen{display:block}.top{z-index:4;background:var(--glass);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);padding:calc(8px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid #0000;position:sticky;top:0}.top-row{align-items:center;gap:6px;min-height:44px;display:flex}.top h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:26px;line-height:1.15;overflow:hidden}.top .sub{color:var(--muted);margin:0 0 2px;font-size:13px}.back,.back-sp{width:44px;height:44px;color:var(--accent);flex:none;justify-content:center;align-items:center;margin-left:-14px;font-size:32px;line-height:1;text-decoration:none;display:flex}.back-sp{width:0;margin:0}.top-right{flex:none;gap:6px;display:flex}.body{flex-direction:column;gap:14px;padding:8px 16px 16px;display:flex}.tabbar{z-index:10;width:100%;max-width:var(--phone);background:var(--glass);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{min-width:0;min-height:var(--tab-h);color:var(--muted);letter-spacing:-.1px;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:2px 0;font-size:10.5px;text-decoration:none;display:flex}.tab svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tab.active{color:var(--accent);font-weight:600}.tab.active svg{stroke-width:2px}.tab span{white-space:nowrap;max-width:100%;overflow:hidden}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px}.card>h3:first-child{margin-bottom:8px}.group{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.group>h3,.group>.ghead{padding:14px 16px 6px}.li{border:0;border-top:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.group>.li:first-child{border-top:0}button.li{cursor:pointer}button.li:active{background:var(--surface2)}.li .g{text-align:center;flex:none;width:30px;font-size:20px}.li .main{flex:1;min-width:0}.li .main b{font-weight:600}.li .main small{color:var(--muted);display:block}.li .end{text-align:right;color:var(--muted);flex:none;font-size:13px}.li.cur{background:var(--surface2);font-weight:600}.chev{color:var(--muted);flex:none}.list-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.list-item:first-child{border-top:0}.list-item small{text-align:right}.disc{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.disc>summary{cursor:pointer;min-height:52px;font-family:var(--serif);align-items:center;gap:10px;padding:12px 16px;font-size:17px;font-weight:600;list-style:none;display:flex}.disc>summary::-webkit-details-marker{display:none}.disc>summary:after{content:"›";color:var(--muted);margin-left:auto;font-size:24px;transition:transform .2s}.disc[open]>summary:after{transform:rotate(90deg)}.disc>summary .badge{margin-left:2px}.disc>.in{padding:0 16px 14px}.disc>.group{border:0;border-top:1px solid var(--line);border-radius:0}summary{cursor:pointer}label{color:var(--muted);margin:0 0 4px;font-size:13px;display:block}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:12px;width:100%;min-height:48px;padding:0 12px;font-size:16px}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.6' stroke-linecap='round'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--accent);flex:none}input[type=date],input[type=time]{appearance:none;text-align:left}.check{min-height:48px;color:var(--ink);align-items:center;gap:12px;margin:0;font-size:16px;display:flex}.fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.wrap{gap:6px}button{font:inherit;color:var(--on-accent);background:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:14px;width:auto;min-height:48px;padding:0 18px;font-size:16px;font-weight:600}button.ghost{color:var(--ink);border-color:var(--line);background:0 0}button.block{width:100%}button:disabled{opacity:.5;cursor:not-allowed}button.small,.btn-sm{min-height:44px;padding:0 14px;font-size:14px}.chip{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:99px;align-items:center;gap:4px;min-height:44px;margin:0;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.chip.on{background:var(--accent);color:var(--on-accent);border-color:#0000}.chip:disabled{opacity:.45}.icon-btn{background:var(--surface2);width:44px;height:44px;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:500;text-decoration:none;display:inline-flex}a.icon-btn{color:var(--ink)}.fab{z-index:9;right:max(16px,calc(50% - var(--phone)/2 + 16px));bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 22px);width:56px;height:56px;min-height:56px;box-shadow:var(--shadow);background:var(--accent);color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:30px;line-height:1;text-decoration:none;display:flex;position:fixed}button.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;min-height:44px;padding:0;font-weight:500;text-decoration:underline}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{flex:none}.seg{background:var(--surface2);border:1px solid var(--line);border-radius:14px;gap:2px;padding:3px;display:flex}.seg a{min-width:0;min-height:44px;color:var(--muted);white-space:nowrap;border-radius:11px;flex:1 1 0;justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:flex}.seg a.active{background:var(--accent);color:var(--on-accent);font-weight:600}.sheet-root{z-index:30;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#00000080;border:0;border-radius:0;width:100%;min-height:0;padding:0;position:absolute;inset:0}.sheet{width:100%;max-width:var(--phone);background:var(--surface);max-height:88dvh;box-shadow:var(--shadow);padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;outline:0;flex-direction:column;animation:.22s ease-out up;display:flex;position:relative}@keyframes up{0%{opacity:.4;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.grab{background:var(--line);touch-action:none;border-radius:3px;flex:none;width:40px;height:5px;margin:8px auto 0}.sheet-head{touch-action:none;align-items:center;gap:8px;padding:6px 16px;display:flex}.sheet-head h2{flex:1;font-size:20px}.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;gap:12px;padding:4px 16px 20px;display:flex;overflow-y:auto}.badge{border:1px solid var(--line);color:var(--muted);vertical-align:middle;border-radius:99px;padding:2px 9px;font-size:12px;display:inline-block}.warn{border-left:4px solid var(--gold);background:var(--surface);border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.sug{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:6px;overflow:hidden}.sug button{text-align:left;width:100%;color:var(--ink);border-top:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;min-height:48px;font-weight:500;display:flex}.sug button:first-child{border-top:0}.wheel{width:100%;height:auto;display:block}.stat{align-items:baseline;gap:8px;display:flex}.stat b{font-family:var(--serif);font-size:40px;line-height:1}.bar{background:var(--surface2);border-radius:3px;height:6px;overflow:hidden}.bar>i{background:var(--accent);height:100%;display:block}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}th{color:var(--muted);font-size:12px;font-weight:500}.sticky-act{bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 8px);z-index:5;background:linear-gradient(transparent,var(--bg) 40%);padding-top:6px;position:sticky}.mapbox{border:1px solid var(--line);background:var(--map-sea);border-radius:20px;position:relative;overflow:hidden}.acg-map{aspect-ratio:5/3;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:auto;display:block}.mapctl{flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.mapctl button{background:var(--glass);width:44px;height:44px;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:0;font-size:22px;font-weight:500}.peek{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:10px;padding:10px 12px 10px 16px;display:flex}.peek .main{flex:1;min-width:0}.peek .main b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.win{border-top:1px solid var(--line)}.group>.win:first-of-type{border-top:0}.win>summary{align-items:center;gap:10px;min-height:52px;padding:8px 16px;list-style:none;display:flex}.win>summary::-webkit-details-marker{display:none}.win>ul{margin:0;padding:0 16px 12px 36px;font-size:14px}.win[open]{background:var(--surface2)}a.btn{background:var(--accent);min-height:48px;color:var(--on-accent);border-radius:14px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}a.btn.block{width:100%;display:flex}.li a.main{flex:150px;min-width:150px}a.chip{text-decoration:none}.badges{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.seg button{min-width:0;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:11px;flex:1 1 0;padding:0 6px;font-size:14px;font-weight:500}.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);font-weight:600}.btabs{border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:2px;margin:0 -16px;padding:0 12px;display:flex;overflow-x:auto}.btabs::-webkit-scrollbar{display:none}.btabs button{min-height:46px;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;flex:none;padding:0 14px;font-size:15px;font-weight:500}.btabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.prow{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.3fr) minmax(0,1.25fr) minmax(0,.75fr) 30px 22px;align-items:center;gap:6px;min-height:48px;padding:6px 14px;font-size:14px;display:grid}.prow.head{min-height:34px;color:var(--muted);border-top:0;font-size:12px}.prow .n{align-items:center;gap:6px;min-width:0;font-weight:600;display:flex}.prow .n span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prow .s{white-space:nowrap}.prow .h{text-align:center}.arow{border:0;border-top:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);font:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:8px;padding:8px 14px;font-size:16px;display:flex}.arow .sym{text-align:center;flex:none;width:30px;font-size:22px}.arow .orb{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.aexp{color:var(--muted);margin:0;padding:2px 16px 14px 52px;font-size:14px}.ebar{grid-template-columns:78px 1fr 44px;align-items:center;gap:8px;min-height:34px;font-size:14px;display:grid}.ebar .t{background:var(--surface2);border-radius:7px;height:14px;overflow:hidden}.ebar .t>i{border-radius:7px;height:100%;display:block}.ebar b{text-align:right;font-variant-numeric:tabular-nums}.yorum{border-top:1px solid var(--line);padding:14px 16px}.yorum h4{margin:0 0 6px;font-size:16px}.yorum p{color:var(--ink);margin:0}.kind{flex:none}.hlist{flex-wrap:wrap;gap:6px;display:flex}a.li{color:var(--ink);text-decoration:none}.syn-card{color:var(--ink);flex-direction:column;gap:8px;min-height:44px;padding:14px 16px;text-decoration:none;display:flex}.syn-head{align-items:center;gap:10px;display:flex}.syn-rank{min-width:28px;color:var(--muted);flex:none;font-weight:600}.syn-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.syn-score{flex:none;align-items:baseline;gap:2px;display:flex}.syn-score b{font-family:var(--serif);font-size:30px;line-height:1}.syn-score small{color:var(--muted)}.syn-sum{line-height:1.4}.share-prev{background:var(--surface2);border-radius:14px;justify-content:center;align-items:center;min-height:120px;padding:8px;display:flex}.share-prev img{aspect-ratio:1080/1350;border-radius:8px;width:100%;max-width:300px;height:auto;display:block}.seg button.active{background:var(--accent);color:var(--on-accent);font-weight:600}.row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;display:grid}.dblock{border-top:1px solid var(--line);padding:12px 16px}.dblock:first-child{border-top:0}.dblock h4{margin:0 0 4px;font-size:15px}.dblock p{margin:0 0 6px}.dblock p:last-child{margin-bottom:0}.tbl-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}table.mini{min-width:100%;font-size:13px}table.mini th,table.mini td{white-space:nowrap;padding:5px 6px}.li .main{overflow-wrap:anywhere;min-width:0}
