:root{--font-serif: "Noto Serif SC", "Songti SC", STSong, serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-serif)}body{transition:background 1s var(--ease),color 1s var(--ease)}body[data-theme=space]{--bg: #050410;--ink: #ece4d2;--ink-soft: #cfd8ff;--ink-faint: rgba(207, 216, 255, .72);--accent: #f3d9a3;--accent-soft: rgba(243, 217, 163, .5);--surface: rgba(11, 10, 28, .72);--surface-line: rgba(243, 228, 192, .22);--chip: rgba(255, 255, 255, .06);--chip-line: rgba(255, 255, 255, .16);background:radial-gradient(120% 100% at 42% 30%,#16142e,#0c0a1d 55%,#050410);color:var(--ink)}body[data-theme=xuan]{--bg: #f0e6d2;--ink: #2b2620;--ink-soft: #5a4d33;--ink-faint: rgba(90, 77, 51, .85);--accent: #b23a2e;--accent-soft: rgba(178, 58, 46, .5);--surface: #fbf4e6;--surface-line: rgba(185, 168, 127, .7);--chip: rgba(252, 247, 236, .5);--chip-line: rgba(154, 138, 102, .45);background:radial-gradient(120% 100% at 45% 38%,#f7f0e2,#f0e6d2 60%,#e7dabf);color:var(--ink)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;animation:scene-in .6s var(--ease) .2s both}@keyframes scene-in{0%{opacity:0}to{opacity:1}}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.cluster-label{position:absolute;transform:translate(-50%,-50%);font-size:15px;font-weight:500;letter-spacing:.08em;color:var(--accent);white-space:nowrap;text-shadow:0 0 18px var(--accent-soft);transition:opacity .6s var(--ease),color 1s var(--ease);pointer-events:none}.cluster-label.sub{font-size:12px;font-weight:400;color:var(--ink-faint);text-shadow:none}body[data-theme=xuan] .cluster-label{text-shadow:0 1px 6px rgba(247,240,226,.9),0 0 2px rgba(247,240,226,.8)}body[data-theme=xuan] .cluster-label.sub{text-shadow:0 1px 4px rgba(247,240,226,.85)}#topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:18px;padding:16px 22px}.brand{display:flex;flex-direction:column;line-height:1.1;-webkit-user-select:none;user-select:none}.brand-title{font-size:22px;font-weight:600;letter-spacing:.12em}.brand-sub{font-size:11px;letter-spacing:.3em;color:var(--ink-faint);margin-top:2px}.search-wrap{position:relative;flex:1;max-width:420px}.search-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--ink-faint);stroke-width:1.6;stroke-linecap:round;pointer-events:none}#search{width:100%;height:40px;padding:0 16px 0 38px;font-family:var(--font-serif);font-size:14px;color:var(--ink);background:var(--chip);border:.5px solid var(--chip-line);border-radius:20px;outline:none;transition:border-color .3s,background 1s var(--ease)}body[data-theme=xuan] #search{border-radius:8px}body[data-theme=space] #search{background:#ffffff21;border-color:#f3d9a359;box-shadow:0 0 16px #f3d9a31f}#search::placeholder{color:var(--ink-faint)}#search:focus{border-color:var(--accent-soft)}body[data-theme=space] #search:focus{box-shadow:0 0 18px #f3d9a338}#results{position:absolute;top:48px;left:0;right:0;max-height:50vh;overflow-y:auto;display:none;background:var(--surface);border:.5px solid var(--surface-line);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px}body[data-theme=xuan] #results{border-radius:8px}#results.show{display:block}.result{padding:9px 12px;border-radius:9px;cursor:pointer;display:flex;align-items:baseline;gap:8px;transition:background .15s}.result:hover{background:var(--chip)}.result .r-title{font-size:14px;color:var(--ink)}.result .r-author{font-size:12px;color:var(--ink-faint)}.result .r-star{color:var(--accent);font-size:11px}.result-empty{padding:12px;font-size:13px;color:var(--ink-faint);text-align:center}#theme-toggle{position:relative;width:96px;height:40px;flex-shrink:0;font-family:var(--font-serif);font-size:13px;cursor:pointer;background:var(--chip);border:.5px solid var(--chip-line);border-radius:20px;color:var(--ink);overflow:hidden}body[data-theme=xuan] #theme-toggle{border-radius:8px}#theme-toggle span{position:absolute;top:50%;transform:translateY(-50%);transition:opacity .4s,color .4s}#theme-toggle .t-space{left:16px}#theme-toggle .t-xuan{right:16px}body[data-theme=space] .t-space{color:var(--accent)}body[data-theme=space] .t-xuan{opacity:.4}body[data-theme=xuan] .t-xuan{color:var(--accent)}body[data-theme=xuan] .t-space{opacity:.4}#theme-toggle:after{content:"";position:absolute;top:4px;width:44px;height:32px;background:var(--accent-soft);border-radius:16px;transition:left .45s var(--ease);opacity:.25}body[data-theme=space] #theme-toggle:after{left:4px}body[data-theme=xuan] #theme-toggle:after{left:48px;border-radius:6px}#views{position:fixed;top:70px;left:22px;z-index:20;display:flex;gap:8px}#views button{font-family:var(--font-serif);font-size:13px;cursor:pointer;padding:7px 16px;color:var(--ink-soft);background:var(--chip);border:.5px solid var(--chip-line);border-radius:16px;transition:all .3s}body[data-theme=xuan] #views button{border-radius:6px}#views button.active{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}body[data-theme=space] #views button.active{background:#f3d9a324}body[data-theme=xuan] #views button.active{background:#b23a2e1f}#legend{position:fixed;bottom:20px;left:22px;z-index:20;display:flex;gap:16px;flex-wrap:wrap;max-width:60vw}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-faint)}.legend-dot{width:8px;height:8px;border-radius:50%}#panel{position:fixed;top:0;right:0;bottom:0;z-index:45;width:380px;max-width:92vw;background:var(--surface);border-left:.5px solid var(--surface-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:56px 30px 36px;overflow-y:auto;transition:transform .55s var(--ease),background 1s var(--ease)}#panel.hidden{transform:translate(105%)}#panel-close{position:absolute;top:16px;right:18px;width:32px;height:32px;font-size:24px;line-height:1;background:transparent;border:none;color:var(--ink-faint);cursor:pointer;transition:color .2s}#panel-close:hover{color:var(--ink)}.p-title{font-size:26px;font-weight:600;text-align:center;letter-spacing:.06em}.p-meta{text-align:center;font-size:13px;color:var(--ink-faint);margin-top:6px;letter-spacing:.1em}.p-divider{height:.5px;background:var(--surface-line);margin:20px 0;border:none}.p-poem{display:flex;flex-direction:row-reverse;justify-content:center;gap:14px;padding:8px 0 4px;flex-wrap:wrap;animation:poem-rise .5s var(--ease) .28s both}@keyframes poem-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.p-col{writing-mode:vertical-rl;text-orientation:upright;font-size:18px;line-height:1.95;letter-spacing:.12em;color:var(--ink)}.p-poem.horizontal{display:block;text-align:center}.p-poem.horizontal .p-col{writing-mode:horizontal-tb;font-size:17px;line-height:2}.p-seal{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:8px auto 0;border-radius:3px;background:var(--accent);color:#fbf4e6;font-size:12px;writing-mode:vertical-rl}body[data-theme=space] .p-seal{background:#b23a2e}.p-seal-wrap{text-align:center}.p-section-title{font-size:13px;color:var(--accent);letter-spacing:.15em;margin:18px 0 8px}.p-text{font-size:14px;line-height:1.85;color:var(--ink-soft)}.p-notes{list-style:none}.p-notes li{font-size:13px;line-height:1.8;color:var(--ink-soft);padding-left:14px;position:relative}.p-notes li:before{content:"·";position:absolute;left:2px;color:var(--accent)}.p-bare{font-size:13px;color:var(--ink-faint);text-align:center;margin-top:24px;line-height:1.8}#ai-box{text-align:center}.ai-btn{font-family:var(--font-serif);font-size:13px;cursor:pointer;margin:16px auto 0;padding:9px 20px;color:var(--accent);background:var(--chip);border:.5px solid var(--accent-soft);border-radius:16px;transition:all .2s;letter-spacing:.05em}body[data-theme=xuan] .ai-btn{border-radius:8px}.ai-btn:hover{background:var(--accent-soft);color:var(--ink)}.ai-loading{font-size:13px;color:var(--accent);text-align:center;margin-top:24px;letter-spacing:.12em;animation:ai-pulse 1.4s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:.45}50%{opacity:1}}.ai-tag{font-size:11px;color:var(--accent);letter-spacing:.1em;text-align:left;margin-top:18px;opacity:.8}.p-actions{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.p-actions button{font-family:var(--font-serif);font-size:12px;cursor:pointer;padding:7px 14px;color:var(--ink-soft);background:var(--chip);border:.5px solid var(--chip-line);border-radius:14px;transition:all .2s}body[data-theme=xuan] .p-actions button{border-radius:6px}.p-actions button:hover{color:var(--accent);border-color:var(--accent-soft)}#xuan-scroll{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden}body[data-theme=xuan] #xuan-scroll{display:block}body[data-theme=xuan] #labels,body[data-theme=xuan] #views,body[data-theme=xuan] #legend,body[data-theme=xuan] #hint{display:none}#scene{transition:opacity 1s var(--ease)}body[data-theme=xuan] #scene{animation:none;opacity:0;pointer-events:none}.xuan-item{position:absolute;top:0;font-family:var(--font-serif);color:#2b2318;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.18em;white-space:nowrap;display:block;animation:xuan-fall linear infinite;will-change:transform;cursor:pointer}.xuan-item:hover{color:#b23a2e}@keyframes xuan-fall{0%{transform:translateY(-65vh)}to{transform:translateY(108vh)}}.xuan-item.xuan-famous{color:#5a3a22}.xuan-item.xuan-curated{color:#b23a2e;font-weight:500}#stat-count{font-size:12px;letter-spacing:.12em;color:var(--ink-faint);white-space:nowrap;flex-shrink:0;margin-left:auto;transition:color 1s var(--ease)}@media (max-width: 720px){#stat-count{display:none}}#hide-ui{font-family:var(--font-serif);font-size:12px;cursor:pointer;flex-shrink:0;padding:7px 14px;color:var(--ink-faint);background:var(--chip);border:.5px solid var(--chip-line);border-radius:16px;transition:all .3s;white-space:nowrap}body[data-theme=xuan] #hide-ui{border-radius:6px}#hide-ui:hover{color:var(--ink)}@media (max-width: 720px){#hide-ui{display:none}}#xuan-hint{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:15;font-size:12px;color:var(--ink-faint);letter-spacing:.2em;pointer-events:none;white-space:nowrap}body[data-theme=xuan] #xuan-hint{display:block}#reset-view{position:fixed;top:70px;left:50%;transform:translate(-50%) translateY(-6px);z-index:25;font-family:var(--font-serif);font-size:13px;cursor:pointer;padding:8px 18px;color:var(--accent);white-space:nowrap;background:var(--surface);border:.5px solid var(--accent-soft);border-radius:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}body[data-theme=xuan] #reset-view{border-radius:8px}#reset-view.show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#reset-view:hover{border-color:var(--accent)}body.ui-hidden #reset-view{opacity:0;pointer-events:none}#tools{position:fixed;right:20px;bottom:20px;z-index:25;display:flex;flex-direction:column;gap:10px}#tools button{width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;color:var(--ink-soft);background:var(--surface);border:.5px solid var(--chip-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .25s,border-color .25s,transform .25s var(--ease)}body[data-theme=xuan] #tools button{border-radius:10px}#tools button:hover{color:var(--accent);border-color:var(--accent-soft);transform:translateY(-2px)}#tools button.active{color:var(--accent);border-color:var(--accent)}body:has(#panel:not(.hidden)) #tools{opacity:0;pointer-events:none}#daily-chip{position:fixed;left:22px;bottom:56px;z-index:26;width:200px;padding:14px 16px;border-radius:14px;background:var(--surface);border:.5px solid var(--surface-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}body[data-theme=xuan] #daily-chip{border-radius:8px}#daily-chip.show{opacity:1;transform:translateY(0);pointer-events:auto}#daily-chip .dc-label{font-size:11px;letter-spacing:.25em;color:var(--accent)}#daily-chip .dc-title{font-size:19px;font-weight:600;margin-top:6px;color:var(--ink)}#daily-chip .dc-author{font-size:12px;color:var(--ink-faint);margin-top:3px}#daily-chip .dc-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}#daily-chip .dc-open{font-family:var(--font-serif);font-size:12px;cursor:pointer;padding:5px 14px;color:var(--accent);background:var(--chip);border:.5px solid var(--accent-soft);border-radius:12px}#daily-chip .dc-close{width:24px;height:24px;font-size:18px;line-height:1;cursor:pointer;background:transparent;border:none;color:var(--ink-faint)}.p-col.reading{color:var(--accent);text-shadow:0 0 14px var(--accent-soft);transition:color .2s,text-shadow .2s}body.ui-hidden #topbar,body.ui-hidden #views,body.ui-hidden #legend,body.ui-hidden #hint,body.ui-hidden #xuan-hint,body.ui-hidden #tools,body.ui-hidden #daily-chip,body.ui-hidden #progress{opacity:0;pointer-events:none}body.ui-hidden #topbar,body.ui-hidden #views,body.ui-hidden #legend,body.ui-hidden #hint{transition:opacity .5s}#hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:15;font-size:12px;color:var(--ink-faint);letter-spacing:.15em;pointer-events:none;transition:opacity 1s;text-align:center}#progress{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:18;font-size:12px;letter-spacing:.12em;color:var(--ink-faint);padding:5px 14px;border-radius:14px;background:var(--chip);border:.5px solid var(--chip-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;transition:opacity .8s;white-space:nowrap}body[data-theme=xuan] #progress{border-radius:7px}#progress.done{color:var(--accent)}@media (max-width: 720px){#progress{top:auto;bottom:92px;font-size:11px}}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--ink-faint);font-size:14px;letter-spacing:.2em;transition:opacity .8s;background:var(--bg)}#loading.gone{opacity:0;pointer-events:none}.spinner{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--chip-line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){#topbar{flex-wrap:wrap;gap:10px;padding:12px 14px}.brand{order:1}#theme-toggle{order:2;margin-left:auto}.search-wrap{order:3;max-width:100%;flex-basis:100%}#views{top:auto;bottom:78px;left:50%;transform:translate(-50%)}#legend{bottom:14px;left:50%;transform:translate(-50%);justify-content:center;max-width:94vw;gap:8px 14px;font-size:11px}#reset-view{top:auto;bottom:120px}#hint{display:block;bottom:auto;top:112px;font-size:11px;letter-spacing:.1em;padding:5px 14px;border-radius:14px;background:var(--chip);border:.5px solid var(--chip-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#panel{width:100%;max-width:100%;padding-top:60px}.brand-sub{display:block;font-size:10px;letter-spacing:.25em}#daily-chip{left:50%;transform:translate(-50%) translateY(8px);bottom:130px;width:78vw;max-width:260px}#daily-chip.show{transform:translate(-50%) translateY(0)}#tools{bottom:130px;right:14px}}