:root{--bg:#f2f2f7;--surface:#ffffff;--fill:#e9e9ee;--fill-strong:#dcdce1;--sep:rgba(60,60,67,0.16);--text:#1c1c1e;--text-2:#6c6c70;--text-3:#a1a1a6;--ink:#1c1c1e;--ink-text:#ffffff;--danger:#c4322b;--ink-hover:#3a3a3c;--bar:rgba(242,242,247,0.86);--row-hover:#fafafc;--scrim:rgba(28,28,30,0.32);--drop-bg:rgba(242,242,247,0.92);--seg-on:#ffffff;--radius:12px;--shadow:0 1px 2px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.05);--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121316;--surface:#1c1d21;--fill:#27282d;--fill-strong:#32333a;--sep:rgba(84,84,88,0.55);--text:#f5f5f7;--text-2:#98989f;--text-3:#636366;--ink:#f5f5f7;--ink-text:#000000;--ink-hover:#d1d1d6;--danger:#ff6961;--bar:rgba(18,19,22,0.82);--row-hover:#222328;--scrim:rgba(0,0,0,0.55);--drop-bg:rgba(28,29,33,0.94);--shadow:0 0 0 1px rgba(255,255,255,0.04);--seg-on:#4a4b52;color-scheme:dark}}:root[data-theme=dark]{--bg:#121316;--surface:#1c1d21;--fill:#27282d;--fill-strong:#32333a;--sep:rgba(84,84,88,0.55);--text:#f5f5f7;--text-2:#98989f;--text-3:#636366;--ink:#f5f5f7;--ink-text:#000000;--ink-hover:#d1d1d6;--danger:#ff6961;--bar:rgba(18,19,22,0.82);--row-hover:#222328;--scrim:rgba(0,0,0,0.55);--drop-bg:rgba(28,29,33,0.94);--shadow:0 0 0 1px rgba(255,255,255,0.04);--seg-on:#4a4b52;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img,video{display:block;max-width:100%}.shell{max-width:1240px;margin:0 auto;padding:0 24px 64px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--bar);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}.topbar-inner{max-width:1240px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px}.wordmark{font-weight:600;letter-spacing:-.01em;font-size:15px;margin-right:8px}.spacer{flex:1 1}.page-head{padding:28px 0 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page-title{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.page-sub{color:var(--text-2);font-size:14px;margin-top:6px}.title-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0 22px 0 0;margin:0;font-size:32px;font-weight:700;letter-spacing:-.02em;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%236c6c70' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 2px center}.section-title{font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin:28px 4px 8px}.seg{display:inline-flex;background:var(--fill);border-radius:9px;padding:2px;gap:2px}.seg a,.seg button{border:0;background:transparent;padding:5px 14px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap}.seg .on{background:var(--seg-on);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.04)}.btn{border:0;border-radius:9px;padding:8px 14px;font-size:14px;font-weight:500;background:var(--fill);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--fill-strong)}.btn-ink{background:var(--ink);color:var(--ink-text)}.btn-ink:hover{background:var(--ink-hover)}.btn-plain{background:transparent;padding:8px 10px;color:var(--text-2)}.btn-plain:hover{background:var(--fill)}.btn-danger{background:transparent;color:var(--danger)}.btn-danger:hover{background:rgba(196,50,43,.08)}.btn:disabled{opacity:.5;cursor:default}.field{border:0;background:var(--fill);border-radius:9px;padding:7px 11px;font-size:14px;outline:none;min-width:0}.field:focus{background:var(--surface);box-shadow:0 0 0 2px var(--text)}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%236c6c70' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.toolbar .search{flex:1 1 200px;max-width:300px}.toolbar select.field{max-width:210px;text-overflow:ellipsis}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:22px 18px;gap:22px 18px;align-items:start}.card{display:block;cursor:pointer;min-width:0}.card-media{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--fill);box-shadow:var(--shadow);transition:transform .18s ease}.card:hover .card-media{transform:translateY(-2px)}.card-media img,.card-media video{width:100%;height:100%;object-fit:cover}.card-media video{position:absolute;inset:0}.card-dur{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:600;color:#fff;background:rgba(0,0,0,.45);padding:2px 6px;border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-title{font-size:14px;font-weight:600;margin:9px 2px 1px;line-height:1.3}.card-meta{font-size:12.5px;color:var(--text-2);margin:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-wrap{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-weight:500;font-size:12.5px;color:var(--text-2);padding:10px 14px;white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--sep)}.tbl td{padding:8px 14px;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:var(--row-hover)}.tbl .thumb{width:30px;height:44px;border-radius:6px;object-fit:cover;background:var(--fill)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.group{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.row{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:44px;position:relative}.row+.row:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--sep)}.row-label{width:108px;flex:none;color:var(--text-2);font-size:14px}.row-value{flex:1 1;min-width:0}.row-value input,.row-value select,.row-value textarea{width:100%;border:0;background:transparent;outline:none;padding:4px 0;font-size:15px}.row-value select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.row-value input::placeholder,.row-value textarea::placeholder{color:var(--text-3)}.why{padding:14px 16px}.why textarea{width:100%;border:0;outline:none;resize:vertical;min-height:96px;background:transparent;font-size:15px;line-height:1.5}.item{display:grid;grid-template-columns:auto 1fr;grid-gap:36px;gap:36px;padding-top:24px;align-items:start}.item-title{font-size:30px;font-weight:700;letter-spacing:-.02em;border:0;background:transparent;outline:none;width:100%;padding:0;line-height:1.15}.crumbs{font-size:13px;color:var(--text-2);margin-bottom:10px;display:flex;gap:6px;align-items:center}.crumbs a:hover{color:var(--text)}.saved{font-size:12.5px;color:var(--text-3);min-height:18px;margin-top:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stat{padding:14px 16px;position:relative}.stat:nth-child(n+4):before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--sep)}.stat-v{font-size:22px;font-weight:600;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-l{font-size:12.5px;color:var(--text-2)}.timeline{padding:14px 16px 16px}.track{position:relative;height:44px;border-radius:8px;background:var(--fill);overflow:hidden}.track .beat{position:absolute;bottom:0;width:1px;height:12px;background:var(--text-3)}.track .cut{position:absolute;top:0;width:2px;height:100%;background:var(--ink);border-radius:1px}.track-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);margin-top:6px}.note-row{padding:12px 16px;position:relative}.note-row+.note-row:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--sep)}.note-k{font-size:12.5px;color:var(--text-2);margin-bottom:2px}.empty-note{padding:16px;color:var(--text-2);font-size:14px}.blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.block{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.block-name{font-weight:600;font-size:15px}.block-desc{color:var(--text-2);font-size:14px;margin-top:4px}.block-recipe{margin-top:10px;font-size:13px;background:var(--bg);border-radius:8px;padding:8px 10px}.block-refs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.block-refs img{width:44px;height:66px;object-fit:cover;border-radius:6px;background:var(--fill)}.overlay{position:fixed;inset:0;z-index:50;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sheet{background:var(--surface);border-radius:18px;width:min(520px,100%);box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.sheet-head{padding:16px 18px 6px;display:flex;align-items:center}.sheet-title{font-size:17px;font-weight:600}.links{margin:10px 18px 0;display:flex;flex-direction:column;gap:8px}.links textarea{width:100%;resize:vertical;min-height:76px;line-height:1.45}.links .btn{align-self:flex-end}.drop{margin:10px 18px 18px;border-radius:14px;background:var(--bg);padding:34px 20px;text-align:center;cursor:pointer;transition:background .15s ease}.drop.hot{background:var(--fill-strong)}.drop-big{font-size:15px;font-weight:500}.drop-small{font-size:13px;color:var(--text-2);margin-top:4px}.queue{max-height:260px;overflow:auto;margin:0 18px 18px}.qrow{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13.5px}.qrow+.qrow{border-top:1px solid var(--sep)}.qname{flex:1 1;min-width:0;text-overflow:ellipsis;white-space:nowrap}.qbar,.qname{overflow:hidden}.qbar{width:90px;height:4px;border-radius:2px;background:var(--fill)}.qbar span{display:block;height:100%;background:var(--ink);transition:width .2s ease}.qstate{width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--text-2);font-size:12.5px}.page-drop{position:fixed;inset:12px;z-index:60;border-radius:22px;background:var(--drop-bg);font-size:20px;font-weight:600;pointer-events:none;box-shadow:inset 0 0 0 2px var(--text)}.center,.page-drop{display:flex;align-items:center;justify-content:center}.center{min-height:100vh;padding:24px}.login{width:min(340px,100%);text-align:center}.login h1{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.login p{color:var(--text-2);margin:0 0 22px;font-size:14px}.login .field{width:100%;padding:12px 14px;font-size:16px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.login .btn{width:100%;justify-content:center;padding:12px;margin-top:10px;font-size:15px}.login .err{color:var(--danger);font-size:13.5px;min-height:20px;margin-top:10px}.empty{text-align:center;padding:90px 20px;color:var(--text-2)}.empty-title{font-size:17px;font-weight:600;color:var(--text);margin-bottom:4px}@media (max-width:760px){.shell,.topbar-inner{padding-left:16px;padding-right:16px}.item{grid-template-columns:1fr;gap:20px}.page-title,.title-select{font-size:26px}.tbl .hide-sm{display:none}.toolbar>*{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);max-width:none!important}}@media (max-width:480px){.gallery{grid-template-columns:1fr}}.theme-btn{width:34px;height:34px;padding:0;justify-content:center}.theme-btn svg{width:17px;height:17px}.tag-again{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tag-err{color:var(--text-2);font-size:13px}.stage{position:-webkit-sticky;position:sticky;top:72px;display:flex;gap:14px;align-items:stretch}.side{justify-content:center;gap:12px;padding-bottom:40px}.side,.vol{display:flex;flex-direction:column;align-items:center}.vol{gap:10px;margin-top:20px}.vol-range{writing-mode:vertical-lr;direction:rtl;width:6px;height:96px;accent-color:var(--text);cursor:pointer}.step-btn{width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);background:var(--fill)}.step-btn:hover{background:var(--fill-strong)}.step-btn:disabled{opacity:.35;cursor:default}.step-btn svg{width:20px;height:20px}.phone{display:flex;flex-direction:column;align-items:center;gap:10px}.phone-screen{position:relative;height:min(calc(100vh - 140px),720px);aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000;box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-screen img,.phone-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.phone-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);pointer-events:none}.phone-play svg{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.phone-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2)}.phone-bar span{display:block;height:100%;background:rgba(255,255,255,.85)}.tt-nav{width:100%;justify-content:space-around;background:#000;color:rgba(255,255,255,.65);border-radius:0 0 16px 16px;margin-top:-10px;padding:8px 6px;font-size:10px}.tt-nav,.tt-nav-item{display:flex;align-items:center}.tt-nav-item{flex-direction:column;gap:2px}.tt-nav-item svg{width:22px;height:22px}.tt-nav-item.on{color:#fff}.tt-plus{width:40px;height:26px;border-radius:8px;background:#fff;color:#000;font-weight:700;font-size:18px;line-height:26px;text-align:center}.phone.with-nav .phone-screen{border-radius:16px 16px 0 0}.phone-toggle{border:0;background:transparent;color:var(--text-2);font-size:12.5px;cursor:pointer;padding:2px 6px}.phone-toggle:hover{color:var(--text)}.tt{position:absolute;inset:0;pointer-events:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.tt-rail{position:absolute;right:6px;bottom:74px;gap:12px}.tt-rail,.tt-stat{display:flex;flex-direction:column;align-items:center}.tt-stat{gap:2px;font-size:11.5px;font-weight:600;min-width:44px}.tt-stat span:empty{display:none}.tt-follow{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#fe2c55;color:#fff;font-size:14px;line-height:18px;text-align:center;font-weight:700}.tt-when{font-weight:400;opacity:.75;font-size:13px}.tt-avatar,.tt-caption b{font-weight:600}.tt-avatar{width:40px;height:40px;border-radius:50%;background:#3a3a3c;border:1.5px solid #fff;display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:12px;position:relative}.tt-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.tt-disc,.tt-icon{width:32px;height:32px}.tt-disc{border-radius:50%;background:radial-gradient(circle,#555 0 22%,#1c1c1e 23% 100%);border:6px solid #2c2c2e}.tt-meta{position:absolute;left:12px;right:64px;bottom:16px;font-size:13.5px;line-height:1.35}.tt-handle{font-weight:600;font-size:14.5px;margin-bottom:4px}.tt-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.tt-song{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:760px){.stage{position:relative;top:0;justify-content:center}.phone-screen{height:auto;width:min(100%,360px)}.phone{flex:1 1}}