.app{position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:1020px;margin:0 auto;overflow:hidden}.wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg)}.wallpaper-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:wallpaper-in 1.1s ease-out}@keyframes wallpaper-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.wallpaper-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3a28224d,#fffbf614 26%,#fffbf614 72%,#3a282252)}.topbar{position:relative;z-index:10;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px;background:var(--surface);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border-bottom:1px solid var(--line)}.topbar.hidden{display:none}.brand{display:flex;align-items:center;gap:10px}.brand-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 10px 3px #ff9bb859}.brand-name{font-size:22px;font-weight:800;letter-spacing:.08em;color:var(--sakura-deep);text-shadow:0 1px 12px var(--accent-glow)}.brand-tag{font-size:12px;color:var(--ink-soft);letter-spacing:.04em;padding-left:10px;border-left:1px solid var(--line);white-space:nowrap}.nav{display:flex;gap:4px}.nav button{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;color:var(--ink-soft);font-size:13.5px;transition:background .18s,color .18s}.nav button:hover{background:var(--accent-soft)}.nav button.on{background:var(--sakura);color:#fff;font-weight:600;box-shadow:0 4px 14px var(--accent-glow)}.search{display:flex;flex:1;min-width:180px;gap:8px}.search input{flex:1;padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:#ffffffd9;color:var(--ink);outline:none;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.search input::placeholder{color:var(--ink-soft)}.search input:focus{border-color:var(--sakura);box-shadow:0 0 0 3px var(--accent-soft)}.search button{padding:8px 16px;border-radius:999px;background:var(--sky);color:#fff;font-weight:600;font-size:13.5px;white-space:nowrap}.search button:disabled{opacity:.6}.header-actions{display:flex;gap:8px}.header-actions button{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap}.random-btn{background:linear-gradient(120deg,var(--sakura),var(--gold));color:#fff;box-shadow:0 4px 16px var(--accent-glow);transition:transform .15s,box-shadow .15s}.random-btn:hover{transform:translateY(-1px);box-shadow:0 7px 20px var(--accent-glow)}.wallpaper-btn{background:#fff9;color:var(--ink-soft);border:1px solid var(--line)}.theme-switch{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#ffffff8c;border:1px solid var(--line)}.theme-dot{width:17px;height:17px;border-radius:50%;padding:0;transition:transform .15s,box-shadow .15s}.theme-dot.pink{background:linear-gradient(135deg,#ff9db8,#ef7f9f)}.theme-dot.blue{background:linear-gradient(135deg,#7fb8f0,#4d8fd0)}.theme-dot.purple{background:linear-gradient(135deg,#c3a6f2,#9a7bd8)}.theme-dot:hover{transform:scale(1.18)}.theme-dot.on{box-shadow:0 0 0 2px var(--surface-strong),0 0 0 4px var(--sakura);transform:scale(1.08)}.topbar-toggle{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);background:#fff9;border:1px solid var(--line);font-size:15px;transition:background .15s,transform .15s}.topbar-toggle:hover{background:var(--accent-soft);transform:translateY(-1px)}.topbar-reveal{position:fixed;top:12px;right:14px;z-index:40;display:inline-flex;align-items:center;gap:5px;padding:8px 15px;border-radius:999px;background:var(--surface-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--ink);font-size:13px;font-weight:600;animation:fade-in .2s ease-out}.topbar-reveal:hover{background:var(--accent-soft)}.main-collapse{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:40;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--ink-soft);font-size:15px;animation:fade-in .2s ease-out}.main-collapse:hover{background:var(--accent-soft);color:var(--ink)}.main-reveal,.player-reveal{position:fixed;right:14px;z-index:40;display:inline-flex;align-items:center;gap:4px;padding:8px 13px;border-radius:999px;background:var(--surface-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-soft);color:var(--ink);font-size:12.5px;font-weight:600;animation:fade-in .2s ease-out}.main-reveal{top:50%;transform:translateY(-50%)}.player-reveal{bottom:14px}.main-reveal:hover,.player-reveal:hover{background:var(--accent-soft)}.error{position:relative;z-index:10;margin:10px 18px 0;padding:10px 14px;border-radius:var(--radius-sm);background:#ffece9e6;color:#b03a48;font-size:13px}.main{position:relative;z-index:5;flex:1;overflow-y:auto;padding:20px 18px 24px;scroll-behavior:smooth;transition:opacity .25s}.main.hidden{flex:0 0 0;opacity:0;pointer-events:none;overflow:hidden}.content{max-width:760px;margin:0 auto}.hero{margin-bottom:18px}.hero-card{padding:26px 26px 22px;border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.hero-head{display:flex;gap:18px;align-items:center}.hero-logo{width:78px;height:78px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;background:#ffffffb3;box-shadow:var(--shadow-soft)}.hero-titles{min-width:0}.hero-song{font-size:22px;font-weight:700;line-height:1.3;text-wrap:balance;letter-spacing:-.01em}.hero-author{font-size:14px;color:var(--ink-soft);margin-top:4px}.hero-anime{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 11px;border-radius:999px;background:var(--chip-bg);color:var(--chip-ink);font-size:12.5px;font-weight:600}.hero-desc{margin-top:14px;font-size:13px;line-height:1.7;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}.hero-actions{display:flex;gap:10px;margin-top:18px}.hero-actions button{padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600}.hero-play{background:var(--sakura);color:#fff;box-shadow:0 5px 16px var(--accent-glow);transition:transform .14s,box-shadow .14s}.hero-play:hover{transform:translateY(-2px);box-shadow:0 8px 22px var(--accent-glow)}.hero-next{background:#ffffffb3;color:var(--ink);border:1px solid var(--line);transition:transform .14s}.hero-next:hover{transform:translateY(-2px)}.hero-empty{text-align:center;padding:40px 26px}.hero-dango{font-size:44px;margin-bottom:12px}.hero-dango,.empty-emoji{display:inline-block;animation:bob 2.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.hero-empty .hero-song{font-size:20px}.hero-empty .hero-author{margin-top:6px}.hero-empty .hero-play{margin-top:20px}.section-title{font-size:15px;font-weight:600;color:var(--ink);margin:4px 0 12px;display:flex;align-items:center;gap:8px}.section-title .count{font-size:12px;font-weight:400;color:var(--ink-soft)}.list-card{border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid var(--line);box-shadow:var(--shadow-soft);overflow:hidden}.song-row{display:flex;align-items:center;gap:13px;padding:11px 14px;transition:background .16s}.drag-grip{flex-shrink:0;width:28px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);opacity:.55;font-size:16px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.drag-grip:active{cursor:grabbing}.song-row.dragging{opacity:.85;transform:scale(1.02);box-shadow:var(--shadow-soft);background:var(--accent-soft);z-index:2}.song-row.drag-over{box-shadow:inset 0 2px 0 var(--sakura);background:var(--accent-soft)}.song-row+.song-row{border-top:1px solid rgba(127,96,84,.08)}.song-row:hover{background:var(--accent-tint)}.song-row.playing{background:var(--accent-soft)}.song-row img{width:46px;height:46px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:#ffffffb3}.song-meta{flex:1;cursor:pointer;min-width:0}.song-name{font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row.playing .song-name{color:var(--sakura-deep);font-weight:600}.song-sub{font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.song-actions{display:flex;gap:2px;flex-shrink:0}.fav,.mini-btn{font-size:18px;color:var(--ink-soft);padding:6px 8px;border-radius:999px;transition:color .15s,background .15s,transform .1s}.fav:hover,.mini-btn:hover{background:#ffffffb3}.fav:active,.mini-btn:active{transform:scale(1.22)}.fav.active{color:var(--sakura-deep)}.empty{text-align:center;color:var(--ink-soft);padding:56px 0;font-size:14px}.empty .empty-emoji{font-size:34px;display:block;margin-bottom:10px}.import-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.import-row input{flex:1;min-width:180px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#ffffffd9;color:var(--ink);outline:none;font-size:13.5px}.import-row input:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--accent-soft)}.import-row button{padding:9px 16px;border-radius:999px;background:var(--sky);color:#fff;font-weight:600;font-size:13.5px;white-space:nowrap}.import-row button.ghost{background:#ffffffb3;color:var(--ink);border:1px solid var(--line)}.playlist{margin-bottom:12px}.playlist>summary{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-soft);cursor:pointer;font-weight:600;list-style:none}.playlist>summary::-webkit-details-marker{display:none}.playlist>summary .chev{transition:transform .2s;color:var(--ink-soft)}.playlist[open]>summary .chev{transform:rotate(90deg)}.pl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-play{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;background:var(--sakura);color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 3px 10px var(--accent-glow);transition:transform .12s}.pl-play:hover{transform:translateY(-1px)}.pl-count{color:var(--ink-soft);font-size:12.5px;font-weight:400}.playlist .mini-btn{font-size:14px}.pl-songs{padding:8px 0 0 12px}.player{position:relative;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;padding:12px 18px;background:var(--surface-strong);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border-top:1px solid var(--line)}.disc{position:relative;width:52px;height:52px;border-radius:50%;flex-shrink:0;background:conic-gradient(from 0deg,#3a2f2b,#1c1715,#3a2f2b,#1c1715);box-shadow:var(--shadow-soft)}.disc.spinning{animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.disc img{position:absolute;top:14px;right:14px;bottom:14px;left:14px;width:24px;height:24px;border-radius:50%;object-fit:cover}.disc-hole{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:var(--surface-strong)}.player-info{min-width:0;width:170px;flex-shrink:0}.player-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.player-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ctrl{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink-soft);transition:background .15s,color .15s}.ctrl:hover{background:var(--accent-soft);color:var(--ink)}.ctrl.mode{font-size:15px}.play-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:17px;background:linear-gradient(135deg,var(--sakura),var(--gold));color:#fff;box-shadow:0 5px 16px var(--accent-glow);transition:transform .12s}.play-btn:hover{transform:translateY(-2px) scale(1.04)}.play-btn:active{transform:scale(.94)}.player-progress-wrap{flex:1;min-width:160px;display:flex;flex-direction:column;gap:4px}.player-time-row{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.player-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--sakura) var(--p, 0%),rgba(127,96,84,.18) var(--p, 0%));outline:none;cursor:pointer}.player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7de,#f2b56b);box-shadow:0 0 9px 3px #f2b56ba6;cursor:pointer;border:none}.player-progress::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7de,#f2b56b);box-shadow:0 0 9px 3px #f2b56ba6;cursor:pointer;border:none}.player-extra{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-collapse{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:16px;flex-shrink:0;transition:background .15s}.player-collapse:hover{background:var(--accent-soft)}.volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:4px;border-radius:4px;background:#7f60542e;outline:none}.volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--sakura);cursor:pointer;border:none}.credit{position:relative;z-index:20;text-align:center;padding:6px 0 8px;font-size:12px;letter-spacing:.04em;color:var(--ink-soft);background:var(--surface-strong)}.credit .heart{color:var(--sakura-deep)}.player.hidden,.credit.hidden{display:none}.immersive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#2018168c;backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.immersive-inner{width:min(720px,92vw);height:78vh;position:relative}.immersive-close{position:absolute;top:-46px;right:0;width:36px;height:36px;border-radius:50%;background:#fff3;color:#fff;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.lyric-scroll{height:100%;overflow-y:auto;padding:42vh 12px;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}.lyric-line{padding:9px 16px;border-radius:10px;text-align:center;color:#ffffff80;font-size:17px;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);line-height:1.5;text-wrap:balance}.lyric-line:hover{color:#fffc}.lyric-line.active{color:#fff;font-size:24px;font-weight:700;text-shadow:0 0 22px rgba(242,181,107,.7)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;background:#3c283266;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .2s ease-out}.modal{position:relative;width:min(400px,100%);max-height:82vh;overflow-y:auto;padding:24px 22px 20px;border-radius:22px;background:var(--surface-strong);box-shadow:0 18px 50px #78465a47;animation:modal-pop .28s cubic-bezier(.22,1.2,.36,1)}@keyframes modal-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--ink-soft);font-size:13px}.modal-close:hover{background:var(--accent-soft)}.modal-title{font-size:17px;font-weight:700;margin-bottom:16px;letter-spacing:.02em}.modal-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.modal-empty{font-size:13px;color:var(--ink-soft);padding:6px 2px}.pl-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffffb3;border:1px solid var(--line);text-align:left;transition:background .15s,transform .12s,border-color .15s}.pl-item:hover{background:var(--accent-soft);border-color:var(--accent-glow);transform:translateY(-1px)}.pl-item-name{font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-item-count{font-size:12px;color:var(--ink-soft);flex-shrink:0}.modal-create{display:flex;gap:8px}.modal-create input,.modal-create-block input{flex:1;min-width:0;padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:#ffffffd9;color:var(--ink);outline:none;font-size:13.5px}.modal-create input:focus,.modal-create-block input:focus{border-color:var(--sakura);box-shadow:0 0 0 3px var(--accent-soft)}.modal-create button,.modal-create-block button{padding:11px 16px;border-radius:999px;background:var(--sakura);color:#fff;font-weight:600;font-size:13.5px;white-space:nowrap;box-shadow:0 4px 14px var(--accent-glow)}.modal-create button:hover,.modal-create-block button:hover{transform:translateY(-1px)}.modal-create-block{display:flex;gap:8px}.toast{position:fixed;bottom:104px;left:50%;transform:translate(-50%);z-index:80;padding:11px 20px;border-radius:999px;background:#4a3b3feb;color:#fff;font-size:13.5px;box-shadow:0 10px 30px #28191e4d;animation:toast-in .25s cubic-bezier(.22,1.2,.36,1);white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.backup-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.backup-row .ghost{padding:7px 13px;border-radius:999px;background:#ffffffa6;border:1px solid var(--line);color:var(--ink);font-size:12.5px;transition:transform .12s,background .15s}.backup-row .ghost:hover{background:var(--accent-soft);transform:translateY(-1px)}.backup-hint{font-size:11.5px;color:var(--ink-soft)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(circle at 50% 42%,rgba(255,200,138,.22),transparent 46%),var(--bg);transition:opacity .6s ease}.splash.hide{opacity:0;pointer-events:none}.splash-inner{text-align:center;animation:splash-rise .9s cubic-bezier(.22,1,.36,1)}@keyframes splash-rise{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-avatar{display:inline-block;width:84px;height:84px;margin-bottom:22px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 34px 8px #ff9bb873;animation:splash-pulse 2s ease-in-out infinite}@keyframes splash-pulse{0%,to{transform:scale(1);box-shadow:0 0 26px 6px #ffb56b73}50%{transform:scale(1.14);box-shadow:0 0 44px 12px #ffb56ba6}}.splash-greeting{font-size:30px;font-weight:800;color:var(--sakura-deep);letter-spacing:.02em;text-shadow:0 2px 18px var(--accent-glow)}.splash-kaomoji{font-size:22px;font-weight:600}.splash-brand{margin-top:18px;font-size:26px;font-weight:800;letter-spacing:.05em;color:var(--ink);text-shadow:0 1px 20px var(--accent-glow)}.splash-sub{margin-top:8px;font-size:14px;color:var(--ink-soft);letter-spacing:.12em}.splash-hint{margin-top:34px;font-size:12.5px;color:var(--ink-soft);opacity:.85;animation:hint-blink 1.6s ease-in-out infinite}@keyframes hint-blink{0%,to{opacity:.45}50%{opacity:1}}@media (max-width: 760px){.brand-tag{display:none}.topbar{gap:10px;padding:10px 12px}.search{order:10;flex-basis:100%;min-width:0}.player-info{width:110px}.player-progress-wrap{order:20;flex-basis:100%}.volume{display:none}.hero-head{gap:12px}.hero-logo{width:60px;height:60px}.hero-song{font-size:18px}}:root{--gold: #ffc88a;--ink: #4a3b3f;--ink-soft: #78656b;--radius: 20px;--radius-sm: 13px;--sakura: #ff9db8;--sakura-deep: #ef7f9f;--sky: #8fd0ea;--surface: rgba(255, 250, 251, .82);--surface-strong: rgba(255, 251, 252, .95);--line: rgba(150, 110, 120, .16);--shadow-soft: 0 8px 26px rgba(210, 120, 150, .16);--bg: linear-gradient(160deg, #ffeef5 0%, #fff6fb 42%, #eef3ff 100%);--chip-bg: rgba(255, 157, 184, .16);--chip-ink: #c75a7d;--accent-tint: rgba(242, 138, 168, .08);--accent-soft: rgba(242, 138, 168, .16);--accent-glow: rgba(255, 157, 184, .45)}[data-theme=blue]{--sakura: #7fb8f0;--sakura-deep: #4d8fd0;--sky: #7ec3de;--surface: rgba(248, 252, 255, .82);--surface-strong: rgba(250, 253, 255, .95);--line: rgba(100, 140, 180, .16);--shadow-soft: 0 8px 26px rgba(110, 150, 200, .18);--bg: linear-gradient(160deg, #e9f3ff 0%, #f3f9ff 42%, #eef2ff 100%);--chip-bg: rgba(120, 180, 230, .2);--chip-ink: #2f6ea8;--accent-tint: rgba(100, 150, 210, .08);--accent-soft: rgba(100, 150, 210, .16);--accent-glow: rgba(110, 160, 220, .45)}[data-theme=purple]{--sakura: #c3a6f2;--sakura-deep: #9a7bd8;--sky: #b8a9f0;--surface: rgba(252, 250, 255, .82);--surface-strong: rgba(253, 251, 255, .95);--line: rgba(150, 120, 200, .16);--shadow-soft: 0 8px 26px rgba(150, 120, 200, .18);--bg: linear-gradient(160deg, #f3ecff 0%, #faf6ff 42%, #eef0ff 100%);--chip-bg: rgba(170, 130, 230, .2);--chip-ink: #7a54b8;--accent-tint: rgba(160, 120, 220, .08);--accent-soft: rgba(160, 120, 220, .16);--accent-glow: rgba(165, 130, 225, .45)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Noto Sans SC,PingFang SC,"Baloo 2",-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#7f605438;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#7f605457}::-webkit-scrollbar-track{background:transparent}.petal{position:fixed;top:-8vh;z-index:2;pointer-events:none;border-radius:68% 2%;background:linear-gradient(150deg,#ffe6ef,#ffc4d8 55%,#ff9fbf);box-shadow:inset 0 0 0 1px #ffffff40;animation:petal-fall linear infinite;will-change:transform,opacity}@keyframes petal-fall{0%{transform:translateZ(0) rotate(0)}20%{transform:translate3d(22px,20vh,0) rotate(80deg)}40%{transform:translate3d(-16px,40vh,0) rotate(160deg)}60%{transform:translate3d(20px,60vh,0) rotate(240deg)}80%{transform:translate3d(-14px,80vh,0) rotate(320deg)}to{transform:translate3d(6px,110vh,0) rotate(400deg)}}.orb{position:fixed;z-index:2;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7de,#f9d9a0 45%,#f2b56b);box-shadow:0 0 14px 4px #f2b56b8c;animation:orb-float ease-in-out infinite;will-change:transform,opacity}@keyframes orb-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-34px) translate(14px)}}@media (prefers-reduced-motion: reduce){.petal,.orb{animation:none;display:none}*{scroll-behavior:auto!important}}