html,body{overscroll-behavior-y:contain}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}:root{--bg-primary: #000c17;--bg-secondary: #0a1621;--bg-card: #101c27;--bg-hover: #1a2631;--text-primary: #fafafa;--text-secondary: #888;--text-muted: #555;--accent: #0AEBFB;--accent-dim: color-mix(in srgb, var(--accent), black 20%);--accent-glow: color-mix(in srgb, var(--accent), transparent 85%);--danger: #ff3b30;--danger-dim: #cc2f26;--border: #2a2a2a;--border-strong: var(--accent);--font-display: "Outfit", Georgia, serif;--font-body: "Outfit", -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--header-cutout: 2px;--header-button-size: 32px;--bar-height: 44px;--header-height: calc((var(--header-button-size) * 3) + (var(--header-cutout) * 2));--size-zone-width: 200px;--clerk-column-width: calc(var(--header-button-size) + (var(--header-cutout) * 2));--actions-column-width: calc(var(--header-button-size) + var(--header-cutout));--scale-color: color-mix(in srgb, var(--bg-primary) 80%, var(--accent) 20%);--shadow-sm: 4px 4px 0 rgba(0,0,0,.8);--shadow-md: 6px 6px 0 rgba(0,0,0,.8);--shadow-lg: 8px 8px 0 var(--bg-primary);--shadow-accent: 4px 4px 0 var(--accent);--overlay-bg: rgba(0, 0, 0, .9);--overlay-heavy: rgba(0, 0, 0, .95);--overlay-subtle: rgba(0, 0, 0, .1);--z-base: 1;--z-card-btn: 10;--z-chrome: 100;--z-noise: 999;--z-modal: 1000;--z-context-menu: 1001;--z-modal-confirm: 1010;--z-drag-proxy: 10000;--z-overlay: 10000;--z-gate: 10001;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--scrollbar-track: var(--bg-primary);--scrollbar-thumb: color-mix(in srgb, var(--bg-primary) 70%, white 30%);--scrollbar-thumb-hover: color-mix(in srgb, var(--bg-primary) 55%, white 45%)}[data-theme=light]{--bg-primary: #fdf6e3;--bg-secondary: #eee8d5;--bg-card: #fdf6e3;--bg-hover: #eee8d5;--text-primary: #586e75;--text-secondary: #93a1a1;--text-muted: #93a1a1;--accent: #002b36;--accent-dim: color-mix(in srgb, var(--accent), black 20%);--accent-glow: color-mix(in srgb, var(--accent), transparent 85%);--border: #93a1a1;--border-strong: var(--accent);--danger: #dc322f;--danger-dim: #b0281f;--scale-color: color-mix(in srgb, var(--bg-primary) 80%, var(--accent) 20%);--shadow-sm: 4px 4px 0 rgba(0,0,0,.05);--shadow-md: 6px 6px 0 rgba(0,0,0,.05);--shadow-lg: 8px 8px 0 rgba(0,0,0,.02);--shadow-accent: 4px 4px 0 var(--accent);--overlay-bg: rgba(0, 0, 0, .7);--overlay-heavy: rgba(0, 0, 0, .85);--overlay-subtle: rgba(0, 0, 0, .06);--scrollbar-track: var(--bg-primary);--scrollbar-thumb: color-mix(in srgb, var(--bg-primary) 78%, black 22%);--scrollbar-thumb-hover: color-mix(in srgb, var(--bg-primary) 62%, black 38%)}@media(max-width:1280px){:root{--header-button-size: 30px;--size-zone-width: 188px}}@media(max-width:1040px){:root{--header-button-size: 28px;--size-zone-width: 172px}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body:before{content:"";position:fixed;inset:0;background-image:var(--noise-texture, none);background-repeat:repeat;opacity:.012;pointer-events:none;z-index:var(--z-noise)}.container{max-width:var(--page-width, 1600px);margin:0 auto;padding:var(--space-xl);transition:max-width .2s ease;position:relative}.brute-header{display:flex;align-items:stretch;gap:0;margin-bottom:var(--space-xl);background:var(--accent);border:none;height:var(--header-height);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.header-title-box{flex:1;display:flex;align-items:center;padding:0 var(--space-lg)}.header-title-box h1{font-family:var(--font-display);font-size:clamp(3rem,6vw,4.5rem);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--bg-primary);text-transform:uppercase}.header-title-box h1 em{font-style:normal;color:var(--bg-primary);opacity:.7}#brand-u,#brand-r{cursor:pointer}.brand-final-s{letter-spacing:3px}.header-controls{display:flex;align-items:stretch}.size-controller{width:var(--size-zone-width);height:100%;background:var(--scale-color);position:relative;cursor:crosshair;overflow:hidden}.size-handle{position:absolute;width:16px;height:16px;background:var(--accent);cursor:grab;transform:translate(-50%,-50%);left:50%;top:50%;transition:box-shadow .15s ease;touch-action:none}.size-handle:hover{box-shadow:0 0 0 4px #0000001a}.size-handle.dragging{cursor:grabbing}.action-buttons{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;width:var(--actions-column-width);height:var(--header-height);background:var(--bg-primary);gap:var(--header-cutout);padding-top:0}.action-btn{width:var(--header-button-size);height:var(--header-button-size);flex:none;background:var(--accent);border:none;color:var(--bg-primary);opacity:1;font-size:18px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;appearance:none}.clerk-slot{width:var(--clerk-column-width);height:var(--header-height);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg-primary);gap:var(--header-cutout)}.clerk-slot-btn{width:var(--header-button-size);height:var(--header-button-size);flex:none;background:var(--accent);border:none;color:var(--bg-primary);font-size:18px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;appearance:none}.clerk-slot-btn svg{width:60%;height:60%}.clerk-slot-btn:hover{background:var(--scale-color);color:var(--accent)}.clerk-slot-btn.wireframe-active{background:transparent;outline:1px solid var(--accent);outline-offset:-1px;color:var(--accent)}.action-btn:hover{background:var(--scale-color);color:var(--accent);opacity:1}h1{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;letter-spacing:-.02em;line-height:1;color:var(--text-primary)}h1 em{font-style:normal;color:var(--text-secondary)}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.02em;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-strong);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .15s ease;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent}@media(hover:hover){.btn:hover{background:var(--bg-hover);border-color:var(--text-muted);transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}}.btn:active{transform:translate(0);box-shadow:none}a.btn:focus:not(:focus-visible){outline:none;background:var(--bg-secondary);border-color:var(--border-strong);transform:none;box-shadow:none}a.btn:visited{color:var(--text-primary)}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);box-shadow:var(--shadow-accent)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:12px}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border)}.btn-danger{background:transparent;color:var(--text-primary);border-color:var(--accent)}.btn-danger:hover{background:var(--danger);color:var(--text-primary);border-color:var(--danger)}.category{margin-bottom:var(--space-2xl);animation:fadeSlide .4s ease-out backwards}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}}.category:nth-child(1),.tab-group:nth-child(1){animation-delay:0s}.category:nth-child(2),.tab-group:nth-child(2){animation-delay:.08s}.category:nth-child(3),.tab-group:nth-child(3){animation-delay:.16s}.category:nth-child(4),.tab-group:nth-child(4){animation-delay:.24s}.category:nth-child(5),.tab-group:nth-child(5){animation-delay:.32s}#categories-container.loaded .category,#categories-container.loaded .tab-group{animation:none}.category-header{display:flex;align-items:stretch;margin-bottom:var(--space-lg);background:var(--accent);border:none;height:var(--bar-height);-webkit-user-select:none;user-select:none}.category-edit-btn{background:var(--accent);border:none;color:var(--bg-primary);opacity:0;cursor:pointer;font-size:1rem;width:var(--bar-height);display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.category-edit-btn:hover{opacity:1}.category-title{font-family:var(--font-display);font-size:1.7rem;font-weight:0;line-height:1;background:color-mix(in srgb,var(--bg-primary) 96%,transparent);color:var(--accent);padding:0 var(--space-md);display:flex;align-items:center;text-transform:uppercase;white-space:nowrap;border-right:none;cursor:grab;-webkit-user-select:none;user-select:none}.category-title:active{cursor:grabbing}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md);position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bookmark-card{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(6px,10cqi,24px);cursor:pointer;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.2,0,0,1);container-type:inline-size}.bookmark-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,var(--accent-glow) 100%);opacity:0;transition:opacity .3s ease}.bookmark-card:hover{background:var(--bg-hover);border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.bookmark-card:hover:before{opacity:1}.bookmark-card:active{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.bookmark-card.add-bookmark{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bookmark-card.add-bookmark:hover{border-color:var(--accent);background:var(--accent-glow)}.bookmark-card.add-bookmark:before{display:none}.bookmark-icon{width:45%;height:auto;aspect-ratio:1;min-width:24px;max-width:56px;margin-bottom:10%;object-fit:contain;filter:grayscale(20%);transition:filter .3s ease,transform .3s ease}.bookmark-card:hover .bookmark-icon{filter:grayscale(0%);transform:scale(1.08)}.bookmark-title{font-size:clamp(9.5px,17cqi,17px);font-weight:500;color:var(--text-primary);position:absolute;bottom:10%;left:6%;right:6%;text-align:center;overflow:hidden;word-break:break-all;line-height:1.2;max-height:1.2em}@container (max-width: 55px){.bookmark-title,.add-bookmark-text{display:none}.bookmark-icon{width:60%;max-width:none;margin-bottom:0}.plus-icon{font-size:28px}}.plus-icon{font-size:clamp(24px,35cqi,36px);font-weight:300;color:var(--text-muted);transition:all .3s ease}.bookmark-card.add-bookmark:hover .plus-icon{color:var(--accent);transform:rotate(90deg)}.add-bookmark-text{font-size:clamp(9px,12cqi,12px);color:var(--text-muted);margin-top:var(--space-sm);font-weight:500}.edit-btn{position:absolute;top:4px;left:4px;width:var(--btn-size, 20px);height:var(--btn-size, 20px);background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-normal) ease,background var(--duration-normal) ease;z-index:var(--z-card-btn);pointer-events:none}.bookmark-card .edit-btn.visible,.bookmark-card:focus-within .edit-btn{opacity:1;pointer-events:auto}.edit-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.delete-btn{position:absolute;top:4px;right:4px;width:var(--btn-size, 20px);height:var(--btn-size, 20px);background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-normal) ease,background var(--duration-normal) ease;z-index:var(--z-card-btn);pointer-events:none}.bookmark-card .delete-btn.visible,.bookmark-card:focus-within .delete-btn{opacity:1;pointer-events:auto}.delete-btn:hover{background:var(--danger);border-color:var(--danger);color:var(--bg-primary)}.modal{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:var(--z-modal);align-items:center;justify-content:center;padding:var(--space-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#confirm-modal{z-index:var(--z-modal-confirm)}.modal.active{display:flex;overscroll-behavior:contain}body:has(.modal.active){overflow:hidden}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-strong);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlide .3s cubic-bezier(.2,0,0,1);box-shadow:var(--shadow-lg)}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}}.modal-swipe-handle{display:none}@media(max-width:768px){.modal-swipe-handle{display:block;width:40px;height:4px;background:var(--text-muted);border-radius:2px;margin:0 auto;padding:10px 40px;background-clip:content-box;flex-shrink:0;touch-action:none}.modal-swipe-handle,.modal-header,.modal-header *{touch-action:none}}.modal-header{display:flex;align-items:stretch;background:var(--accent);border:none;height:44px}.modal-header h2{font-family:var(--font-display);font-size:1.7rem;font-weight:400;background:color-mix(in srgb,var(--bg-primary) 80%,transparent);color:var(--accent);padding:0 var(--space-md);display:flex;align-items:center;flex:1;text-transform:uppercase}.modal-close{background:var(--accent);border:none;border-left:2px solid var(--bg-primary);color:var(--bg-primary);cursor:pointer;font-size:1rem;width:44px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-close:hover{background:var(--overlay-subtle);color:var(--bg-primary)}.modal-body{padding:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-sm)}.form-group input,.form-group select{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:14px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--text-muted)}.form-group-inline{display:flex;align-items:stretch;margin-bottom:var(--space-md);border:1px solid var(--border)}.form-group-inline label{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-hover);border-right:1px solid var(--border);min-width:80px}.form-group-inline input,.form-group-inline select{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:14px;background:var(--bg-primary);border:none;color:var(--text-primary);transition:all .2s ease;cursor:pointer}.form-group-inline input:focus,.form-group-inline select:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.form-group-inline input::placeholder{color:var(--text-muted)}.icon-section{margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border)}.icon-section h3{font-family:var(--font-display);font-size:1rem;margin-bottom:var(--space-md);color:var(--text-primary)}.icon-preview{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border)}.icon-preview-img{width:64px;height:64px;object-fit:contain;background:var(--bg-card);padding:var(--space-sm)}.icon-preview-info{flex:1}.icon-preview-info p{color:var(--text-secondary);font-size:13px}.icon-options{display:flex;gap:var(--space-sm);flex-wrap:wrap}.icon-options .btn{background:var(--bg-hover);border-color:var(--text-muted)}.icon-options .btn.active{background:var(--bg-secondary);border-color:var(--border-strong)}.icon-search-box{display:flex;gap:var(--space-sm);margin:var(--space-md) 0}.icon-search-box input{flex:1;padding:var(--space-sm);font-size:14px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.icon-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--space-sm);max-height:280px;overflow-y:auto;margin-top:var(--space-md)}.icon-result{aspect-ratio:1;background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-sm);transition:all .2s ease}.icon-result:hover{border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.icon-result.selected{border-color:var(--accent);background:var(--accent-glow);box-shadow:inset 0 0 0 2px var(--accent)}.icon-result img{width:100%;height:100%;object-fit:contain}.icon-preview.upload-mode{position:relative;border-style:dashed;border-color:var(--accent);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.icon-preview.upload-mode:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.upload-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 15%,var(--bg-secondary));display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;pointer-events:none;transition:opacity .15s ease}.upload-overlay p{color:var(--text-secondary);font-size:13px}.icon-preview.upload-mode:hover .upload-overlay,.icon-preview.upload-mode.dragover .upload-overlay{opacity:1}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-top:1px solid var(--border);background:var(--bg-primary);gap:var(--space-md)}.modal-btn{padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.modal-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.modal-btn.cancel{color:var(--text-secondary)}.modal-btn.cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-btn.save{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);font-weight:600}.modal-btn.save:hover{background:var(--accent-dim);box-shadow:var(--shadow-accent)}.modal-btn.delete{background:transparent;color:var(--danger);border-color:var(--danger)}.modal-btn.delete:hover{background:var(--danger);color:var(--bg-primary)}.modal-actions-right{display:flex;gap:var(--space-sm)}.settings-section{margin-bottom:var(--space-lg)}.settings-section h3{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;gap:var(--space-md)}.settings-row .btn{height:42px;display:inline-flex;align-items:center;justify-content:center}.settings-row-actions{justify-content:flex-start;flex-wrap:wrap}.settings-section-bookmarks .settings-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.settings-section-bookmarks .settings-row .btn{width:100%}.settings-section-bookmarks .settings-row .btn-danger{grid-column:1 / -1}.settings-row label{color:var(--text-primary);font-size:14px}.settings-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.bookmark-card.hide-title .bookmark-title{display:none}.bookmark-card.hide-title{justify-content:center}.bookmark-card.hide-title .bookmark-icon{margin-bottom:0}.empty-state{text-align:center;padding:var(--space-2xl);border:1px dashed var(--border)}.empty-state h3{font-family:var(--font-display);font-size:1.5rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-muted);font-size:14px}.loading{text-align:center;padding:var(--space-lg)}.loading p{color:var(--text-secondary);font-size:13px;margin-top:var(--space-sm)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}#categories-container.startup-loading{display:grid;gap:var(--space-2xl)}.startup-shell-group{display:grid;gap:var(--space-lg)}.startup-shell-bar,.startup-shell-card{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 86%,var(--accent) 14%);animation:startupPulse 1.1s ease-in-out infinite alternate}.startup-shell-bar{height:var(--bar-height)}.startup-shell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.startup-shell-card{aspect-ratio:1}@keyframes startupPulse{0%{opacity:.35}to{opacity:.65}}footer{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.footer-text{font-size:12px;color:var(--text-muted)}.footer-text a{color:var(--text-secondary);text-decoration:none}.footer-text a:hover{color:var(--accent)}.footer-contact{display:flex;align-items:center;justify-content:center;height:31px;padding:0 var(--space-md);font-size:12px;font-weight:600;font-family:var(--font-body);color:var(--bg-primary);text-decoration:none;border:1px solid var(--accent);background:var(--accent);transition:all .15s ease}.footer-contact:hover{background:var(--bg-primary);border:1px solid var(--accent);color:var(--accent);opacity:1}.kofi-logo{height:1.1em;vertical-align:middle;margin-left:5px}.mobile-toolbar{display:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(max-width:768px){.brute-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-chrome);height:auto;justify-content:center;padding:calc(var(--space-sm) + env(safe-area-inset-top)) var(--space-md) var(--space-sm);background:color-mix(in srgb,var(--accent) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-title-box{padding:0;justify-content:center}.header-title-box h1{font-size:clamp(1.65rem,8.8vw,2.2rem);font-weight:700;letter-spacing:.02em}.header-controls{display:none}.mobile-toolbar{display:flex;justify-content:space-evenly;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-chrome);background:color-mix(in srgb,var(--bg-primary) 90%,transparent);border-top:1px solid var(--border);padding:var(--space-sm) 0 calc(var(--space-sm) + env(safe-area-inset-bottom));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-toolbar-btn{width:30px;height:30px;background:var(--accent);border:none;color:var(--bg-primary);font-size:18px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;appearance:none;transition:all .15s ease}.mobile-toolbar-btn:active{background:var(--scale-color);color:var(--accent)}.mobile-toolbar-btn svg{width:60%;height:60%}.mobile-toolbar-btn.wireframe-active{background:transparent;outline:1px solid var(--accent);outline-offset:-1px;color:var(--accent)}#mobile-avatar-btn{width:30px;height:30px;position:relative}#mobile-avatar-btn .cl-userButtonRootBox,#mobile-avatar-btn .cl-userButtonTrigger,#mobile-avatar-btn .cl-avatarBox{width:100%;height:100%}#mobile-avatar-btn .cl-userButtonTrigger{padding:0!important;border:none!important;border-radius:0!important;background:var(--accent)!important}#mobile-avatar-btn .default-avatar-overlay .avatar-bg{fill:var(--accent)}#mobile-avatar-btn .default-avatar-overlay .avatar-shape{fill:var(--bg-primary)}#categories-container{padding-top:calc(60px + env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom))}.container{max-width:100%;padding:var(--space-sm)}.category-title,.tab{font-size:1rem}.bookmarks-grid{gap:var(--space-xs)}.edit-btn,.delete-btn{display:none!important}.category-edit-btn{font-size:.65rem;padding-bottom:1px}.category-drag-handle{font-size:.65rem}footer{flex-direction:column;text-align:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}#brand-brute,#brand-bookmarks{cursor:pointer}:root{--bar-height: 22px}.modal{padding:0;align-items:stretch;justify-content:stretch}.modal-content{max-width:none;max-height:none;width:100%;height:100%;border:none;box-shadow:none;animation:none}.modal-header{height:36px}.modal-header h2{font-size:1.2rem}.modal-close{width:36px}.modal-body{padding:var(--space-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.help-body{max-height:none;overflow-y:visible}.accent-color-row{flex-shrink:0}.accent-color-input{width:36px;height:36px}.accent-color-row .btn{height:36px}.settings-row label{font-size:13px}.modal-actions{padding:var(--space-md)}[data-wireframe] .mobile-toolbar{background:transparent;border-top-color:var(--accent)}[data-wireframe] .mobile-toolbar-btn{background:var(--bg-primary);border:1px solid var(--accent);color:var(--accent)}.tab-bar-mobile{overflow:hidden}.tab-ribbon{display:flex;align-items:stretch;width:max-content}.tab-bar-mobile .tab{font-size:1rem;flex-shrink:0;overflow:visible;text-overflow:clip;min-width:auto;cursor:pointer}.tab-bar-mobile .tab:not(.tab-active){opacity:.5}.tab-group-mobile .tab-content,.bookmarks-grid{touch-action:pan-y}}.bookmark-card.long-press-active{transform:scale(1.05) translate(-2px,-2px);box-shadow:var(--shadow-md);border-color:var(--accent);z-index:5}.long-press-menu{position:fixed;z-index:var(--z-context-menu);background:var(--bg-secondary);border:1px solid var(--accent);box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-width:140px;animation:contextMenuIn .15s ease-out}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}}.long-press-menu-btn{background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:12px 16px;text-align:left;cursor:pointer;transition:background .1s ease}.long-press-menu-btn:last-child{border-bottom:none}.long-press-menu-btn:active{background:var(--bg-hover)}.long-press-menu-btn-danger:active{background:var(--danger);color:var(--bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--accent);color:var(--bg-primary)}.drag-proxy{position:fixed;pointer-events:none;z-index:var(--z-drag-proxy);opacity:.85;transform:scale(.92);box-shadow:0 8px 32px #0006;transition:opacity .1s ease;-webkit-touch-callout:none}body.dragging{user-select:none;-webkit-user-select:none}.drag-source-active{opacity:.3!important}.bookmark-card.drag-over{border-color:var(--accent);background:var(--accent-glow)}.card-drop-indicator{position:absolute;width:4px;background:var(--accent);border-radius:2px;pointer-events:none;z-index:var(--z-card-btn)}.bookmark-card:not(.add-bookmark){cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bookmark-card:not(.add-bookmark):active{cursor:grabbing}.category.drop-target .bookmarks-grid{outline:2px dashed var(--accent);outline-offset:4px;background:var(--accent-glow)}.category-drag-handle{display:flex;align-items:center;justify-content:center;width:var(--bar-height);min-width:var(--bar-height);background:var(--accent);color:var(--bg-primary);font-size:1rem;cursor:grab;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.category-drag-handle:hover{opacity:1}.category-drag-handle:active{cursor:grabbing}.category.dragging-category{opacity:.4}.layout-drop-indicator{height:6px;background:var(--accent);margin:var(--space-xs) 0;border-radius:0;pointer-events:none;animation:dropIndicatorPulse 1s ease-in-out infinite}.tab-group.dragging-category{opacity:.4}.cl-userButtonAvatarBox,.cl-avatarBox,.cl-avatarImage{border-radius:0!important}.cl-userButtonPopoverCard,.cl-card{border-radius:0!important;border:1px solid var(--border-strong)!important;box-shadow:var(--shadow-lg)!important}@keyframes dropIndicatorPulse{0%,to{opacity:1}50%{opacity:.5}}.tab-group{margin-bottom:var(--space-2xl);animation:fadeSlide .4s ease-out backwards}.tab-group-header{display:flex;align-items:stretch;margin-bottom:0;background:var(--accent);border:none;height:var(--bar-height);-webkit-user-select:none;user-select:none}.tab-bar{display:flex;flex:1;align-items:stretch;background:color-mix(in srgb,var(--bg-primary) 80%,transparent);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab{font-family:var(--font-display);font-size:1.7rem;font-weight:0;line-height:1;padding:0 var(--space-md);background:transparent;border:none;border-right:none;color:var(--accent);cursor:pointer;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1;display:flex;align-items:center;transition:all .15s ease}.tab:hover,.tab.tab-active{background:color-mix(in srgb,var(--bg-primary) 96%,transparent)}.tab.tab-drag-hover{background:var(--accent-glow);outline:2px dashed var(--accent);outline-offset:-2px}.tab.dragging-tab{background:transparent!important;color:transparent;opacity:.15}.tab-drop-indicator{width:3px;align-self:stretch;background:var(--accent);flex-shrink:0;pointer-events:none}html:not([data-wireframe]) .tab-bar>.tab-drop-indicator:first-child{background:var(--bg-primary)}.tab-bar:has(.tab:not(.tab-active):hover) .tab.tab-active{background:transparent}.tab-content{background:var(--bg-primary)}.tab-panel{display:none}.tab-panel.tab-panel-active{display:block;padding-top:var(--space-lg)}.tab-panel .category-header{display:none}.category.group-drop-target,.tab-group.group-drop-target{outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 16px var(--accent-glow)}.tab{cursor:grab;-webkit-touch-callout:none}.tab:active{cursor:grabbing}@media(max-width:768px){[data-wireframe] .category-drag-handle{opacity:.5}}.tab-panel.drop-target .bookmarks-grid{outline:2px dashed var(--accent);outline-offset:4px;background:var(--accent-glow)}.welcome-gate{display:none;position:fixed;inset:0;background:var(--bg-primary);z-index:var(--z-gate);align-items:center;justify-content:center}.welcome-gate.active{display:flex}.welcome-gate-content{text-align:center;max-width:520px;width:100%;padding:var(--space-xl)}.welcome-gate-title{font-family:var(--font-display);font-size:3rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);margin-bottom:var(--space-sm)}.welcome-gate-title em{font-style:normal;color:var(--accent)}.welcome-gate-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-2xl)}.welcome-gate-options{display:flex;flex-direction:column;gap:var(--space-md)}.welcome-gate-btn{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg) var(--space-xl);border:1px solid var(--border-strong);background:var(--bg-secondary);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;font-family:var(--font-body)}.welcome-gate-btn:hover{border-color:var(--accent);background:var(--bg-hover)}.gate-btn-label{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.gate-btn-desc{font-size:13px;color:var(--text-secondary)}.gate-btn-sync:hover .gate-btn-label{color:var(--accent)}.account-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.account-status-text{font-size:14px;color:var(--text-secondary)}.account-badge{font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:6px 14px}.account-upgrade-btn{padding:var(--space-sm) var(--space-md);background:var(--accent);color:var(--bg-primary);border:1px solid var(--accent);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.account-upgrade-btn:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.account-note{font-size:12px;color:var(--text-muted);margin-top:var(--space-xs)}[data-wireframe] .category-drag-handle,[data-wireframe] .category-edit-btn{background:var(--bg-primary);border:1px solid var(--accent);color:var(--accent);opacity:1}[data-wireframe] .brute-header{background:var(--bg-primary);outline:1px solid var(--accent);outline-offset:-1px}[data-wireframe] .size-controller,[data-wireframe] .clerk-slot,[data-wireframe] .action-buttons{background:transparent}[data-wireframe] .header-title-box h1{color:var(--accent)}[data-wireframe] .header-title-box h1 em{color:var(--bg-primary);-webkit-text-stroke:2px var(--accent);paint-order:stroke fill;opacity:1}[data-wireframe] .footer-contact{background:var(--bg-primary);border:1px solid var(--accent);color:var(--accent)}[data-wireframe] .footer-contact:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.column-picker{display:flex;gap:var(--space-xs)}.column-picker-btn{width:36px;height:36px;background:var(--accent);color:var(--bg-primary);border:none;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.column-picker-btn.active{background:transparent;outline:1px solid var(--accent);outline-offset:-1px;color:var(--accent)}@media(min-width:769px){.mobile-only{display:none!important}}.hidden{display:none}#clerk-user-button{width:var(--header-button-size);height:var(--header-button-size);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}#clerk-user-button .cl-userButtonRootBox,#clerk-user-button .cl-userButtonTrigger,#clerk-user-button .cl-avatarBox{width:100%;height:100%}#clerk-user-button .cl-userButtonTrigger{padding:0!important;border:none!important;border-radius:0!important;background:var(--accent)!important}#clerk-user-button .cl-userButtonTrigger:hover{background:var(--scale-color)!important}.default-avatar-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.default-avatar-overlay .avatar-bg{fill:var(--accent)}.default-avatar-overlay .avatar-shape{fill:var(--bg-primary)}#clerk-user-button:hover .default-avatar-overlay .avatar-bg{fill:var(--scale-color)}#clerk-user-button:hover .default-avatar-overlay .avatar-shape{fill:var(--accent)}.accent-color-row{display:flex;gap:var(--space-sm);align-items:center}.accent-color-input{-webkit-appearance:none;appearance:none;background:none;border:1px solid var(--border-strong);width:42px;height:42px;cursor:pointer;padding:0}.accent-color-input::-webkit-color-swatch-wrapper{padding:0}.accent-color-input::-webkit-color-swatch{border:none}.accent-color-input::-moz-color-swatch{border:none}.accent-color-row .btn{height:42px;min-width:80px}@media(min-width:769px){.help-body{max-height:70vh;overflow-y:auto}}.help-section{margin-bottom:var(--space-lg)}.help-section h3{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.help-section ul{list-style:none;padding:0}.help-section li{font-size:13px;color:var(--text-primary);padding:var(--space-xs) 0;line-height:1.4}.help-section li strong{color:var(--accent)}.help-section kbd{display:inline-block;padding:1px 6px;font-family:var(--font-body);font-size:11px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary)}.confirm-input-group{margin-top:var(--space-md)}.icon-status-message{color:var(--text-muted);padding:20px;text-align:center;grid-column:1 / -1}.icon-status-error{color:var(--danger)}.settings-upgrade-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.auth-overlay{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-overlay)}.auth-escape-btn{margin-top:var(--space-lg);background:none;border:1px solid var(--accent);color:var(--accent);font-size:14px;cursor:pointer;font-family:inherit;padding:8px 20px;transition:background var(--duration-fast),color var(--duration-fast)}.auth-escape-btn:hover{background:var(--accent);color:var(--bg-primary)}@media(max-width:480px){.welcome-gate-title{font-size:2rem}.welcome-gate-content{padding:var(--space-lg)}}