*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}img{display:block}:root{--bg:#07070d;--surf:#ffffff0b;--surf-h:#ffffff13;--surf-a:#ffffff1c;--bdr:#ffffff12;--bdr-h:#ffffff24;--txt:#ffffff9e;--txt-s:#ffffffeb;--txt-m:#ffffff52;--accent:#818cf8;--accent-d:#6366f1;--danger:#f87171;--surf-pop:#111121;--surf-modal:#0e0e1c;--surf-panel:#0c0c1c;--surf-elevated:#1a1a2e;--surf-focus:#ffffff0f;--surf-inp:#ffffff0a;--swatch-sel-bdr:#fff;--swatch-sel-shadow:#ffffff40;--orb-opacity:.13;--r1:4px;--r2:8px;--r3:12px;--r4:16px;--r5:24px;--rF:9999px;color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,-apple-system,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#eeeef6;--surf:#0000000b;--surf-h:#00000013;--surf-a:#0000001c;--bdr:#00000014;--bdr-h:#00000029;--txt:#0000009e;--txt-s:#000000e0;--txt-m:#00000061;--accent:#6366f1;--accent-d:#4f46e5;--danger:#dc2626;--surf-pop:#fff;--surf-modal:#f5f5fc;--surf-panel:#f0f0fa;--surf-elevated:#e8e8f4;--surf-focus:#0000000a;--surf-inp:#0000000a;--swatch-sel-bdr:#000000b3;--swatch-sel-shadow:#00000026;--orb-opacity:.07;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not([data-theme=dark]) .field-sel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba(0,0,0,.4)' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}[data-theme=light]{--bg:#eeeef6;--surf:#0000000b;--surf-h:#00000013;--surf-a:#0000001c;--bdr:#00000014;--bdr-h:#00000029;--txt:#0000009e;--txt-s:#000000e0;--txt-m:#00000061;--accent:#6366f1;--accent-d:#4f46e5;--danger:#dc2626;--surf-pop:#fff;--surf-modal:#f5f5fc;--surf-panel:#f0f0fa;--surf-elevated:#e8e8f4;--surf-focus:#0000000a;--surf-inp:#0000000a;--swatch-sel-bdr:#000000b3;--swatch-sel-shadow:#00000026;--orb-opacity:.07;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .field-sel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba(0,0,0,.4)' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}body{min-height:100svh;overflow-x:hidden}#root{min-height:100svh}.aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(90px);opacity:0;border-radius:50%;animation:2s forwards orb-show;position:absolute}.orb-1{--dx:90px;--dy:60px;background:radial-gradient(circle,#6366f1 0%,#0000 65%);width:700px;height:700px;animation:2s forwards orb-show,22s ease-in-out 2s infinite drift;top:-220px;left:-120px}.orb-2{--dx:-70px;--dy:-50px;background:radial-gradient(circle,#7c3aed 0%,#0000 65%);width:580px;height:580px;animation:2s .3s forwards orb-show,28s ease-in-out 2s infinite drift;bottom:-120px;right:-100px}.orb-3{--dx:50px;--dy:-70px;background:radial-gradient(circle,#0891b2 0%,#0000 65%);width:480px;height:480px;animation:2s .6s forwards orb-show,34s ease-in-out 2s infinite drift;top:38%;left:45%;transform:translate(-50%)}@keyframes orb-show{to{opacity:var(--orb-opacity)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(var(--dx,40px), var(--dy,30px))}}@media (prefers-reduced-motion:reduce){.orb{animation:forwards orb-show}}.settings-btn{z-index:50;border-radius:var(--rF);background:var(--surf);border:1px solid var(--bdr);width:38px;height:38px;color:var(--txt-m);-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:flex;position:fixed;top:20px;right:20px}.settings-btn svg{width:17px;height:17px}.settings-btn:hover{color:var(--txt-s);background:var(--surf-h);border-color:var(--bdr-h)}.app{z-index:1;flex-direction:column;align-items:center;gap:48px;width:100%;max-width:960px;min-height:100svh;margin:0 auto;padding:72px 32px 80px;animation:.5s app-in;display:flex;position:relative}@keyframes app-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-hero{flex-direction:column;align-items:center;gap:10px;display:flex}.clock{flex-direction:column;align-items:center;gap:6px;display:flex}.clock-time{letter-spacing:-.04em;color:var(--txt-s);font-variant-numeric:tabular-nums;align-items:baseline;gap:1px;font-size:clamp(64px,12vw,120px);font-weight:200;line-height:1;display:flex}.clock-colon{opacity:.35;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:.35}50%{opacity:.08}}.clock-secs{color:var(--txt-m);align-self:flex-end;padding-bottom:.15em;font-size:.38em;font-weight:300}.clock-date{color:var(--txt-m);letter-spacing:.07em;text-transform:uppercase;font-size:13px}.greeting{color:var(--txt);letter-spacing:-.01em;font-size:clamp(18px,3vw,26px);font-weight:300}.search-form{width:100%;max-width:660px}.search-bar{background:var(--surf);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bdr);border-radius:var(--rF);align-items:center;gap:8px;padding:6px 6px 6px 16px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.search-bar:focus-within{background:var(--surf-focus);border-color:#818cf873;box-shadow:0 0 0 3px #818cf81a,0 12px 40px #00000073}.engine-picker{flex-shrink:0;position:relative}.engine-btn{border-radius:var(--rF);color:var(--txt-m);white-space:nowrap;align-items:center;gap:4px;padding:4px 8px;font-size:13px;transition:color .15s,background .15s;display:flex}.engine-btn:hover{color:var(--txt);background:var(--surf-h)}.engine-btn .chevron{width:14px;height:14px;transition:transform .2s}.engine-btn .chevron.open{transform:rotate(180deg)}.engine-dropdown{background:var(--surf-pop);border:1px solid var(--bdr);border-radius:var(--r3);z-index:100;min-width:160px;padding:4px;animation:.15s dd-in;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 60px #0009}@keyframes dd-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.engine-option{text-align:left;border-radius:var(--r2);width:100%;color:var(--txt);padding:8px 12px;font-size:14px;transition:background .1s,color .1s;display:block}.engine-option:hover{background:var(--surf-h);color:var(--txt-s)}.engine-option.active{color:var(--accent);background:#818cf81a}.search-divider{background:var(--bdr);flex-shrink:0;width:1px;height:18px}.search-input{min-width:0;color:var(--txt-s);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-size:15px;line-height:1.5}.search-input::placeholder{color:var(--txt-m);font-size:14px}.search-submit{border-radius:var(--rF);background:var(--accent);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .1s,box-shadow .15s;display:flex}.search-submit svg{width:17px;height:17px}.search-submit:hover{background:var(--accent-d);transform:scale(1.06);box-shadow:0 4px 20px #818cf866}.search-submit:active{transform:scale(.97)}.cat-tile-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;width:100%;display:grid}.cat-tile-wrap{position:relative}.cat-tile-wrap.dragging{opacity:.35}.cat-tile-grip{z-index:2;border-radius:var(--r1);color:#ffffff80;cursor:grab;opacity:0;touch-action:none;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .15s,color .15s,background .15s;display:flex;position:absolute;top:8px;left:8px}.cat-tile-wrap:hover .cat-tile-grip{opacity:1}.cat-tile-grip:hover{color:#fff;background:#0003}.cat-tile-grip:active{cursor:grabbing}.cat-tile{border-radius:var(--r4);background:var(--surf);border:1px solid var(--bdr);cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.cat-tile:hover,.cat-tile:focus-visible{border-color:var(--bdr-h);transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.cat-tile:active{transform:translateY(0)}.cat-tile-icon{justify-content:center;align-items:center;width:100%;height:90px;display:flex}.cat-tile-letter{letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:1}.cat-tile-body{border-top:1px solid var(--bdr);padding:10px 12px 12px}.cat-tile-name{color:var(--txt-s);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.cat-tile-meta{color:var(--txt-m);margin-top:3px;font-size:11px;display:block}.cat-tile-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.cat-tile:hover .cat-tile-actions,.cat-tile:focus-within .cat-tile-actions{opacity:1}.cat-act{border-radius:var(--r2);background:var(--surf-elevated);border:1px solid var(--bdr);width:24px;height:24px;color:var(--txt-m);justify-content:center;align-items:center;transition:color .1s,background .1s;display:flex}.cat-act svg{width:11px;height:11px}.cat-act:hover{color:var(--txt-s);background:var(--surf-h)}.cat-act-del:hover{color:var(--danger);background:#f871711a}.cat-tile-add{border-radius:var(--r4);background:var(--surf);border:1px dashed var(--bdr);height:136px;color:var(--txt-m);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;transition:color .15s,background .15s,border-color .15s;display:flex}.cat-tile-add svg{opacity:.6;width:20px;height:20px}.cat-tile-add:hover{color:var(--accent);background:#818cf80f;border-color:#818cf84d}.cat-view{flex-direction:column;gap:24px;width:100%;display:flex}.cat-view-header{border-bottom:1px solid var(--bdr);align-items:center;gap:12px;width:100%;padding-bottom:4px;display:flex}.cat-back-btn{color:var(--accent);border-radius:var(--r2);flex-shrink:0;align-items:center;gap:2px;margin:-4px -6px;padding:4px 6px;font-size:14px;transition:background .1s;display:flex}.cat-back-btn:hover{background:#818cf81a}.cat-back-label{font-size:14px}.cat-view-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cat-view-name{color:var(--txt-s);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:500;overflow:hidden}.cat-view-hd-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.subcat-section{flex-direction:column;gap:8px;display:flex}.subcat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.subcat-add{border-radius:var(--r4);background:var(--surf);border:1px dashed var(--bdr);min-height:110px;color:var(--txt-m);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;transition:color .15s,background .15s,border-color .15s;display:flex}.subcat-add svg{opacity:.6;width:16px;height:16px}.subcat-add:hover{color:var(--accent);background:#818cf80f;border-color:#818cf84d}.cat-bm-section{flex-direction:column;gap:10px;display:flex}.cat-bm-label{color:var(--txt-m);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cat-name{color:var(--txt-m);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.bm-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bm-wrapper{position:relative}.bm-wrapper:hover .bm-actions{opacity:1}.bm-card{background:var(--surf);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bdr);border-radius:var(--r4);align-items:center;gap:8px;min-width:110px;padding:7px 14px 7px 7px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:flex}.bm-card:hover{background:var(--surf-h);border-color:var(--bdr-h);transform:translateY(-2px);box-shadow:0 8px 28px #00000059}.bm-card:active{transform:translateY(0)}.bm-icon{border-radius:var(--r2);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.bm-icon img{object-fit:contain;width:18px;height:18px}.bm-initial{font-size:13px;font-weight:700}.bm-title{color:var(--txt);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:13px;overflow:hidden}.bm-actions{opacity:0;background:var(--surf-pop);border:1px solid var(--bdr);border-radius:var(--rF);gap:2px;padding:2px;transition:opacity .15s;display:flex;position:absolute;top:-8px;right:-4px;box-shadow:0 4px 16px #00000080}.bm-act{border-radius:var(--rF);width:22px;height:22px;color:var(--txt-m);justify-content:center;align-items:center;transition:color .1s,background .1s;display:flex}.bm-act svg{width:10px;height:10px}.bm-act:hover{color:var(--txt-s);background:var(--surf-h)}.bm-del:hover{color:var(--danger);background:#f871711f}.bm-add{border-radius:var(--r4);background:var(--surf);border:1px dashed var(--bdr);width:44px;height:44px;color:var(--txt-m);justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:flex}.bm-add svg{width:16px;height:16px}.bm-add:hover{color:var(--accent);background:#818cf814;border-color:#818cf84d}.cat-add{border-radius:var(--rF);background:var(--surf);border:1px dashed var(--bdr);color:var(--txt-m);align-self:flex-start;align-items:center;gap:7px;padding:8px 16px;font-size:13px;transition:color .15s,background .15s,border-color .15s;display:flex}.cat-add svg{width:14px;height:14px}.cat-add:hover{color:var(--accent);background:#818cf814;border-color:#818cf84d}.icon-btn{border-radius:var(--r2);width:32px;height:32px;color:var(--txt-m);justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.icon-btn svg{width:14px;height:14px}.icon-btn:hover{color:var(--txt-s);background:var(--surf-h)}.field{flex-direction:column;gap:6px;display:flex}.field-lbl{color:var(--txt-m);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.field-inp,.field-sel{background:var(--surf-inp);border:1px solid var(--bdr);border-radius:var(--r3);color:var(--txt-s);outline:none;width:100%;padding:10px 14px;font:14px/1.5 inherit;transition:border-color .15s,box-shadow .15s}.field-inp:focus,.field-sel:focus{border-color:#818cf880;box-shadow:0 0 0 3px #818cf81a}.field-inp::placeholder{color:var(--txt-m)}.field-sel{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba(255,255,255,.3)' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.field-sel option{background:var(--surf-pop)}.color-grid{flex-wrap:wrap;gap:8px;display:flex}.swatch{border-radius:var(--rF);border:2px solid #0000;width:26px;height:26px;transition:transform .1s,box-shadow .1s}.swatch:hover{transform:scale(1.15)}.swatch.sel{border-color:var(--swatch-sel-bdr);box-shadow:0 0 0 2px var(--swatch-sel-shadow)}.btn-pri{background:var(--accent);color:#fff;border-radius:var(--r2);padding:8px 20px;font:500 14px/1.5 inherit;transition:background .15s,transform .1s,box-shadow .15s}.btn-pri:hover{background:var(--accent-d);box-shadow:0 4px 14px #818cf866}.btn-pri:active{transform:scale(.97)}.btn-sec{background:var(--surf);color:var(--txt);border:1px solid var(--bdr);border-radius:var(--r2);padding:8px 20px;font:14px/1.5 inherit;transition:background .15s,color .15s}.btn-sec:hover{background:var(--surf-h);color:var(--txt-s)}.btn-danger{width:100%;color:var(--danger);border-radius:var(--r3);background:#f8717114;border:1px solid #f8717133;padding:10px 20px;font:14px/1.5 inherit;transition:background .15s,border-color .15s}.btn-danger:hover{background:#f8717124;border-color:#f8717166}.modal-bd{z-index:200;-webkit-backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surf-modal);border:1px solid var(--bdr);border-radius:var(--r5);width:100%;max-width:420px;padding:24px;animation:.2s modal-in;box-shadow:0 32px 80px #000000b3}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-hd{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{color:var(--txt-s);font-size:17px;font-weight:500}.modal-body{flex-direction:column;gap:16px;display:flex}.modal-ft{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.import-stats{flex-wrap:wrap;gap:12px;display:flex}.import-stat{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r3);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:80px;padding:14px 20px;display:flex}.import-stat-dim{opacity:.5}.import-stat-num{color:var(--txt-s);letter-spacing:-.02em;font-size:28px;font-weight:200;line-height:1}.import-stat-lbl{color:var(--txt-m);text-align:center;font-size:11px}.import-empty{color:var(--txt-m);padding:8px 0;font-size:14px;line-height:1.6}.sp-bd{z-index:200;-webkit-backdrop-filter:blur(4px);background:#0000008c;animation:.15s fade-in;position:fixed;inset:0}.sp-panel{background:var(--surf-panel);border-left:1px solid var(--bdr);flex-direction:column;width:340px;max-width:100%;animation:.2s sp-in;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes sp-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sp-hd{border-bottom:1px solid var(--bdr);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sp-title{color:var(--txt-s);font-size:17px;font-weight:500}.sp-body{flex-direction:column;flex:1;gap:32px;padding:24px;display:flex;overflow-y:auto}.sp-sec{flex-direction:column;gap:14px;display:flex}.sp-sec-ttl{color:var(--txt-m);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.sp-danger{border-top:1px solid var(--bdr);padding-top:24px}.sp-hint{color:var(--txt-m);font-size:13px;line-height:1.6}.btn-import{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r3);color:var(--txt);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font:14px/1.5 inherit;transition:background .15s,border-color .15s,color .15s;display:flex}.btn-import:hover{background:var(--surf-h);border-color:var(--bdr-h);color:var(--txt-s)}.engine-list{flex-direction:column;gap:2px;display:flex}.engine-row{border-radius:var(--r3);color:var(--txt);text-align:left;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:background .1s,color .1s;display:flex}.engine-row:hover{background:var(--surf-h);color:var(--txt-s)}.engine-row.active{color:var(--accent);background:#818cf81f}.engine-row .check{width:15px;height:15px}.sync-dot{border:1.5px solid var(--bg);border-radius:50%;width:7px;height:7px;position:absolute;bottom:5px;right:5px}.sync-dot.ok{background:#34d399}.sync-dot.saving{background:var(--accent);animation:.8s infinite pulse}.sync-dot.loading{background:#fbbf24;animation:.8s infinite pulse}.sync-dot.error{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sp-sec-ttl{align-items:center;gap:6px;display:flex}.dbx-logo{opacity:.7;width:13px;height:13px}.dbx-connected{flex-direction:column;gap:12px;display:flex}.dbx-account{border-radius:var(--r3);background:#007aff14;border:1px solid #007aff2e;align-items:center;gap:12px;padding:12px;display:flex}.dbx-avatar{color:#fff;background:#0061fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex}.dbx-info{flex-direction:column;gap:2px;min-width:0;display:flex}.dbx-name{color:var(--txt-s);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.dbx-email{color:var(--txt-m);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dbx-status{color:var(--txt-m);align-items:center;gap:8px;font-size:12px;display:flex}.dbx-status-dot{background:var(--txt-m);border-radius:50%;flex-shrink:0;width:7px;height:7px}.dbx-status.idle .dbx-status-dot{background:#34d399}.dbx-status.saving .dbx-status-dot,.dbx-status.loading .dbx-status-dot{background:#fbbf24;animation:.8s infinite pulse}.dbx-status.error .dbx-status-dot{background:var(--danger)}.dbx-disconnect{text-align:center;width:100%}.dbx-setup{flex-direction:column;gap:16px;display:flex}.dbx-hint{color:var(--txt-m);font-size:13px;line-height:1.6}.dbx-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.dbx-link:hover{color:var(--txt-s)}.dbx-key-row{gap:8px;display:flex}.dbx-redirect{background:var(--surf-inp);border:1px solid var(--bdr);border-radius:var(--r2);color:var(--txt-m);word-break:break-all;-webkit-user-select:all;user-select:all;padding:8px 12px;font-family:ui-monospace,monospace;font-size:11px;display:block}.btn-dbx{color:#fff;border-radius:var(--r3);background:#0061fe;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font:500 14px/1.5 inherit;transition:background .15s,transform .1s,box-shadow .15s;display:flex}.btn-dbx:hover{background:#0050d4;box-shadow:0 4px 20px #0061fe66}.btn-dbx:active{transform:scale(.97)}.btn-dbx:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.bm-sortable{touch-action:none;cursor:grab}.bm-sortable:active{cursor:grabbing}.bm-sortable.dragging{opacity:0}.drag-overlay-bm{cursor:grabbing;filter:drop-shadow(0 8px 24px #00000080);transform:scale(1.04)}.drag-overlay-cat{background:var(--surf-elevated);border:1px solid var(--bdr-h);border-radius:var(--r3);color:var(--txt-s);cursor:grabbing;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex;box-shadow:0 12px 32px #00000080}.theme-toggle{background:var(--surf);border:1px solid var(--bdr);border-radius:var(--r3);gap:2px;padding:3px;display:flex}.theme-btn{border-radius:var(--r2);color:var(--txt-m);flex:1;padding:6px;font-size:13px;transition:color .15s,background .15s}.theme-btn.active{background:var(--surf-elevated);color:var(--txt-s)}.theme-btn:hover:not(.active){color:var(--txt);background:var(--surf-h)}@media (width<=600px){.app{gap:36px;padding:56px 16px 60px}.clock-secs{display:none}.search-bar{padding:6px 6px 6px 12px}.sp-panel{width:100%}.bm-title{max-width:80px}.cat-tile-grid{grid-template-columns:repeat(2,1fr);gap:10px}.subcat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cat-tile-icon{height:72px}.cat-tile-letter{font-size:28px}.cat-tile-add{height:110px}}
