[data-theme=dark]{--bg:#0f1117;--bg2:#161820;--bg3:#1c1e26;--bg4:#23252f;--border:rgba(255,255,255,0.06);--border-h:rgba(255,255,255,0.12);--text:#e8e9ed;--text2:#9499a8;--text3:#757b90;--accent:#f0a500;--accent2:#2dd4b0;--accent3:#6c8fff;--accent-text:#f0a500;--danger:#f05252;--shadow:0 2px 20px rgba(0,0,0,0.5);--shadow-lg:0 8px 40px rgba(0,0,0,0.6);--tab-bg:#1c1e26;--tab-act:#0f1117;--card-bg:#161820;--sidebar-bg:#161820;--header-bg:rgba(22,24,32,0.92);--input-bg:#1c1e26;--scrollbar:#23252f}[data-theme=lightblue]{--bg:#f3f4f8;--bg2:#ffffff;--bg3:#e9ebf2;--bg4:#dfe2eb;--border:#e0e2ea;--border-h:#c9cdd9;--text:#1c1f2a;--text2:#545968;--text3:#8a8fa0;--accent:#4f5bd5;--accent-text:#3a45b8;--accent2:#2ba884;--accent3:#9b6dd6;--accent4:#e0922f;--success:#2ba884;--warning:#e0922f;--danger:#d64550;--info:#4f5bd5;--shadow:0 1px 2px rgba(28, 31, 42, 0.04),0 4px 12px rgba(28, 31, 42, 0.05);--shadow-lg:0 2px 4px rgba(28, 31, 42, 0.04),0 12px 32px rgba(28, 31, 42, 0.08);--tab-bg:#e9ebf2;--tab-act:#ffffff;--card-bg:#ffffff;--sidebar-bg:#f7f8fc;--header-bg:rgba(255, 255, 255, 0.85);--input-bg:#ffffff;--scrollbar:#c9cdd9}[data-theme=chicgray]{--bg:#f2f3f7;--bg2:#ffffff;--bg3:#eaecf2;--bg4:#e5e7ef;--border:rgba(26, 29, 38, 0.08);--border-h:rgba(26, 29, 38, 0.16);--text:#1a1d26;--text2:#5a6077;--text3:#7d8294;--accent:#d48c00;--accent-text:#8a5200;--accent2:#0fa880;--accent3:#4a6ef5;--success:#0fa880;--warning:#d48c00;--info:#4a6ef5;--danger:#e03a3a;--shadow:0 1px 3px rgba(26, 29, 38, 0.04),0 4px 12px rgba(26, 29, 38, 0.05);--shadow-lg:0 2px 6px rgba(26, 29, 38, 0.05),0 8px 24px rgba(26, 29, 38, 0.08);--tab-bg:var(--bg4);--tab-act:#ffffff;--card-bg:#ffffff;--sidebar-bg:#f7f8fb;--header-bg:rgba(255, 255, 255, 0.92);--input-bg:#ffffff;--scrollbar:#dde0ea}[data-theme=mint]{--bg:#e8f4f0;--bg2:#f5fbf8;--bg3:#ddf0ea;--bg4:#c8e8df;--border:rgba(0,100,70,0.1);--border-h:rgba(0,100,70,0.2);--text:#163028;--text2:#3d6b5e;--text3:#5d8a78;--accent:#0d9b6e;--accent2:#00c896;--accent3:#3d8ef5;--accent-text:#077553;--danger:#d44444;--shadow:0 2px 12px rgba(0,80,50,0.1);--shadow-lg:0 8px 32px rgba(0,80,50,0.14);--tab-bg:#c8e8df;--tab-act:#f5fbf8;--card-bg:#f5fbf8;--sidebar-bg:#f5fbf8;--header-bg:rgba(245,251,248,0.92);--input-bg:#f5fbf8;--scrollbar:#b8d8cf}[data-theme=soft]{--bg:#f0ece6;--bg2:#faf8f5;--bg3:#ede9e2;--bg4:#e0dbd2;--border:rgba(100,80,40,0.09);--border-h:rgba(100,80,40,0.17);--text:#2e2820;--text2:#6b5e4e;--text3:#8a7a62;--accent:#b07030;--accent2:#5a9e82;--accent3:#5878d4;--accent-text:#8c5418;--danger:#c44040;--shadow:0 2px 12px rgba(80,50,20,0.1);--shadow-lg:0 8px 32px rgba(80,50,20,0.14);--tab-bg:#e0dbd2;--tab-act:#faf8f5;--card-bg:#faf8f5;--sidebar-bg:#faf8f5;--header-bg:rgba(250,248,245,0.92);--input-bg:#faf8f5;--scrollbar:#ccc5ba}[data-theme=pink]{--bg:#faeef3;--bg2:#fff5f8;--bg3:#f5e4ec;--bg4:#ecd4e0;--border:rgba(160,60,100,0.1);--border-h:rgba(160,60,100,0.2);--text:#2e1520;--text2:#7a4060;--text3:#a06888;--accent:#c0507a;--accent2:#6abeaa;--accent3:#7070e0;--accent-text:#a8355f;--danger:#d04060;--shadow:0 2px 12px rgba(160,60,100,0.1);--shadow-lg:0 8px 32px rgba(160,60,100,0.14);--tab-bg:#ecd4e0;--tab-act:#fff5f8;--card-bg:#fff5f8;--sidebar-bg:#fff5f8;--header-bg:rgba(255,245,248,0.92);--input-bg:#fff5f8;--scrollbar:#ddb8cc}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;transition:background .25s,color .25s;box-sizing:border-box}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:0;background:0 0}img{max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.displaynone{display:none!important}.font-11px{font-size:11px!important}header{top:0;height:55px;width:100%;flex-shrink:0;background:rgb(var(--header-bg) / .65);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;position:sticky;transition:background .25s;box-shadow:var(--shadow);z-index:90}.top-brand{display:flex;top:0;height:100%;width:220px;gap:12px;flex-shrink:0;align-items:center;justify-content:center;transition:background .25s}.top-brand .brand-mark{display:flex;width:35px;height:35px;border:none;align-items:center;flex-shrink:0;transition:background .25s}.top-brand .brand-name{font-size:15px;font-weight:600}.top-brand .brand-sub{font-size:12px;font-weight:500;color:var(--text3)}.top-panel{display:flex;flex:1;flex-direction:row}.top-panel .right{margin-left:auto;display:flex;align-items:center;gap:6px;margin-right:25px}.hgreeting{font-family:'JetBrains Mono',monospace,BlinkMacSystemFont,sans-serif;font-size:13px;letter-spacing:1px;color:var(--text1);padding-right:8px}.hclock{font-family:'JetBrains Mono',monospace,BlinkMacSystemFont,sans-serif;font-size:13px;letter-spacing:1px;color:var(--text1)}.icon-btn{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--text3);cursor:pointer;transition:all .14s;position:relative}.icon-btn:hover{background:var(--bg3);color:var(--text)}.ndot{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--accent);border:1px solid var(--bg2)}.theme-picker{position:relative}.theme-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--header-bg);border:1px solid var(--border-h);border-radius:10px;padding:6px;width:148px;box-shadow:var(--shadow-lg);z-index:999;display:none;flex-direction:column;gap:2px;transition:background .25s}.theme-dropdown.open{display:flex;z-index:999}.theme-option{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:6px;cursor:pointer;transition:background .12s;font-size:12px;color:var(--text2)}.theme-option:hover{background:var(--bg3);color:var(--text)}.theme-option.active{background:var(--bg3);color:var(--text);font-weight:500}.theme-swatch{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--border-h);flex-shrink:0}.main{display:flex;overflow:hidden;height:calc(100vh - 60px)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px)}.modal{background:var(--card-bg);border:1px solid var(--border-h);border-radius:14px;padding:24px;width:90%;max-width:480px;box-shadow:var(--shadow-lg);animation:modalIn .18s ease}@keyframes modalIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.modal-title{font-size:15px;font-weight:500;margin-bottom:16px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.btn{padding:7px 16px;border-radius:7px;font-size:12.5px;cursor:pointer;transition:all .14s}.tb-btn[data-action=delete]{color:var(--text3)}.tb-btn[data-action=delete]:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:hover{opacity:.88}.btn-ghost{background:0 0;color:var(--text2);border:1px solid var(--border-h)}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{opacity:.88}.add-row{display:flex;align-items:center;justify-content:center;gap:5px;height:28px;border:1px dashed var(--border-h);border-radius:6px;font-size:11px;color:var(--text3);cursor:pointer;transition:all .14s}.form-input{width:100%;background:var(--input-bg);border:1px solid var(--border-h);border-radius:7px;padding:8px 12px;font-size:13px;font-family:inherit;color:var(--text);transition:border-color .14s,background .25s;outline:0}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text3)}.form-label{font-size:11.5px;color:var(--text2);margin-bottom:4px;display:block}.hamburger{display:none;position:absolute;top:10px;left:12px;color:var(--text2);font-size:23px;border:none;cursor:pointer;z-index:999}.sidebar{position:fixed;width:220px;height:100vh;transition:background-color .3s ease,border-color .3s ease;z-index:999}.nav-group{flex:1;height:100%;padding:12px 10px;overflow-y:auto;background:var(--sidebar-bg);border-right:1px solid var(--border);transition:background .25s,transform .2s}.nav-label{font-size:9px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;padding:0 8px;margin:10px 0 5px}.nav-label:first-child{margin-top:0}.nav-item{display:flex;align-items:center;gap:12px;padding:7px 5px 7px 16px;border-radius:8px;color:var(--text2);font-size:13px;cursor:pointer;transition:all .14s;white-space:nowrap}.nav-item svg{width:15px;height:15px;flex-shrink:0;opacity:.7}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item:hover svg{opacity:1}.nav-item.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-text);font-weight:500}.nav-item.active svg{opacity:1}.nav-badge{margin-left:auto;margin-right:5px;font-size:9px;background:var(--danger);color:#fff;padding:1px 10px;border-radius:10px;line-height:1.5}.mainbody{display:flex;flex:1;flex-direction:column;margin:0 0 0 220px;background:var(--bg);box-sizing:border-box}.tab-bar{position:sticky;top:10px;margin-top:10px;height:36px;padding:0 10px;background:var(--bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-item{background:var(--bg3);backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--bg2);padding:7px 15px;margin-right:5px;min-width:85px;height:100%;align-items:center;border-radius:8px 8px 0 0;cursor:pointer;font-size:13px;white-space:nowrap}.tab-item.active{background:var(--bg2);color:var(--accent-text);font-weight:500;height:100%;border-bottom:none;z-index:99}.tab-item .close{margin-left:8px;opacity:.5;cursor:pointer}.tab-item .close:hover{opacity:1;color:red}.tab-item.home-tab .close{display:none}.legal-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999}.legal-modal{background:var(--card-bg);border-radius:14px;width:680px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.legal-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);font-size:16px;font-weight:600}.legal-modal-close{background:0 0;border:none;font-size:26px;color:var(--text3);cursor:pointer;line-height:1}.legal-modal-close:hover{color:var(--text)}.legal-modal-body{padding:24px;overflow-y:auto;line-height:1.8}.legal-modal-body h1{font-size:22px;margin-bottom:6px}.legal-modal-body h2{font-size:16px;margin:22px 0 8px;color:var(--text)}.legal-modal-body li,.legal-modal-body p{font-size:14px;color:var(--text2);margin-bottom:10px}.legal-modal-body ul{padding-left:22px}.page-pane{height:100%}.tab-content{flex:1;position:relative;background:var(--bg)}.tab-pane{position:absolute;display:none;width:100%;height:100%;top:0;left:0}.tab-pane.active{display:block}.tab-pane iframe{width:100%;height:100%;overflow:scroll;border:none}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.page{padding:12px 12px 0 12px;max-height:100vh;overflow:hidden;box-sizing:border-box}.page.home{min-height:100vh;overflow:auto}.page-header{display:flex;flex-direction:column;background:var(--bg2);padding:15px;border-radius:12px;margin-bottom:15px}.page-title{display:flex;gap:15px;align-items:baseline}.page-title h1{font-size:1.85rem;font-weight:600;color:var(--text);padding-bottom:.2rem}.page-title .page-tag{font-size:.75rem;font-weight:500;color:var(--accent-text);background:var(--bg3);padding:.1rem .9rem;border-radius:30px;letter-spacing:.01em}.page-desc{font-size:.85rem;color:var(--text2);line-height:1.8}.page-trigger{position:absolute;top:35px;right:25px;display:inline-flex;align-items:center;gap:.35rem;padding:.6rem .9rem;border-radius:30px;border:1px solid var(--border);background:var(--bg2);font-family:inherit;font-size:.75rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .18s ease;white-space:nowrap}.page-trigger:hover{background:var(--bg);border-color:var(--border-h);color:var(--accent-text)}.page-trigger svg{width:13px;height:13px}.app{width:100%;height:calc(100vh - 10rem);display:grid;grid-template-columns:1fr 30%;gap:1.25rem;align-items:stretch}.app .header{display:flex;align-items:center;justify-content:space-between;height:30px;gap:.6rem;margin-bottom:.35rem;flex-wrap:wrap}.app .header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text2)}.app .header .header-brand{display:flex;align-items:baseline;gap:.5rem}.app .header .header-badge{font-size:.66rem;font-weight:600;color:var(--accent);background:var(--bg);padding:.2rem .55rem;border-radius:30px;letter-spacing:.02em;transform:translateY(-2px)}.app .header .header-switch{display:flex;gap:.2rem;background:var(--bg);padding:.25rem;border-radius:30px;border:1px solid var(--border);flex-shrink:0}.section-title{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#93a5b7;margin-bottom:.1rem;display:flex;align-items:center;gap:.4rem}.section-title::after{content:'';flex:1;height:1px;background:linear-gradient(to right,#e2eaf2,transparent)}.badge-green{color:var(--accent2);background:var(--bg2)}.view-btn{padding:.4rem .85rem;border-radius:20px;border:none;background:0 0;font-family:inherit;font-size:.73rem;font-weight:600;color:var(--text2);cursor:pointer;transition:all .18s ease;letter-spacing:-.005em;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.view-btn:hover{color:var(--ink);background:rgba(255,255,255,.65)}.view-btn.active{background:var(--bg2);color:var(--text);box-shadow:0 2px 8px rgba(20,60,100,.1)}.view-btn svg{width:12px;height:12px}.mode-tabs{display:flex;gap:.25rem;background:var(--bg);padding:.15rem;border-radius:30px;border:1px solid var(--border);margin-bottom:.1rem}.mode-tab{flex:1;padding:.5rem .3rem;border-radius:20px;border:none;background:0 0;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--accent);cursor:pointer;transition:all .18s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.3rem}.mode-tab:hover{color:var(--ink);background:var(--bg2)}.mode-tab.active{background:var(--bg2);color:var(--accent-text);box-shadow:0 2px 8px rgba(20,60,100,.1)}.subhead{font-size:.78rem;color:var(--accent3);margin-bottom:.1rem;padding-left:.7rem;border-left:3px solid var(--border);line-height:1.5}.content-area{flex:1;position:relative;min-height:180px;display:flex;flex-direction:column}.content-area.hidden{display:none}.content-area textarea{flex:1;width:100%;padding:1rem;font-family:'SF Mono','JetBrains Mono','Fira Code',ui-monospace,Menlo,Consolas,monospace;font-size:1rem;line-height:1.7;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:12px;resize:none;outline:0;transition:border-color .2s,box-shadow .2s;tab-size:2}.content-area textarea:focus{border-color:var(--accent-text)}.content-area textarea::placeholder{color:var(--text3);opacity:.75}.stats-panel{padding:1.5rem 1.4rem;overflow-y:auto}.stats-panel::-webkit-scrollbar{width:6px}.stats-panel::-webkit-scrollbar-track{background:0 0}.stats-panel::-webkit-scrollbar-thumb{background:#cfdae6;border-radius:10px}.stats-panel::-webkit-scrollbar-thumb:hover{background:#b0c2d4}.editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.1rem;font-size:.72rem;color:var(--ink-mute);flex-wrap:wrap;gap:.5rem}.chip-group{display:flex;gap:.4rem;flex-wrap:wrap}.chip{background:#eef3f8;padding:.25rem .7rem;border-radius:30px;font-weight:500;color:#5a6f85;font-variant-numeric:tabular-nums}.chip.md-active{background:#e6f2ea;color:#2f7a4a}.clear-btn{border:none;background:0 0;font-family:inherit;font-size:.72rem;color:#97a9ba;cursor:pointer;padding:.25rem .6rem;border-radius:20px;transition:all .15s;font-weight:500}.clear-btn:hover{background:#fdeeee;color:#c0503f}.footer{display:flex;padding:15px 15px 15px 15px;gap:12px;justify-content:center;align-items:center;font-size:12px;letter-spacing:.5px;background:var(--bg3);color:var(--text2)}.footer .footer-link a{cursor:pointer}.footer .footer-link a:hover{color:var(--accent)}.footer .footer-sep{font-size:7px;color:var(--text3)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px;transition:border-color .14s,background .25s}.preview{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem;font-size:.95rem;line-height:1.75;color:var(--text);display:none;position:relative}.preview.visible{display:block}.preview::-webkit-scrollbar{width:8px}.preview::-webkit-scrollbar-track{background:var(--bg);border-radius:10px}.preview::-webkit-scrollbar-thumb{background:var(--bg);border-radius:10px}.preview::-webkit-scrollbar-thumb:hover{background:var(--bg3)}.card-header{display:flex;align-items:center;justify-content:space-between}.card-title-wrap{display:flex;align-items:center;gap:8px}.card-icon{width:35px;height:35px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon svg{width:15px;height:15px}.ic-am{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.card-title{font-size:12.5px;font-weight:500}.card-meta{font-size:10px;color:var(--text3);margin-top:0}.card-more{display:flex;align-items:center;gap:10px}.card-link{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text3);cursor:pointer;transition:color .12s}.card-link:hover{color:var(--accent-text)}.main-split{display:flex;gap:15px}.main-split .main-bar{position:sticky;top:0;width:210px;height:100vh;overflow:auto;flex-shrink:0;background:var(--bg3)}.main-split .main-content{flex:1;height:100vh;overflow:auto}.legal-doc{max-width:820px;margin:0 auto;padding:48px 24px 80px;line-height:1.85;color:var(--text2)}.legal-head{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--border)}.card-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text3);text-align:center;padding:16px 0}.card-empty-icon{font-size:26px;opacity:.35}.card-empty-text{font-size:12px}@media (max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.top-brand{width:120px;gap:10px;margin-left:35px}.top-brand .brand-mark{width:25px;height:25px}.top-brand .brand-name{font-size:11px;font-weight:600}.top-brand .brand-sub{font-size:10px;font-weight:500;color:var(--text3)}.hclock,.hgreeting{display:none}.mainbody{margin:0}.grid-3{display:grid;grid-template-columns:repeat(1,1fr)}.grid-2{display:grid;grid-template-columns:repeat(1,1fr)}.hamburger{display:block}.top-panel .right{margin-right:15px}.main-split{gap:10px}.main-split .main-bar{width:150px}.main-split .main-content{flex:1}}