@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400&family=Noto+Sans+SC:wght@300;400;500;700&family=Space+Mono:wght@400;700&family=ZCOOL+XiaoWei&display=swap";:root{--r-sm: 10px;--r-md: 16px;--r-lg: 20px;--r-xl: 28px;--trans: .22s cubic-bezier(.4,0,.2,1);--nav-h: 60px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1)}[data-theme=light]{--green-a: #2db36a;--green-b: #1a8a4e;--green-c: #52d68a;--accent: #2db36a;--accent-b: #1a8a4e;--grad: linear-gradient(135deg, #2db36a 0%, #1a8a4e 60%, #52d68a 100%);--grad-soft: linear-gradient(135deg, rgba(45,179,106,.09) 0%, rgba(26,138,78,.04) 100%);--bg: #f0f8f2;--bg2: #e4f2e8;--bg3: #d5eadb;--bg4: #c4dfcc;--border: rgba(45,179,106,.18);--border-h: rgba(45,179,106,.45);--text: #1e3a28;--text2: #3d6e50;--text3: #6a9f7e;--card-bg: #ffffff;--card-border: rgba(45,179,106,.14);--nav-bg: rgba(240,248,242,.92);--glow: rgba(45,179,106,.18);--input-bg: #f4fbf6;--shadow-color: rgba(45,179,106,.12)}[data-theme=dark]{--purple-a: #a855f7;--purple-b: #7c3aed;--purple-c: #c084fc;--accent: #a855f7;--accent-b: #7c3aed;--grad: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);--grad-soft: linear-gradient(135deg, rgba(168,85,247,.1) 0%, rgba(124,58,237,.05) 100%);--bg: #0d0b14;--bg2: #130f1f;--bg3: #1a1428;--bg4: #231a35;--border: rgba(168,85,247,.12);--border-h: rgba(168,85,247,.4);--text: #f0ebff;--text2: #b49fd4;--text3: #7a6a9a;--card-bg: rgba(19,15,31,.85);--card-border: rgba(168,85,247,.1);--nav-bg: rgba(13,11,20,.92);--glow: rgba(168,85,247,.2);--input-bg: #1a1428;--shadow-color: rgba(168,85,247,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,Noto Sans SC,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;transition:background var(--trans),color var(--trans)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}ul{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px;opacity:.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-mono{font-family:Space Mono,monospace}.section-pad{padding:5rem 2rem}.section-inner{max-width:1160px;margin:0 auto}.page-wrap{min-height:100vh;padding-top:calc(var(--nav-h) + 2rem)}.page-header{padding:2rem 2rem 1.5rem;max-width:1160px;margin:0 auto}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0 2rem}.section-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem;font-family:Space Mono,monospace}.section-label:before{content:"//";opacity:.5;font-size:.68rem}.section-title{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;font-family:Nunito,sans-serif}.section-sub{margin-top:.6rem;font-size:.93rem;color:var(--text2);max-width:480px;line-height:1.7}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-lg);padding:1.35rem;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 12px var(--shadow-color);transition:border-color var(--trans),transform var(--trans),box-shadow var(--trans)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:opacity var(--trans)}.card:hover{border-color:var(--border-h);transform:translateY(-3px);box-shadow:0 8px 28px var(--shadow-color)}.card:hover:before{opacity:1}.btn-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.4rem;background:var(--grad);color:#fff;border:none;border-radius:var(--r-xl);font-size:.86rem;font-weight:800;letter-spacing:.02em;transition:all var(--trans);box-shadow:0 4px 16px var(--glow);font-family:Nunito,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--glow);filter:brightness(1.05)}.btn-ghost{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.4rem;background:transparent;color:var(--text2);border:1px solid var(--border);border-radius:var(--r-xl);font-size:.86rem;font-weight:700;transition:all var(--trans);font-family:Nunito,sans-serif}.btn-ghost:hover{border-color:var(--border-h);color:var(--accent);background:var(--grad-soft)}.btn-icon{width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg3);color:var(--text2);display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:all var(--trans)}.btn-icon:hover{border-color:var(--border-h);color:var(--accent)}.sub-nav{display:flex;gap:.45rem;flex-wrap:wrap;padding:.7rem 2rem;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:var(--nav-h);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sub-nav-btn{padding:.36rem .9rem;border-radius:var(--r-xl);border:1px solid transparent;background:transparent;color:var(--text2);font-size:.8rem;font-weight:700;transition:all var(--trans);font-family:Nunito,sans-serif}.sub-nav-btn.active,.sub-nav-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--grad-soft)}.view-toggle{display:flex;gap:.2rem;padding:2px;background:var(--bg3);border-radius:var(--r-sm);border:1px solid var(--border)}.view-toggle-btn{padding:.26rem .55rem;border-radius:7px;border:none;background:transparent;color:var(--text3);transition:all var(--trans);cursor:pointer}.view-toggle-btn.active{background:var(--card-bg);color:var(--accent);box-shadow:var(--shadow-sm)}.tag{background:var(--bg3);border-radius:20px;padding:.18rem .6rem;font-size:.7rem;color:var(--accent);font-weight:700;font-family:Nunito,sans-serif}.tag-gray{color:var(--text3)}.badge{display:inline-flex;align-items:center;gap:.28rem;padding:.2rem .65rem;border-radius:20px;font-size:.7rem;font-weight:800;font-family:Nunito,sans-serif}.badge-open{background:#2db36a1a;color:#22c55e;border:1px solid rgba(45,179,106,.25)}.badge-closed{background:var(--grad-soft);color:var(--accent);border:1px solid var(--border-h)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:1.1rem}.cards-grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.1rem}.honors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1.1rem}.list-view{display:flex;flex-direction:column;gap:.45rem}.list-item{display:flex;align-items:center;gap:.9rem;padding:.8rem 1.15rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--trans),transform var(--trans),box-shadow var(--trans)}.list-item:hover{border-color:var(--border-h);transform:translate(3px);box-shadow:0 4px 16px var(--shadow-color)}.field{display:flex;flex-direction:column;gap:.38rem}.field label{font-size:.77rem;font-weight:800;color:var(--text2);font-family:Nunito,sans-serif;letter-spacing:.03em}.field input,.field textarea,.field select{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:Nunito,Noto Sans SC,sans-serif;font-size:.88rem;padding:.58rem .85rem;transition:border-color var(--trans),box-shadow var(--trans);outline:none;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.field textarea{resize:vertical;min-height:76px}.field select option{background:var(--bg3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;padding:1.8rem;box-shadow:0 20px 60px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.modal-header h2{font-size:1.1rem;font-weight:900;font-family:Nunito,sans-serif}.modal-footer{display:flex;gap:.65rem;justify-content:flex-end;margin-top:1.4rem}.md-body{font-size:.97rem;line-height:1.85;color:var(--text2)}.md-body h1,.md-body h2,.md-body h3{color:var(--text);font-weight:900;margin:1.5rem 0 .5rem}.md-body h1{font-size:1.75rem}.md-body h2{font-size:1.35rem}.md-body h3{font-size:1.1rem}.md-body p{margin-bottom:.9rem}.md-body code{font-family:Space Mono,monospace;font-size:.84em;background:var(--bg3);border-radius:5px;padding:.14em .42em;color:var(--accent)}.md-body pre{background:var(--bg3);border-radius:var(--r-md);padding:1.2rem;overflow-x:auto;margin-bottom:.9rem;border:1px solid var(--border)}.md-body pre code{background:none;padding:0;color:var(--text)}.md-body blockquote{border-left:2px solid var(--accent);padding-left:1rem;color:var(--text3);margin:1rem 0}.md-body ul,.md-body ol{padding-left:1.4rem;margin-bottom:.9rem}.md-body li{margin-bottom:.3rem}.md-body table{width:100%;border-collapse:collapse;margin-bottom:.9rem;font-size:.88rem}.md-body th,.md-body td{padding:.55rem .8rem;border:1px solid var(--border);text-align:left}.md-body th{background:var(--bg3);font-weight:800}.md-body a{color:var(--accent);text-decoration:underline}.player-bar{position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--bg2);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.7rem 2rem;display:flex;align-items:center;gap:.9rem;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 20px #00000014}.player-bar.active{transform:translateY(0)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:.45rem 0 calc(.45rem + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;box-shadow:0 -2px 12px #0000000f}.tree-item{border-bottom:1px solid var(--border)}.tree-header{display:flex;align-items:center;gap:.7rem;padding:.82rem 1rem;cursor:pointer;transition:background var(--trans);border-radius:var(--r-sm)}.tree-header:hover{background:var(--bg3)}.tree-body{padding:0 1rem .7rem 2.4rem;display:flex;flex-direction:column;gap:.38rem}.add-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:1.4rem;border:1.5px dashed var(--border);border-radius:var(--r-lg);color:var(--text3);font-size:.8rem;font-family:Space Mono,monospace;background:none;transition:all var(--trans);cursor:pointer;width:100%}.add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--grad-soft)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.35;transform:translate(-50%,-55%) scale(1)}50%{opacity:.65;transform:translate(-50%,-55%) scale(1.06)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes underline-in{to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.song-review{font-size:.78rem;color:var(--text3);font-style:italic;line-height:1.5;padding:.38rem .7rem;border-left:2px solid var(--border-h);background:var(--grad-soft);border-radius:0 var(--r-sm) var(--r-sm) 0}.song-review:before{content:'"';color:var(--accent);font-size:1em;margin-right:.08em}.song-review:after{content:'"';color:var(--accent);font-size:1em;margin-left:.08em}.guest-chip{display:inline-flex;align-items:center;gap:.32rem;padding:.22rem .7rem;border-radius:20px;font-size:.72rem;font-weight:700;background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.22);font-family:Nunito,sans-serif;cursor:pointer;transition:all var(--trans)}.guest-chip:hover{background:#22c55e2e}[data-theme=light] body{background-image:radial-gradient(ellipse at 20% 20%,rgba(45,179,106,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(26,138,78,.07) 0%,transparent 50%)}[data-theme=dark] body{background-image:radial-gradient(ellipse at 25% 25%,rgba(124,58,237,.12) 0%,transparent 50%),radial-gradient(ellipse at 75% 75%,rgba(168,85,247,.08) 0%,transparent 50%)}@media (max-width:768px){.section-pad{padding:3.5rem 1.25rem}.divider{margin:0 1.25rem}.cards-grid,.cards-grid-2,.honors-grid{grid-template-columns:1fr}.mobile-nav{display:flex}body{padding-bottom:68px}.player-bar{padding:.6rem 1.2rem}}