:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#30313b;background:#fff;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;display:flex;height:100dvh;min-height:460px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #899bbd;outline-offset:5px}button:disabled{cursor:wait;opacity:.4}.sidebar{flex:0 0 252px;display:flex;flex-direction:column;padding:46px 30px 30px 38px;z-index:2;background:#fff}.brand{font-size:32px;letter-spacing:-2px;font-weight:800;text-decoration:none;color:#30313b;line-height:1}.brand span{display:block;font-size:9px;font-weight:500;letter-spacing:3.7px;margin-top:12px;margin-left:2px}nav{margin:auto 0}.nav-label{font-size:8px;letter-spacing:1.7px;color:#96969f;margin:0 0 25px 8px}.member{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;padding:15px 9px;margin:5px 0;text-align:left;border-radius:10px;font-size:16px;transition:background .2s,transform .2s}.member:hover{background:#f7f7fa;transform:translateX(3px)}.number{font-size:9px;font-variant-numeric:tabular-nums;display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #e6e6eb;border-radius:50%;color:#9b9ba4}.arrow{margin-left:auto;font-size:16px;opacity:0}.member.active{background:color-mix(in srgb,var(--accent) 12%,white)}.member.active .number{border-color:var(--accent);background:var(--accent);color:#fff}.member.active .arrow,.member:hover .arrow{opacity:1}.sidebar-foot{display:flex;gap:12px;align-items:center;color:#92929a}.tiny-star{font-size:26px;color:#a5afc3}.sidebar-foot p{font-size:10px;line-height:1.9;letter-spacing:.5px;margin:0}#stage{flex:1;min-width:0;position:relative;background:#fff}#canvas-host{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.view-caption{position:absolute;top:47px;left:32px;right:38px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px;z-index:1;pointer-events:none}.status-dot{height:5px;width:5px;border-radius:50%;background:#a6b9a3}.edition{margin-left:auto;color:#a0a0a8;font-size:8px;letter-spacing:1.5px}.stage-footer{position:absolute;bottom:30px;left:30px;right:38px;display:flex;flex-direction:column;align-items:center;z-index:1;pointer-events:none}.gesture-hint{color:#a0a0a8;font-size:10px;letter-spacing:1px;margin:0 0 16px}.gesture-hint span{margin:0 10px}.toolbar{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #e9e9ee;border-radius:50px;padding:5px 10px;box-shadow:0 5px 20px #33334805;pointer-events:auto}.toolbar button{border:0;background:transparent;font-size:11px;padding:10px 14px;border-radius:30px;display:flex;align-items:center;gap:10px}.toolbar button:hover{background:#f6f6f9}.toolbar button span:first-child{font-size:16px;width:15px;text-align:center}.divider{width:1px;height:15px;background:#e9e9ee}.view-note{font-size:9px;color:#aaaab3;letter-spacing:1.2px;margin:14px 0 0}.loading{position:absolute;inset:80px 0 135px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:white;z-index:3;transition:opacity .5s}.loading.done{opacity:0;pointer-events:none}.loading-star{font-size:42px;color:#a9b5cf;animation:turn 6s linear infinite}.loading p{font-size:13px;letter-spacing:2px;margin:22px 0}.progress{height:2px;width:160px;background:#eeeef3;margin-bottom:12px}#progress-fill{height:100%;width:0;background:#a9b5cf;transition:width .2s}#load-detail{font-size:10px;color:#9999a4}#retry{margin-top:16px;background:#fff;border:1px solid #dddde5;border-radius:20px;padding:9px 18px;font-size:12px}[hidden]{display:none!important}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:900px){.sidebar{flex-basis:200px;padding-left:24px;padding-right:18px}.view-caption{left:15px;right:24px}.sidebar-foot{gap:8px}.tiny-star{font-size:20px}.sidebar-foot p{font-size:9px}}@media(max-width:600px){.sidebar{flex-basis:110px;padding:28px 10px 22px 14px}.brand{font-size:24px;letter-spacing:-1.5px}.brand span{font-size:7px;letter-spacing:1.9px;margin-top:9px}.nav-label{font-size:6px;letter-spacing:.7px;margin:0 0 14px 2px}.member{padding:12px 3px;gap:7px;font-size:12px;margin:5px 0}.number{width:17px;height:17px;font-size:7px}.arrow{display:none}.sidebar-foot .tiny-star{font-size:22px}.sidebar-foot p{display:none}.view-caption{top:30px;left:8px;right:14px;font-size:7px;letter-spacing:.8px}.edition{display:none}.stage-footer{left:3px;right:12px;bottom:22px}.gesture-hint{font-size:8px;letter-spacing:0;margin-bottom:12px}.gesture-hint span{margin:0 5px}.toolbar{padding:3px 4px;gap:0}.toolbar button{font-size:9px;padding:8px 7px;gap:4px}.toolbar button span:first-child{font-size:13px;width:12px}.view-note{font-size:8px;letter-spacing:.4px}.loading p{font-size:11px}.progress{width:130px}}@media(prefers-reduced-motion:reduce){.loading-star{animation:none}*{scroll-behavior:auto!important}}