:root{color-scheme:light;--bg:#d8dde2;--panel:rgba(255,255,255,.42);--line:rgba(255,255,255,.72);--text:#192c45;--muted:#5c7089;--accent:#087e93}
body{background:#d8dde2;background-image:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.1px;min-height:100vh}
main{max-width:1320px;padding-top:20px}main>header{padding:8px 6px 4px}main>header h1{font-size:32px;letter-spacing:-1px;font-weight:650}.eyebrow{color:#43768c;letter-spacing:1.8px;font-weight:600}h2{letter-spacing:-.5px;font-weight:650}p{color:var(--muted)}
.appearance-preview{display:flex;align-items:center;justify-content:space-between;padding:0 7px 15px;font-size:12px;color:#63758e}.appearance-preview a{color:#395677;text-decoration:none;border:1px solid #ffffffbe;background:#ffffff4f;border-radius:99px;padding:5px 14px;box-shadow:0 2px 6px #4360860b,inset 0 1px #fff}
.panel,.stats article,.sync,.secondary-dashboard>summary{background:linear-gradient(155deg,#ffffff70 0%,#ffffff13 45%,#ffffff08 70%,#ffffff42 100%);border:1px solid #ffffffdf;border-radius:26px;backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%);box-shadow:0 16px 36px #26384821,0 3px 6px #26384812,inset 0 2px 1px #ffffff,inset 2px 0 2px #ffffffa6,inset -2px 0 2px #ffffff61,inset 0 -2px 2px #60718342,0 0 0 1px #75839013}
.sync{border-radius:22px}.stats{gap:14px}.stats article{min-height:128px;position:relative;overflow:hidden}.stats strong{color:#263b55;font-weight:620}.stats article>span{font-size:12px;font-weight:550;letter-spacing:.5px}.bar{background:#91a7bd29;height:5px}.bar i{background:linear-gradient(90deg,#1b93ad,#62c5d4);border-radius:5px;box-shadow:0 1px 6px #66b9d84d}.badge{color:#21728b;background:#ffffff55;border:1px solid #ffffff91;border-radius:99px;padding:5px 10px}
button,select,input{color:#25425c;border-color:#ffffffcf;background:linear-gradient(165deg,#ffffffc4 0%,#ffffff30 47%,#ffffff12 52%,#ffffff5c 100%);backdrop-filter:blur(18px);box-shadow:0 5px 12px #26384825,inset 0 2px 1px #ffffff,inset 1px 0 1px #ffffffad,inset 0 -2px 1px #67788754;border-radius:14px}button{position:relative;isolation:isolate;transition:transform .17s ease,box-shadow .2s ease,background .2s ease}button::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--lx,30%) var(--ly,15%),#ffffffd9,transparent 68%);opacity:.4;transition:opacity .2s}button:hover{background:linear-gradient(150deg,#ffffffe0,#ffffff87);box-shadow:0 9px 20px #385b8620,inset 0 1px #fff;transform:translateY(-1px)}button:hover::before{opacity:.9}button:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 5px #36587917,inset 0 1px 5px #8c9db31f}button:disabled{transform:none;opacity:.5}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #2989c18c;outline-offset:3px}
#refresh,.timeline-toolbar button{border-radius:99px;backdrop-filter:blur(12px)}.primary,#deployLayout{color:white;border:1px solid #8cceeac7;background:linear-gradient(145deg,#2c96bfdb,#2976a0ed);box-shadow:0 6px 16px #367eab30,inset 0 1px #ffffff70}.primary:hover,#deployLayout:hover{background:linear-gradient(145deg,#42a9d0,#3687b1)}select{background-color:#f5f9fba8}input{background:#ffffff85}
.milestone-panel{padding:22px 24px}.timeline-toolbar p,.timeline-coverage{color:#657990}.level-rail{scrollbar-color:#759ab08c #ffffff3b;padding-top:14px}.level-node{background:linear-gradient(150deg,#ffffff6b,#ffffff0a 60%,#ffffff30);border:1px solid #ffffffdc;border-radius:20px;box-shadow:0 7px 14px #26384816,inset 0 2px 1px #ffffffed,inset 1px 0 1px #ffffff8c,inset 0 -2px 1px #67788738;min-height:196px;color:#2c4059}.level-node:after{background:#86a8ba66;top:24px}.level-dot{background:#a9bbc8;border-color:#f3f7fa}.level-node.is-current .level-dot{background:#218fa6;box-shadow:0 0 0 5px #2facc21c}.level-node.is-current strong{color:#14758e}.level-node.is-selected{background:linear-gradient(145deg,#ffffffb3,#ffffff26);border-color:#fff;box-shadow:0 7px 20px #4788ac20,inset 0 0 0 1px #6bafc57d}.level-node strong{font-weight:650}.level-node small{color:#71869b}.milestone-name{font-weight:520}.milestone-meta{color:#4e7085}.milestone-meta>span{color:#74899b}.milestone-event+.milestone-event{border-color:#93b1c237}
.timeline-upcoming{border-radius:16px;background:linear-gradient(120deg,#ffffff80,#ffffff24);border:1px solid #ffffffc9;color:#267a8b;box-shadow:inset 0 2px 1px #fff,inset 0 -1px 1px #67788738,0 5px 12px #26384814}.milestone-inspector{border-color:#ffffffa6}.milestone-detail{background:linear-gradient(130deg,#ffffff75,#ffffff39);border:1px solid #ffffffb0;border-radius:18px;box-shadow:inset 0 2px 1px #ffffffdb,inset 0 -1px 1px #67788730,0 4px 10px #2638480c}.milestone-tag{color:#34798a;border-color:#8dbcc660;background:#d9f1f43d;border-radius:99px;padding:3px 9px}.milestone-detail a{color:#207c9b}.timeline-unplaced>summary{color:#526e86}.milestone-empty{color:#698095}.secondary-dashboard>summary{color:#496680;padding:15px 21px;border-radius:20px}
.character-card{background:#ffffff58;border-color:#ffffffbd;box-shadow:inset 0 1px #fff}.character-card.on{background:#f8fdffd9;border-color:#79a9bf}.layer-tabs button.on{background:#298ba9;color:white;border-color:#8bcada}.row{border-color:#9bb6c32b}.row:hover{background:#ffffff33}.warning{color:#a96a21}.danger,.error{color:#b34042}.label{color:#5b7388}footer{color:#74869b}#storyDialog{background:#eaf2f9ed;color:#263b55;border:1px solid white;box-shadow:0 30px 100px #304b7959;backdrop-filter:blur(28px)}#storyDialog::backdrop{background:#263a593d;backdrop-filter:blur(7px)}.story-header{border-color:#ffffffad;background:#ffffff5c}
@supports not (backdrop-filter:blur(1px)){.panel,.stats article,.sync,.level-node,.milestone-detail{background:#f2f6fb}}
@media(prefers-reduced-motion:reduce){button,button::before{transition:none}button:hover,button:active{transform:none}}
@media(max-width:650px){main{padding:14px}.appearance-preview{font-size:11px;gap:8px}.stats article{min-height:112px}.milestone-panel{padding:17px}.panel,.stats article{border-radius:21px}}