:root{color-scheme:dark;--bg:#10182a;--panel:#19243b;--muted:#a1adc4;--ink:#f6f1e8;--gold:#e9c68a;--line:#ffffff13;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:10px 16px;background:#ffffff08;color:var(--ink);transition:background .2s,transform .2s}button:hover{background:#ffffff12}button:active{transform:scale(.96)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input{width:100%;background:#0c1426;border:1px solid #ffffff22;color:var(--ink);padding:12px 14px;border-radius:10px}label{display:block;margin:17px 0 7px;font-size:13px;color:#c6cddd}label input{margin-top:7px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h3{font-size:17px}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.7px;color:var(--gold)}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 0%,#53426729,transparent 55%);z-index:-1}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:var(--serif);font-size:24px}.brand small{display:block;font:8px system-ui;letter-spacing:2.5px;color:var(--muted);margin-top:4px}.brand-mark{color:var(--gold);font-size:55px}.brand-mark.small{font-size:32px;background:#e9c68a0c;border:1px solid #e9c68a28;border-radius:13px;padding:0 10px}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px}.header-actions{display:flex;align-items:center;gap:12px}.account{display:flex;align-items:center;gap:9px;border:0;font-size:13px;background:none;padding:5px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#67576f;color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}main{max-width:1440px;margin:auto;padding:0 5%}.hero{display:flex;justify-content:space-between;align-items:center;padding:52px 0 42px;min-height:300px}.hero h1{font-size:clamp(38px,4.5vw,65px);line-height:1.12;margin:18px 0 20px}.hero em{font-weight:400;color:var(--gold)}.hero p{color:var(--muted);font-size:14px}.hero-art{position:relative;width:300px;height:230px;margin-right:5%}.story-book{position:absolute;left:60px;top:44px;width:144px;height:175px;border-radius:8px 19px 19px 8px;background:linear-gradient(140deg,#776288,#302944);border:1px solid #cbb2d46b;box-shadow:15px 20px 60px #0005,inset 9px 0 #241e3255;transform:rotate(-14deg);display:grid;place-items:center}.story-book:after{content:'';position:absolute;inset:14px 13px 14px 21px;border:1px solid #d6b7826b;border-radius:3px 9px 9px 3px}.story-book span{font-size:64px;color:var(--gold)}.star{position:absolute;color:var(--gold)}.s1{left:10px;top:22px;font-size:35px}.s2{right:10px;top:130px;font-size:22px}.s3{left:36px;bottom:0;font-size:24px}.hero-moon{position:absolute;right:24px;top:-20px;font-size:105px;color:#e4c88f}.library-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 28px}.tabs{display:flex;gap:8px}.tabs button{border:0;color:var(--muted);background:none;font-size:13px}.tabs button.active{background:#e9c68a15;color:var(--gold)}#count{display:inline-block;margin-left:6px;font-size:10px;opacity:.7}.search-wrap{width:275px;position:relative}.search-wrap span{position:absolute;left:13px;top:8px;font-size:23px;color:var(--muted)}.search-wrap input{padding-left:40px;background:#ffffff04;border-color:var(--line);font-size:13px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}.card{position:relative;min-width:0;animation:appear .4s both}.card-main{display:block;width:100%;background:none!important;border:0;padding:0;text-align:left;border-radius:15px}.art{aspect-ratio:1;border-radius:15px;overflow:hidden;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,hsl(var(--h) 35% 40%),transparent 65%),linear-gradient(145deg,hsl(var(--h) 28% 24%),hsl(var(--h) 30% 14%));border:1px solid #ffffff15;box-shadow:0 10px 24px #0002;transition:transform .35s,box-shadow .35s}.art:before{content:'';position:absolute;inset:12%;border:1px solid #edd5b72b;border-radius:50% 50% 8px 8px}.art:after{content:'✧';position:absolute;top:9%;right:13%;font-size:27px;color:#f5dfb283}.art .symbol{font-family:var(--serif);font-size:clamp(40px,5vw,70px);color:#f5dfb2d9;font-weight:400;z-index:1}.art .art-id{position:absolute;bottom:10%;font-size:10px;letter-spacing:4px;color:#f5dfb294}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.card-main:hover .art{transform:translateY(-5px);box-shadow:0 15px 32px #0004}.card h3{font-size:13px;font-weight:500;line-height:1.5;margin:12px 0 4px;padding-right:15px}.card .caption{font-size:10px;color:var(--muted);letter-spacing:.3px}.card .heart{position:absolute;top:9px;right:9px;z-index:3;padding:0;width:33px;height:33px;border-radius:50%;background:#11182780;backdrop-filter:blur(8px);font-size:21px}.heart.selected{color:#efba99}.card .progress-line{height:2px;background:#ffffff0a;margin-top:9px;border-radius:4px}.progress-line i{display:block;height:100%;background:var(--gold)}.continue{display:flex;align-items:center;gap:18px;background:#ffffff04;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin:0 0 28px}.continue .art{width:60px;flex-shrink:0;border-radius:8px}.continue .symbol{font-size:25px}.continue .art-id,.continue .art:after{display:none}.continue p{margin:2px 0;font-size:14px}.continue button{margin-left:auto;color:var(--gold)}footer{display:flex;justify-content:space-between;padding:40px 0 28px;color:#72809b;font-size:11px;margin-top:25px;border-top:1px solid var(--line)}.empty{text-align:center;color:var(--muted);padding:50px}.primary{background:var(--gold);color:#22283a;border:0;font-weight:650}.primary:hover{background:#f6d8a5}.primary span{float:right}.login{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;max-width:1200px;margin:auto;align-items:center;padding:60px;gap:100px}.login-art{position:relative}.login-art h1{font-size:88px;line-height:1.05;margin:25px 0}.login-art h1 span{color:var(--gold)}.login-art p{color:var(--muted)}.login-art .eyebrow{display:block}.login-art .moon{position:absolute;font-size:190px;right:0;top:-50px;opacity:.15;color:var(--gold);z-index:-1}.login-form{padding:36px;background:#192339a6;border:1px solid var(--line);border-radius:24px}.login-form h2{font-size:36px;margin:12px 0}.login-form .primary{width:100%;margin:15px 0}.check{display:flex;gap:10px;align-items:center;font-size:12px}.check input{margin:0}.error{color:#ffb4ad;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.login-form small{font-size:11px}.round{width:46px;height:46px;border-radius:50%;padding:0;display:inline-grid;place-items:center;font-size:23px}.player{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:30px 6%;color:var(--ink);background:radial-gradient(ellipse at 20% 50%,#67527333,transparent 65%),#10182af7;backdrop-filter:blur(20px)}dialog::backdrop{background:#040916bb;backdrop-filter:blur(8px)}dialog[open]{animation:appear .3s}.player-top{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto}.player-layout{min-height:calc(100dvh - 130px);display:flex;align-items:center;justify-content:center;gap:8%;max-width:1160px;margin:auto}.player-art{width:46%;max-width:510px;animation:artIn .55s cubic-bezier(.2,.8,.2,1)}.player-art .art{border-radius:26px;box-shadow:0 25px 90px #0006}.player-art .symbol{font-size:150px}.player-art .art-id{font-size:16px}.player-info{width:42%;text-align:center}.player-info h2{font-size:clamp(32px,4vw,58px);line-height:1.15;margin:18px 0}.player-info .muted{font-size:13px}.timeline{margin-top:30px}.timeline input{padding:0;accent-color:var(--gold);height:24px;border:0;cursor:pointer;background:transparent}.timeline>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.controls{display:flex;justify-content:center;align-items:center;gap:25px;margin:28px 0}.play-toggle{width:78px;height:78px;border-radius:50%;background:var(--gold);color:#22283a;font-size:31px;border:0;box-shadow:0 8px 30px #e9c68a22}.play-toggle:hover{background:#f1d5a2}.rewind{position:relative;font-size:34px;width:54px;height:54px}.rewind small{position:absolute;font-size:10px;top:22px}.stop{font-size:12px;color:var(--muted);border:0;background:none}.equalizer{height:30px;display:flex;gap:4px;align-items:center;justify-content:center;margin-top:24px}.equalizer i{width:3px;height:9px;background:var(--gold);border-radius:3px;opacity:.5}.playing .equalizer i{animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:.3s}.equalizer i:nth-child(3){animation-delay:.6s}.equalizer i:nth-child(4){animation-delay:.2s}.panel{background:var(--panel);color:var(--ink);border:1px solid #ffffff22;border-radius:24px;padding:28px;width:min(480px,92vw);max-height:90dvh;box-shadow:0 20px 80px #0008}.panel.wide{width:min(800px,94vw)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h2{font-size:30px;margin:0}.panel .primary{margin-top:20px;width:100%}.danger{color:#ffb4ad;margin-top:20px}.smallprint{font-size:11px;margin-top:25px;line-height:1.8}details{margin-top:20px}summary{cursor:pointer;color:var(--gold);font-size:13px}.admin-section{border-top:1px solid var(--line);padding:22px 0}.admin-section p{font-size:13px;overflow-wrap:anywhere}.user-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.user-row .user-label{flex:1}.user-row button{font-size:11px;padding:8px}.editor-row{display:grid;grid-template-columns:40px 1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.editor-row .file-label{grid-column:2/4;margin:0;font-size:11px}.editor-row input[type=file]{font-size:11px;padding:7px}.editor-row input{font-size:13px}.editor-row small{font-size:10px;color:var(--muted);grid-column:2/4}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#e9c68a;color:#172036;border-radius:12px;padding:12px 20px;max-width:90vw;font-size:13px;box-shadow:0 5px 25px #0005;display:none}#toast.visible{display:block}[hidden]{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes artIn{from{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:none}}@keyframes eq{to{height:25px;opacity:1}}@media(min-width:1600px){.grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:1100px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-art{margin-right:0}.login{gap:40px;padding:40px}.login-art h1{font-size:68px}}@media(max-width:850px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-art{width:230px}.header-actions{gap:5px}.header-actions>button{font-size:11px}.player-layout{gap:5%}.player-art{width:48%}.player-info{width:47%}}@media(max-width:600px){header{padding:17px 5%}.brand{font-size:18px;gap:8px}.brand small{font-size:6px;letter-spacing:1.8px}.brand-mark.small{font-size:25px;padding:0 7px}#user-name{display:none}.hero{padding:34px 0 24px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:39px}.hero-art{display:none}.library-tools{align-items:stretch;flex-direction:column;gap:16px}.search-wrap{width:100%}.tabs button{font-size:12px;padding:10px 12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.card h3{font-size:12px;padding-right:0}.card .caption{font-size:9px}.art{border-radius:12px}.art .symbol{font-size:38px}.art .art-id{font-size:8px;letter-spacing:2px}.card .heart{width:28px;height:28px;top:6px;right:6px;font-size:18px}.player{padding:15px 6% max(20px,env(safe-area-inset-bottom))}.player-layout{flex-direction:column;gap:0;min-height:0;padding-top:20px}.player-art{width:min(74vw,300px)}.player-art .symbol{font-size:95px}.player-info{width:100%;max-width:390px;padding-top:22px}.player-info h2{font-size:30px;margin:8px 0 10px}.player-info .eyebrow{font-size:9px}.timeline{margin-top:18px}.controls{margin:16px 0;gap:32px}.play-toggle{width:68px;height:68px}.equalizer{margin-top:10px;height:20px}.player-top .eyebrow{font-size:8px}.login{display:block;padding:25px;min-height:100dvh}.login-art{padding:8px 0 20px}.login-art h1{font-size:49px;margin:10px 0}.login-art .brand-mark{display:none}.login-art p{display:none}.login-form{padding:25px}.login-form h2{font-size:29px}.login-art .moon{font-size:120px;right:20px;top:0}.continue{padding:13px;gap:12px}.continue button{padding:8px;font-size:12px}.continue p{font-size:12px}footer{font-size:9px}.panel{padding:20px}.editor-row{grid-template-columns:30px 1fr auto}.user-row{flex-wrap:wrap}.header-actions #install{display:none!important}}@media(max-width:360px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}