:root{color-scheme:light;--bg:#f6f5fb;--ink:#263044;--muted:#8890a3;--surface:#ffffffb8;--solid:#fff;--line:#ffffffd9;--accent:#6257cd;--soft:#eae6fb;--input:#f4f3f9}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 4% 5%,#e1d9f9aa,transparent 50%),radial-gradient(ellipse at 96% 21%,#dae9fbaa,transparent 55%),radial-gradient(ellipse at 50% 100%,#f9e6e477,transparent 60%);background-attachment:fixed}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8d82e9;outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.page{max-width:780px;margin:auto;padding:0 17px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:760;letter-spacing:1.7px}.brand-soft{font-weight:450;color:var(--muted);margin-left:4px}.brand-mark{width:30px;height:30px;background:var(--ink);color:var(--bg);border-radius:10px;display:grid;place-items:center;box-shadow:0 4px 10px #33405a16}.brand-mark svg{width:19px;height:19px}.icon-button{border-radius:50%;background:var(--surface);border:1px solid var(--line);width:36px;height:36px;display:grid;place-items:center;font-size:25px;color:var(--muted)}.icon-button svg{width:17px;height:17px}.intro{text-align:center;padding:6px 0 18px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;display:flex;gap:6px;align-items:center;justify-content:center}.tiny-dot{width:4px;height:4px;border-radius:50%;background:currentColor}h1{font-size:28px;font-weight:640;letter-spacing:-.7px;margin:13px 0 10px}.intro>p{display:none;letter-spacing:1px;color:var(--muted);margin:0}.intro-meta{font-size:10px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);margin-top:12px}.meta-line{background:#b9bfd16b;width:1px;height:8px}.home-art{display:none}.services{background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:19px 10px 14px;box-shadow:0 14px 50px #4b497808;backdrop-filter:blur(18px)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 6px 15px}h2{font-size:14px;margin:0;font-weight:650}.section-heading h2{display:flex;gap:7px;align-items:center}.section-heading h2 span{background:var(--soft);color:var(--accent);border-radius:6px;font-size:10px;padding:3px 6px;font-variant-numeric:tabular-nums}.text-button{background:transparent;color:var(--accent);font-size:11px;padding:8px}.search{height:43px;border-radius:13px;display:flex;gap:10px;align-items:center;margin:0 5px 14px;padding:0 12px;background:var(--solid);border:1px solid #b3adc31a}.search svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.search input{width:100%;min-width:0;background:none;border:0;color:var(--ink);height:100%;font-size:16px;outline:0;-webkit-appearance:none}.search input::placeholder{font-size:12px;color:var(--muted)}.search input::-webkit-search-decoration,.search input::-webkit-search-results-button{display:none}kbd{font-family:inherit;font-size:10px;color:var(--muted)}.bookmark-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 5px 14px}.small-button{padding:9px 11px;background:var(--solid);color:var(--muted);border:1px solid #8b83a21c;border-radius:10px;font-size:11px;line-height:1.2;min-height:33px}.primary,.small-button.primary{background:var(--accent);color:#fff;border:1px solid transparent}#storage-note{margin-left:auto;font-size:9px;color:var(--muted)}.category-picker{display:flex;align-items:center;gap:8px;padding:0 5px 17px;font-size:10px;color:var(--muted)}.category-picker select{background:transparent;color:var(--ink);border:0;padding:5px 18px 5px 3px;min-width:0;max-width:calc(100% - 112px);font-size:12px}.category-picker button{margin-left:auto;white-space:nowrap}[aria-pressed=true].small-button{background:var(--soft);color:var(--accent);border-color:#bfb4ef}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:4px;row-gap:11px;padding:5px 0 8px;align-items:start;position:relative}.bookmark-item{min-width:0;position:relative;border-radius:15px}.card{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;padding:3px 0 5px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card-icon{position:relative;display:grid;place-items:center;width:clamp(41px,12vw,51px);height:clamp(41px,12vw,51px);border-radius:16px;background:var(--tile-bg);color:var(--tile-ink);box-shadow:0 5px 14px #45507b0a,inset 0 0 0 1px #fff7;font-size:22px;font-weight:650;overflow:hidden;flex-shrink:0;transition:transform .16s}.card:hover .card-icon{transform:translateY(-2px)}.card-icon svg{width:25px;height:25px}.card-icon img{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);object-fit:contain;border-radius:5px;background:var(--tile-bg);pointer-events:none}.card-icon img.local-art{inset:0;width:100%;height:100%;border-radius:inherit}.card-copy{width:100%;min-width:0;text-align:center}.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;font-size:10px;line-height:1.45;min-height:29px;padding:0 2px}.card-desc,.card-domain,.card-star{display:none}.bookmark-actions{display:flex;justify-content:center;gap:2px;margin-top:1px}.bookmark-actions button{width:28px;height:31px;border-radius:6px;background:var(--soft);color:var(--accent);font-size:12px;padding:0}.bookmark-actions button[data-action=delete]{color:#b45b70}.bookmark-ghost{opacity:.2}.bookmark-chosen .card-icon{transform:scale(1.07);box-shadow:0 8px 25px #64578f33}.bookmark-drag{z-index:9999!important;opacity:.93!important;pointer-events:none}.bookmark-drag .card-icon{box-shadow:0 15px 25px #41347526}.empty{text-align:center;font-size:12px;color:var(--muted);padding:30px 8px}.more-button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:164px;min-height:38px;margin:15px auto 4px;border-radius:99px;color:var(--accent);background:var(--soft);border-color:transparent}.more-button::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}.more-button[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}.open-note{display:flex;gap:5px;align-items:center;justify-content:center;color:var(--muted);font-size:9px;margin:19px 0 25px}.open-note svg{width:12px;height:12px}.notice{font-size:11px;color:var(--accent);line-height:1.7;margin:14px 6px}.notice+.small-button{margin:0 6px}footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:0 4px calc(24px + env(safe-area-inset-bottom))}dialog{width:min(520px,calc(100% - 24px));max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--solid);color:var(--ink);border:1px solid var(--line);border-radius:23px;padding:22px;box-shadow:0 25px 100px #2320392b}dialog::backdrop{background:#25203555;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-heading h2{font-size:20px}.form-fields{display:grid;gap:13px}.form-fields label,.paste-label,.file-field{display:grid;gap:6px;font-size:11px;color:var(--muted)}.form-fields input,.paste-label textarea{font-size:16px;width:100%;min-width:0;border:1px solid #998fb929;background:var(--input);color:var(--ink);padding:11px;border-radius:11px}.form-fields input::placeholder,.paste-label textarea::placeholder{font-size:12px}.form-fields .checkbox-label{display:flex;align-items:center;gap:7px}.checkbox-label input{width:16px;height:16px;accent-color:var(--accent)}.editor-note{font-size:12px;color:var(--muted);line-height:1.8;margin:14px 0}.editor-actions{display:flex;justify-content:space-between;gap:10px;margin-top:21px}.editor-actions button{border-radius:11px;padding:11px 15px;font-size:12px;background:var(--input);color:var(--muted)}.editor-actions .primary{background:var(--accent);color:#fff}.file-field{padding:13px;background:var(--input);border-radius:12px;margin:15px 0}.file-field input{font-size:12px;max-width:100%}.paste-label textarea{resize:vertical;line-height:1.6}.error{font-size:12px;line-height:1.6;color:#be5266}.backup-options{display:grid;gap:10px}#import-preview{padding:10px;border:1px solid var(--soft);border-radius:12px;margin-top:16px;font-size:11px;line-height:1.8}#import-sample{padding-left:16px;word-break:break-word}.noscript{padding:20px;font-size:12px;line-height:2}:root[data-theme=dark]{color-scheme:dark;--bg:#1a1d2c;--ink:#e5e4f3;--muted:#9498b1;--surface:#25283ab8;--solid:#292c3f;--line:#a89ac922;--accent:#9a86e9;--soft:#39304e;--input:#222437}:root[data-theme=dark] body{background:radial-gradient(ellipse at 4% 5%,#3d315c66,transparent 50%),radial-gradient(ellipse at 96% 21%,#2c486366,transparent 55%)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:#1a1d2c;--ink:#e5e4f3;--muted:#9498b1;--surface:#25283ab8;--solid:#292c3f;--line:#a89ac922;--accent:#9a86e9;--soft:#39304e;--input:#222437}:root:not([data-theme]) body{background:radial-gradient(ellipse at 4% 5%,#3d315c66,transparent 50%),radial-gradient(ellipse at 96% 21%,#2c486366,transparent 55%)}}@media(min-width:600px){.page{padding:0 35px}.topbar{height:100px}.intro{padding:40px 0}h1{font-size:36px}.services{padding:25px 24px}.service-grid{column-gap:20px;row-gap:22px}.card-icon{width:60px;height:60px;border-radius:19px}.card-title{font-size:12px;min-height:35px}.card-icon svg{width:29px;height:29px}.open-note{font-size:11px}footer{font-size:10px}}@media(max-width:350px){.page{padding:0 11px}.services{padding-left:6px;padding-right:6px}.service-grid{column-gap:2px}.small-button{padding:8px}.card-title{font-size:9px}h1{font-size:25px}#storage-note{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}