:root{color:#22252b;background:#f1f3f6;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f1f3f6;--surface: #ffffff;--surface-soft: #f7f8fa;--surface-muted: #f0f2f5;--ink: #24272e;--ink-soft: #636975;--ink-faint: #9298a2;--line: #e4e7eb;--line-strong: #d7dbe1;--accent: #5258e8;--accent-soft: #eeefff;--accent-strong: #383fcb;--success: #338a65;--danger: #d14b57;--danger-soft: #fff0f1;--shadow-soft: 0 10px 30px rgba(31, 38, 50, .06);--shadow-drawer: 0 24px 70px rgba(25, 29, 39, .2)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(82,88,232,.22);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.topbar{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:196px minmax(280px,640px) minmax(250px,1fr);align-items:center;min-height:74px;padding:12px 22px;gap:20px;background:#f1f3f6eb;border-bottom:1px solid rgba(215,219,225,.85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;width:fit-content;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{display:inline-grid;flex:0 0 auto;width:38px;height:38px;place-items:center;color:#fff;background:#242833;border-radius:12px;box-shadow:0 5px 14px #2428332e}.brand>span:last-child{display:grid;gap:1px}.brand strong{font-size:14px;letter-spacing:.07em}.brand small{color:var(--ink-faint);font-size:11px}.search-box{display:flex;align-items:center;min-width:0;height:46px;padding:0 12px 0 15px;gap:10px;color:var(--ink-faint);background:#ffffffd1;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px #1f263209;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.search-box:focus-within{background:#fff;border-color:#5258e87a;box-shadow:0 0 0 4px #5258e814}.search-box input{min-width:0;flex:1;color:var(--ink);background:transparent;border:0;outline:0;font-size:14px}.search-box input::placeholder{color:#a0a5ae}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{display:grid;width:28px;height:28px;padding:0;place-items:center;color:var(--ink-soft);background:transparent;border:0;border-radius:8px;cursor:pointer}.search-box button:hover{background:var(--surface-muted)}.search-box kbd{min-width:24px;padding:3px 6px;color:var(--ink-faint);background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.sync-status{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-size:12px;font-weight:600;white-space:nowrap}.sync-status--saving{color:var(--ink-soft)}.sync-status--error{color:var(--danger)}.sync-dot{width:7px;height:7px;background:currentColor;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.settings-button{display:inline-flex;align-items:center;height:42px;padding:0 15px;gap:8px;color:#fff;background:#272b34;border:0;border-radius:12px;box-shadow:0 6px 16px #20242e24;cursor:pointer;font-size:13px;font-weight:650;transition:background .16s ease,transform .16s ease}.settings-button:hover{background:#16191f;transform:translateY(-1px)}.workspace{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{position:sticky;top:74px;align-self:start;height:calc(100vh - 74px);padding:24px 12px 30px 20px;border-right:1px solid var(--line);overflow-y:auto}.sidebar__title{display:flex;align-items:center;margin:0 8px 9px;gap:7px;color:var(--ink-faint);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.category-nav{display:grid;gap:5px}.category-button{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;width:100%;min-height:44px;padding:0 10px;gap:8px;color:#5b606b;background:transparent;border:0;border-radius:11px;cursor:pointer;text-align:left;transition:color .15s ease,background .15s ease}.category-button:hover{color:var(--ink);background:#fff9}.category-button.is-active{color:#3036b9;background:#fff;box-shadow:0 6px 18px #2328370f}.category-button.is-active:before{position:absolute;left:0;width:3px;height:20px;content:"";background:var(--accent);border-radius:0 4px 4px 0}.category-button span{min-width:0;overflow:hidden;font-size:14px;font-weight:570;text-overflow:ellipsis;white-space:nowrap}.category-button small{min-width:22px;padding:3px 5px;color:var(--ink-faint);background:#e1e4eaa6;border-radius:7px;font-size:10px;text-align:center}.category-button.is-active small{color:var(--accent-strong);background:var(--accent-soft)}.content{min-width:0;padding:22px 48px 56px}.content-section{width:100%}.category-sections{display:grid;gap:30px}.category-section{scroll-margin-top:90px}.content-heading{display:flex;align-items:center;justify-content:flex-start;min-height:42px;margin-bottom:13px}.content-heading__title{display:flex;align-items:center;min-width:0;gap:7px}.content-heading__copy{display:grid;min-width:0;gap:0}.section-icon{display:grid;flex:0 0 auto;width:27px;height:27px;place-items:center;color:var(--ink);background:transparent;border:0;border-radius:0;box-shadow:none}.content-heading h1{margin:0;color:#32363f;font-size:16px;line-height:1.2}.category-title-button{display:block;min-height:30px;padding:5px 7px;margin:-5px -7px;color:inherit;background:transparent;border:0;border-radius:8px;cursor:pointer;font:inherit;line-height:inherit;text-align:left;transition:color .14s ease,background .14s ease}.category-title-button:hover{color:var(--accent-strong);background:#5258e812}.content-heading p{margin:3px 0 0;color:var(--ink-faint);font-size:11px}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:13px}.link-card{position:relative;display:flex;align-items:center;min-width:0;height:64px;padding:9px 11px;gap:10px;color:var(--ink);background:#ffffffad;border:1px solid rgba(232,234,238,.76);border-radius:12px;box-shadow:none;text-decoration:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.link-card:hover{z-index:3;background:#fff;border-color:#d7dae2;box-shadow:0 9px 22px #1f263214;transform:translateY(-1px)}.link-card.is-pressing{z-index:3;background:#fff;border-color:#5258e87a;box-shadow:0 0 0 4px #5258e814,0 9px 22px #1f263214;transform:translateY(-1px) scale(.992)}.link-icon{display:grid;flex:0 0 auto;width:40px;height:40px;place-items:center;color:#565d68;background:#fff;border:1px solid #e8eaee;border-radius:12px;box-shadow:0 2px 7px #1f26320d;overflow:hidden}.link-icon img{display:block;width:26px;height:26px;object-fit:contain}.link-card__copy{display:grid;min-width:0;flex:1;gap:4px}.link-card__copy strong{overflow:hidden;color:#3c4049;font-size:14px;font-weight:690;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.link-card__copy small{overflow:hidden;color:#8a909a;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.link-card__arrow{position:absolute;top:11px;right:11px;color:#9ba0a9;opacity:0;transform:translate(-2px,2px);transition:opacity .15s ease,transform .15s ease}.link-card:hover .link-card__arrow{opacity:1;transform:translate(0)}.link-card__details{position:absolute;z-index:4;top:calc(100% + 8px);left:0;display:grid;width:100%;padding:13px 14px;gap:8px;color:#474c56;background:#fffffffa;border:1px solid #dfe2e8;border-radius:12px;box-shadow:0 14px 34px #1f263224;opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s}.link-card__details>strong{color:#353a43;font-size:13px;line-height:1.35}.link-card__detail-description{color:#777d87;font-size:11px;line-height:1.55}.link-card__detail-row{display:flex;align-items:flex-start;gap:7px;color:#686e78;font-size:11px;line-height:1.45}.link-card__detail-row svg{flex:0 0 auto;margin-top:1px;color:#7b80db}.link-card__detail-row span{min-width:0;overflow-wrap:anywhere}@media(hover:hover)and (pointer:fine){.link-card:hover .link-card__details{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.25s,.25s,.25s}}.link-card:focus-visible{z-index:3;outline:3px solid rgba(82,88,232,.22);outline-offset:2px}.link-card:focus-visible .link-card__details{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;gap:7px;border:0;border-radius:11px;cursor:pointer;font-size:13px;font-weight:650;transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:var(--accent);box-shadow:0 7px 16px #5258e830}.button--primary:hover{background:var(--accent-strong)}.button--ghost{color:#4b505a;background:#fff;border:1px solid var(--line)}.button--ghost:hover{background:var(--surface-soft);border-color:var(--line-strong)}.button--small{min-height:34px;padding:0 12px;border-radius:9px;font-size:12px}.empty-state{display:grid;min-height:330px;padding:54px 24px;place-items:center;align-content:center;background:#ffffff7a;border:1px dashed #d7dbe2;border-radius:18px;text-align:center}.empty-state__icon{display:grid;width:58px;height:58px;margin-bottom:15px;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:18px}.empty-state h2,.error-screen h1{margin:0;font-size:18px}.empty-state p,.error-screen p{max-width:420px;margin:8px 0 20px;color:var(--ink-soft);font-size:13px;line-height:1.7}.category-empty{display:flex;align-items:center;min-height:54px;padding:0 15px;gap:8px;color:var(--ink-faint);background:#fff6;border:1px dashed var(--line-strong);border-radius:12px;font-size:12px}.drawer-layer{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;padding:32px;place-items:center}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;background:#181c2447;border:0;cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s ease}.settings-drawer{position:relative;z-index:1;display:flex;flex-direction:column;width:min(860px,100%);height:min(760px,calc(100vh - 64px));background:#f8f9fb;border:1px solid rgba(255,255,255,.78);border-radius:18px;box-shadow:var(--shadow-drawer);overflow:hidden;animation:modal-in .2s ease}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{transform:translateY(12px) scale(.985);opacity:0}}.settings-header,.editor__header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 18px;background:#fff;border-bottom:1px solid var(--line)}.settings-header h2,.editor__header h2{margin:4px 0 0;font-size:21px;letter-spacing:-.02em}.eyebrow{color:var(--ink-faint);font-size:11px;font-weight:700;letter-spacing:.04em}.icon-button{display:inline-grid;flex:0 0 auto;width:34px;height:34px;padding:0;place-items:center;color:#646a75;background:#fff;border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease}.icon-button:hover:not(:disabled){color:var(--ink);background:var(--surface-muted);border-color:var(--line-strong)}.icon-button--danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:#f3cdd1}.icon-button:disabled{cursor:not-allowed;opacity:.32}.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 24px 0;background:#fff;border-bottom:1px solid var(--line)}.settings-tabs button{position:relative;height:42px;color:var(--ink-soft);background:transparent;border:0;cursor:pointer;font-size:13px;font-weight:650}.settings-tabs button:after{position:absolute;right:18px;bottom:-1px;left:18px;height:2px;content:"";background:transparent;border-radius:2px 2px 0 0}.settings-tabs button.is-active{color:var(--accent-strong)}.settings-tabs button.is-active:after{background:var(--accent)}.settings-content{min-height:0;flex:1;padding:24px;overflow-y:auto}.settings-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.settings-section-heading h3{margin:0;font-size:15px}.settings-section-heading p{margin:4px 0 0;color:var(--ink-faint);font-size:11px}.manage-list{display:grid;gap:8px}.manage-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;min-height:62px;padding:8px 9px;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px}.manage-row .link-icon{width:40px;height:40px;border-radius:11px;box-shadow:none}.manage-row .link-icon img{width:25px;height:25px}.category-icon{display:grid;width:40px;height:40px;place-items:center;color:#4d5360;background:var(--surface-muted);border-radius:11px}.manage-row__copy{display:grid;min-width:0;gap:4px}.manage-row__copy strong,.manage-row__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-row__copy strong{font-size:13px}.manage-row__copy span{color:var(--ink-faint);font-size:11px}.manage-row__actions{display:flex;gap:4px}.manage-row__actions .icon-button{width:30px;height:30px;border:0;border-radius:8px}.editor{display:flex;min-height:0;height:100%;flex-direction:column;background:#f8f9fb}.editor__header{flex:0 0 auto}.form-grid{display:grid;padding:24px 24px 0;gap:18px;overflow-y:auto}.editor>.field,.editor>.icon-picker{margin:24px 24px 0}.field{display:grid;gap:8px;color:#4f5560;font-size:12px;font-weight:650}.field input,.field select{width:100%;height:44px;padding:0 13px;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:10px;outline:none;font-size:14px;font-weight:450}.field input::placeholder{color:#a7abb3}.field input:focus,.field select:focus{border-color:#5258e88c;box-shadow:0 0 0 4px #5258e814}.icon-picker{padding:0;border:0}.icon-picker legend{margin-bottom:10px;color:#4f5560;font-size:12px;font-weight:650}.icon-picker__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.icon-choice{display:grid;height:48px;place-items:center;color:#6c727d;background:#fff;border:1px solid var(--line);border-radius:11px;cursor:pointer}.icon-choice:hover{color:var(--ink);border-color:var(--line-strong)}.icon-choice.is-selected{color:var(--accent);background:var(--accent-soft);border-color:#5258e859}.form-error{margin:14px 24px 0;color:var(--danger);font-size:12px}.editor__actions{display:flex;justify-content:flex-end;margin-top:auto;padding:18px 24px 24px;gap:9px}.data-panel{display:grid;gap:12px}.data-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;padding:16px;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px}.data-card__icon{display:grid;width:44px;height:44px;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:12px}.data-card h3{margin:0 0 5px;font-size:14px}.data-card p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.5}.data-note{display:flex;align-items:flex-start;margin-top:4px;padding:13px 14px;gap:9px;color:#786438;background:#fff9e9;border:1px solid #f0e1ad;border-radius:12px}.data-note svg{flex:0 0 auto;margin-top:1px}.data-note p{margin:0;font-size:11px;line-height:1.6}.data-note code{margin:0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.toast{position:fixed;z-index:120;right:28px;bottom:28px;display:flex;align-items:center;max-width:min(380px,calc(100vw - 32px));min-height:46px;padding:0 16px;gap:8px;color:#fff;background:#2f7860;border-radius:12px;box-shadow:0 12px 30px #19202833;font-size:13px;font-weight:620;animation:toast-in .22s ease}.toast--error{background:#b9404d}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.loading-screen,.error-screen{display:grid;min-height:100vh;padding:24px;place-items:center;align-content:center;text-align:center}.loading-screen .brand-mark{margin-bottom:20px}.loading-line{width:140px;height:3px;background:var(--line);border-radius:4px;overflow:hidden}.loading-line:after{display:block;width:48px;height:100%;content:"";background:var(--accent);border-radius:inherit;animation:loading 1s ease-in-out infinite alternate}@keyframes loading{to{transform:translate(92px)}}.loading-screen p{margin:12px 0 0;color:var(--ink-soft);font-size:12px}@media(max-width:1100px){.topbar{grid-template-columns:176px minmax(260px,1fr) auto}.workspace{grid-template-columns:176px minmax(0,1fr)}.link-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:760px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;padding:9px 14px;gap:10px}.brand>span:last-child,.sync-status,.search-box kbd,.settings-button span{display:none}.brand-mark{width:40px;height:40px}.search-box{height:42px}.settings-button{width:40px;height:40px;padding:0;justify-content:center}.workspace{display:block;min-height:calc(100vh - 64px)}.sidebar{top:64px;z-index:15;width:100%;height:auto;padding:10px 14px;background:#f1f3f6f5;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar__title{display:none}.category-nav{display:flex;width:max-content;gap:7px}.category-button{display:flex;width:auto;min-height:38px;padding:0 12px;white-space:nowrap;background:#ffffffa6;border:1px solid transparent;border-radius:11px}.category-button.is-active{border-color:#5258e82e}.category-button.is-active:before,.category-button small{display:none}.category-button span{overflow:visible}.content{padding:18px 10px 44px}.content-heading{margin-bottom:14px}.category-sections{gap:26px}.category-section{scroll-margin-top:126px}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.link-card{height:74px;padding:11px;gap:10px}.link-icon{width:42px;height:42px;border-radius:12px}.link-card__arrow,.link-card__details{display:none}.drawer-layer{padding:12px}.settings-drawer{width:100%;height:calc(100dvh - 24px);border-radius:16px}}@media(max-width:520px){.search-box{padding-left:12px}.search-box input{font-size:13px}.content-heading__title{gap:9px}.section-icon{width:33px;height:33px}.content-heading h1{font-size:16px}.category-title-button{min-height:36px;padding-top:8px;padding-bottom:8px;margin-top:-8px;margin-bottom:-8px}.link-grid{grid-template-columns:1fr}.link-card{height:76px}.settings-drawer{width:100%;height:calc(100dvh - 12px);border-radius:14px}.drawer-layer{padding:6px}.settings-header,.editor__header{padding:20px 18px 16px}.settings-tabs,.settings-content,.form-grid{padding-right:18px;padding-left:18px}.editor>.field,.editor>.icon-picker{margin-right:18px;margin-left:18px}.editor__actions{padding-right:18px;padding-left:18px}.manage-row{grid-template-columns:36px minmax(0,1fr)}.manage-row .link-icon,.category-icon{width:36px;height:36px}.manage-row__actions{grid-column:1 / -1;justify-content:flex-end;padding-top:6px;border-top:1px solid var(--line)}.data-card{grid-template-columns:40px minmax(0,1fr)}.data-card .button{grid-column:1 / -1}.toast{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}