:root{--bg:#f7f7f8;--card:#fff;--fg:#0f172a;--fg2:#1e293b;--muted:#5d6779;--faint:#64748b;--line:rgba(15,23,42,.13);--line2:#e3e7ef;--brand:#1d4ed8;--brand-post:#839eea;--cta:#1d4ed8;--cta-h:#1e40af;--indigo:#4338ca;--purple:#7c3aed;--err:#b42318;--ph:#a3a9b5;--star:#f5a000;--sel:rgba(15,23,42,.06);--fs:15px;--head-fs:20px;--head-fw:700;--nav-w:256px;--hdr-h:56px;--bar-h:62px;--safe-b:env(safe-area-inset-bottom,0px) }*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:var(--fs);line-height:1.45;min-height:100vh;width:100%;max-width:100vw;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:var(--brand)}input{font:inherit;color:var(--fg)}input::placeholder{color:var(--ph);font-weight:400;font-style:normal;opacity:1}svg.i{width:22px;height:22px;display:block;fill:currentColor;flex:none}.mark{display:block;width:30px;height:30px;color:var(--brand);flex:none}.mark .m-body{fill:currentColor}.mark .m-sh{fill:none;stroke:currentColor;stroke-width:7.5}.word{font-size:21px;font-weight:700;letter-spacing:.01em;line-height:1}.wp{color:var(--brand-post)}.wk{color:var(--brand);margin-left:.06em}.logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px}.logo .mark{width:38px;height:38px}.logo .word{font-size:26px}.boot{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:900}.spin{width:26px;height:26px;border:3px solid var(--line2);border-top-color:var(--brand);border-radius:50%;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 0}.auth-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 22px 20px;display:flex;flex-direction:column;gap:14px}.stack{display:flex;flex-direction:column;gap:12px}.auth h1{font-size:var(--head-fs);font-weight:var(--head-fw);text-align:left}.auth input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none}.auth input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1d4ed824}.pw{position:relative}.pw input{padding-right:50px}.eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;color:var(--muted);border-radius:50%}.eye:hover{background:var(--sel)}.btn{background:var(--cta);color:#fff;font-weight:600;border-radius:11px;padding:12px 16px;min-height:46px}.btn:hover{background:var(--cta-h)}.btn[disabled]{opacity:.55;cursor:default}.btn.ghost{background:#fff;color:var(--fg);border:1px solid var(--line);font-weight:600}.btn.ghost:hover{background:var(--sel)}.link{color:var(--brand);font-size:14px;align-self:flex-start;padding:2px 0}.muted{color:var(--muted);font-size:14px}.err{color:var(--err);font-size:14px}.note{color:var(--muted);font-size:12.5px;text-align:left;border-top:1px solid var(--line2);padding-top:12px}.foot{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:var(--muted);text-align:center;padding:22px 16px calc(18px + var(--safe-b))}.foot a{color:var(--muted)}.hdr{position:sticky;top:0;z-index:50;height:var(--hdr-h);display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;background:var(--bg);border-bottom:1px solid transparent}.brand{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:10px;flex:none}.brand .mark{width:28px;height:28px}.place-name{flex:1;min-width:0;font-size:var(--head-fs);font-weight:var(--head-fw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;visibility:hidden}.round{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--fg2)}.round:hover{background:var(--sel)}.round.dark{color:#fff;background:#00000061}.round.dark:hover{background:#0000008c}.menu{position:absolute;right:10px;top:calc(var(--hdr-h) - 4px);min-width:250px;max-width:calc(100vw - 20px);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #0f172a29;padding:6px;z-index:60}.menu-mail{font-size:13px;color:var(--muted);padding:9px 12px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--line2);margin-bottom:4px}.menu-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:10px;text-align:left;font-weight:500}.menu-row:hover{background:var(--sel)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:var(--safe-b);height:calc(var(--bar-h) + var(--safe-b))}.nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:500;color:var(--fg2)}.nav-item .lab{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item .ic{width:56px;height:30px;border-radius:15px;display:grid;place-items:center}.nav-item.on{font-weight:700}.nav-item.on .ic{background:var(--sel);box-shadow:inset 0 0 0 1.5px #0f172a8c}.lists{padding:0 10px calc(var(--bar-h) + var(--safe-b) + 8px);max-width:760px;margin:0 auto}.list-head{display:flex;align-items:center;min-height:40px;padding:2px 4px 6px}.list-head h2{font-size:var(--head-fs);font-weight:var(--head-fw)}.list{display:flex;flex-direction:column;gap:8px}.list-state{text-align:center;color:var(--muted);font-size:14px;padding:18px 10px}.empty{border:1px dashed rgba(15,23,42,.22);border-radius:14px;background:var(--card);padding:22px 16px;text-align:center;color:var(--muted);font-size:13.5px}.sentinel{height:1px}.item{position:relative;display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px 11px 17px;overflow:hidden;min-width:0}.item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stripe,transparent)}.item:hover{border-color:#0f172a3d}.it-top{display:flex;align-items:flex-start;gap:8px;min-width:0}.it-main{flex:1;min-width:0}.it-name{display:flex;align-items:center;gap:5px;height:22px;min-width:0}.it-name b{font-weight:700;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.it-name .what{color:var(--faint);font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it-name.broken b{color:var(--faint);font-weight:600}.it-under{font-size:13.5px;line-height:19.5px;color:#0f172ad9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.it-sub{font-size:13.5px;line-height:19.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.it-share{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:#be185d;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it-share svg{width:13px;height:13px;fill:currentColor;flex:none}.it-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end}.it-meta .row{display:flex;align-items:center;height:22px;gap:0;font-size:12.5px;font-weight:500;color:#0f172a8c;white-space:nowrap}.it-meta .sep{width:1px;height:12px;background:#0f172a2e;margin:0 7px}.cdn{display:inline-flex;align-items:center;gap:3px;color:var(--indigo)}.cdn.soon{color:#c2410c}.cdn.now{color:#b91c1c}.cdn svg{width:14px;height:14px;fill:currentColor}.star{color:var(--star)}.star svg{width:15px;height:15px;fill:currentColor}.hid svg{width:15px;height:15px;fill:var(--purple)}.wt-face{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex:none;margin-right:3px}.wt-face svg{width:22px;height:22px;fill:currentColor}.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:5px}.tile{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#eef1f6;display:grid;place-items:center;min-width:0}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile .ext{font-size:11px;font-weight:700;color:var(--fg2);text-transform:uppercase;letter-spacing:.02em;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.tile .play span{width:26px;height:26px;border-radius:50%;background:#00000073;display:grid;place-items:center}.tile .play svg{width:16px;height:16px;fill:#fff}.tile .n{position:absolute;right:2px;bottom:2px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#0f172a;color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--card)}.tile.more{background:#4338ca1a;box-shadow:inset 0 0 0 1px #4338ca59;color:var(--indigo);font-weight:700;font-size:14px}.layer{position:fixed;inset:0;z-index:200}.card-layer{background:var(--bg)}.card-win{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg)}.card-hdr{flex:none;height:56px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--line2);background:var(--bg)}.card-hdr h2{flex:1;min-width:0;font-size:var(--head-fs);font-weight:var(--head-fw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.cd{flex:none;font-size:13px;font-weight:600;color:var(--indigo);white-space:nowrap;padding-right:6px}.cd.soon{color:#c2410c}.cd.now{color:#b91c1c}.card-body{flex:1;overflow:auto;padding:14px 16px calc(28px + var(--safe-b));-webkit-overflow-scrolling:touch}.card-meta{font-size:13px;color:var(--muted);margin-bottom:10px}.text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15.5px;line-height:1.55;color:var(--fg)}.text.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13.5px}.ref{display:inline-block;padding:0 7px;border-radius:9px;background:#1d4ed81a;color:var(--brand);font-size:.9em;line-height:1.5;white-space:nowrap}.fields{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.field{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-top:1px solid var(--line2);min-width:0}.field:first-child{border-top:0}.field .k{font-size:12.5px;color:var(--muted)}.field .v{font-size:15px;overflow-wrap:anywhere;white-space:pre-wrap}.field .v.secret{letter-spacing:.12em;color:var(--fg2)}.ck{display:flex;flex-direction:column;gap:2px}.ck-row{display:flex;gap:10px;align-items:flex-start;padding:6px 2px;font-size:15.5px}.ck-row.sub{padding-left:28px}.ck-row .box{width:20px;height:20px;border-radius:5px;border:2px solid rgba(15,23,42,.45);flex:none;margin-top:2px;display:grid;place-items:center}.ck-row.done .box{background:var(--fg2);border-color:var(--fg2)}.ck-row.done .box svg{width:14px;height:14px;fill:#fff}.ck-row.done .t{color:var(--faint);text-decoration:line-through}.ck-h{font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 2px}.files-h{font-size:13px;font-weight:600;color:var(--muted);margin:18px 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.grid .tile{border-radius:10px;cursor:pointer}.rows{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-top:8px;overflow:hidden}.frow{display:flex;align-items:center;gap:12px;padding:9px 12px;border-top:1px solid var(--line2);min-width:0}.frow:first-child{border-top:0}.frow .fi{width:40px;height:40px;border-radius:9px;background:#eef1f6;display:grid;place-items:center;flex:none;font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--fg2);overflow:hidden}.frow .fn{flex:1;min-width:0}.frow .fn b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frow .fn span{font-size:12.5px;color:var(--muted)}.frow .act{flex:none;color:var(--brand);font-weight:600;font-size:14px;padding:8px 6px;border-radius:8px}.frow .act:hover{background:var(--sel)}.frow .act[disabled]{color:var(--muted);cursor:default}.player{padding:0 12px 10px;border-top:0}.player audio{width:100%}.more-btn{margin-top:10px;color:var(--brand);font-weight:600;font-size:14px;padding:8px 4px}.card-err{color:var(--err);font-size:14px;padding:10px 0}.viewer{background:#000;color:#fff;touch-action:none}.v-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.v-stage img,.v-stage video{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.v-stage video{width:100%;height:100%}.v-stage .spin{border-color:#ffffff40;border-top-color:#fff}.v-stage .v-msg{color:#cbd5e1;font-size:14px;padding:20px;text-align:center;max-width:420px}.v-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;padding:10px 10px 22px;background:linear-gradient(rgba(0,0,0,.55),transparent);z-index:2}.v-name{flex:1;min-width:0;font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-count{flex:none;font-size:13px;color:#cbd5e1}.v-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px}.v-nav.prev{left:10px}.v-nav.next{right:10px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--bar-h) + var(--safe-b) + 14px);z-index:400;background:#1e293b;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;max-width:calc(100vw - 32px);box-shadow:0 8px 24px #0003}@media(max-width:380px){.word{font-size:19px}.tiles{gap:4px}}@media(min-width:1024px){.hdr{padding:0 16px 0 18px;height:64px}:root{--hdr-h:64px}.place-name{visibility:hidden}.nav{position:fixed;inset:64px auto 0 0;width:var(--nav-w);height:auto;flex-direction:column;justify-content:flex-start;gap:2px;background:var(--bg);border-top:0;padding:8px 10px}.nav-item{flex:none;flex-direction:row;justify-content:flex-start;gap:14px;height:44px;padding:0 14px;border-radius:22px;font-size:14.5px}.nav-item .ic{width:auto;height:auto;background:none!important;box-shadow:none!important}.nav-item:hover{background:var(--sel)}.nav-item.on{background:var(--sel);box-shadow:inset 0 0 0 1.5px #0f172a8c}.lists{margin:0 0 0 calc(var(--nav-w) + 8px);max-width:700px;padding:0 16px 24px}.list{gap:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.list .empty{border:0;border-radius:0}.item{border:0;border-top:1px solid var(--line2);border-radius:0;padding:9px 16px 9px 18px}.item:first-child{border-top:0}.item:hover{background:#f8fafc;box-shadow:inset 0 0 0 1px #0f172a0f}.tiles{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;max-width:520px}.toast{bottom:24px}.card-layer{background:#0f172a61}.card-win{inset:4vh auto 4vh 50%;transform:translate(-50%);width:min(1320px,calc(100vw - 48px));border-radius:16px;box-shadow:0 24px 60px #0f172a4d;overflow:hidden}.card-body{padding:18px 24px 28px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}}