.app{background:var(--bg);display:flex;flex-direction:column;min-height:100vh}.app-header{grid-gap:20px;align-items:center;background:var(--header-bg);border-bottom:1px solid var(--border);display:grid;gap:20px;grid-template-columns:200px minmax(220px,600px) auto;min-height:68px;padding:10px 24px;position:sticky;top:0;z-index:40}.brand{align-items:center;gap:11px}.brand,.brand-home-button{display:inline-flex;width:max-content}.brand-home-button{background:#0000;border-radius:8px;min-width:0;padding:4px 7px 4px 2px;text-align:left}.brand-name{color:var(--ink);font-family:var(--font-display);font-size:20px;font-weight:750}.brand-mark{display:inline-grid;flex:0 0 auto;height:31px;place-items:center;width:31px}.brand-logo{display:block;grid-area:1/1;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.brand-logo--dark,:root[data-theme=dark] .brand-logo--light{display:none}:root[data-theme=dark] .brand-logo--dark{display:block}.search-field{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:none;color:var(--muted);display:flex;gap:10px;height:44px;padding:0 10px 0 14px;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;width:100%}.search-field:focus-within{background:var(--surface-raised);border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.search-field input{background:#0000;border:0;color:var(--ink);flex:1 1;min-width:0;outline:0}.search-field input::placeholder{color:var(--muted)}.search-field input::-webkit-search-cancel-button{opacity:.65}.search-field kbd{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:5px;color:var(--muted);display:inline-flex;font-family:var(--font-sans);font-size:11px;height:25px;padding:0 7px;white-space:nowrap}.header-actions{align-items:center;display:flex;gap:9px;justify-content:flex-end}.card-icon-button,.drag-handle,.icon-button,.small-icon-button{background:#0000;border:1px solid #0000;color:var(--muted);display:inline-grid;flex:0 0 auto;padding:0;place-items:center;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease}.icon-button{background:var(--surface);border-color:var(--border);border-radius:8px;height:44px;width:44px}.github-button{text-decoration:none}.card-icon-button:hover,.icon-button:hover,.small-icon-button:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--ink)}.card-icon-button:active,.icon-button:active,.small-icon-button:active{transform:scale(.95)}.danger-button,.primary-button,.secondary-button{align-items:center;border:1px solid #0000;border-radius:8px;display:inline-flex;font-weight:700;gap:8px;justify-content:center;line-height:1;min-height:44px;padding:0 16px;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease;white-space:nowrap}.primary-button{background:var(--accent);border-color:var(--accent);box-shadow:0 1px 2px #00000014;color:var(--accent-contrast)}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 6px #0000001f;transform:translateY(-1px)}.primary-button:active{box-shadow:0 1px 2px #00000014;transform:translateY(0)}.secondary-button{background:var(--surface-raised);border-color:var(--border-strong);color:var(--ink-soft)}.secondary-button:hover{border-color:var(--accent);color:var(--accent-ink)}.danger-button{background:var(--danger);border-color:color-mix(in srgb,var(--danger) 60%,#0000);color:var(--surface-raised)}.danger-button:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,var(--ink));border-color:var(--danger)}.danger-button:disabled,.primary-button:disabled,.secondary-button:disabled{box-shadow:none;opacity:.58;transform:none}.small-icon-button{border-radius:7px;height:34px;width:34px}.filter-bar-shell{background:var(--filter-bg);border-bottom:1px solid var(--border)}.filter-bar{align-items:center;display:flex;gap:10px;margin:0 auto;padding:9px clamp(18px,3vw,34px);width:min(100%,1280px)}.filter-bar-scroll{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:7px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none}.filter-bar-scroll::-webkit-scrollbar{display:none}.filter-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--ink-soft);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;gap:6px;max-width:190px;min-height:36px;overflow:hidden;padding:0 11px}.filter-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chip:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--ink)}.filter-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.filter-chip--icon-only{justify-content:center;padding:0;width:36px}.filter-bar-controls{border-left:1px solid var(--border);display:flex;flex:0 0 auto;gap:6px;padding-left:10px}.filter-control-button{background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--ink-soft);display:grid;height:36px;place-items:center;width:36px}.filter-control-button:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--ink)}.board-main{flex:1 0 auto;margin:0 auto;min-width:0;padding:28px clamp(18px,3vw,34px) 72px;width:min(100%,1280px)}.board-heading{margin-bottom:20px}.board-kicker{color:var(--muted);font-size:11px;font-weight:800;margin:0 0 3px;text-transform:uppercase}.board-heading h1{display:inline;font-family:var(--font-display);font-size:28px;line-height:1.2;margin:0}.board-heading>div>span{color:var(--muted);font-size:13px;margin-left:10px}.view-toggle{grid-gap:4px;background:var(--surface-muted);border:1px solid var(--border);border-radius:7px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:3px}.view-toggle button{align-items:center;background:#0000;border-radius:5px;color:var(--muted);display:flex;font-size:12px;font-weight:700;gap:7px;justify-content:center;min-height:36px}.view-toggle button.is-active{background:var(--accent);color:var(--accent-contrast)}.loading-board,.snippet-grid{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.snippet-grid--list{gap:9px;grid-template-columns:minmax(0,1fr)}.snippet-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);display:grid;grid-template-rows:auto minmax(80px,1fr) auto;min-height:178px;min-width:0;position:relative;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease}.snippet-card:hover{background:color-mix(in srgb,var(--surface) 92%,var(--surface-hover));border-color:var(--border-strong)}.snippet-card.is-dragging{box-shadow:var(--shadow-md);opacity:.92;z-index:10}.snippet-card.is-copied{border-color:var(--success);box-shadow:var(--shadow-sm)}.snippet-card-footer,.snippet-card-top{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0;padding:10px 10px 3px 13px}.category-tag{background:var(--surface-muted);border:1px solid var(--border);border-radius:5px;color:var(--ink-soft);font-size:11px;font-weight:800;min-width:0;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.category-tag--none{background:var(--surface-muted);color:var(--muted)}.snippet-card-actions{align-items:center;display:flex;flex:0 0 auto;gap:2px}.card-icon-button{border-radius:7px;height:34px;width:34px}.favorite-button.is-favorite{color:var(--accent)}.favorite-button.is-favorite svg{animation:favorite-pop .24s ease}@keyframes favorite-pop{50%{transform:scale(1.26) rotate(6deg)}}.card-menu-wrap{position:relative}.card-menu{animation:menu-in .12s ease both;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-md);display:grid;padding:6px;position:absolute;right:0;top:calc(100% + 4px);width:178px;z-index:30}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.card-menu button{align-items:center;background:#0000;border-radius:6px;color:var(--ink-soft);display:flex;font-size:13px;gap:9px;min-height:38px;padding:0 9px;text-align:left}.card-menu button:hover{background:var(--surface-hover);color:var(--ink)}.card-menu button:disabled{opacity:.38}.card-menu .danger-menu-item{color:var(--danger)}.snippet-copy-target{background:#0000;color:var(--ink);display:block;min-width:0;overflow:hidden;padding:6px 14px 11px;position:relative;text-align:left;width:100%}.snippet-copy-target:after{background:linear-gradient(100deg,#0000 20%,var(--success-soft) 50%,#0000 80%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:translateX(-100%)}.is-copied .snippet-copy-target:after{animation:copied-sweep .55s ease}@keyframes copied-sweep{35%{opacity:.72}to{opacity:0;transform:translateX(100%)}}.snippet-copy-target:active{transform:scale(.988)}.snippet-copy-target h3{font-family:var(--font-display);font-size:17px;line-height:1.3;margin:0 0 6px;text-overflow:ellipsis;white-space:nowrap}.snippet-copy-target h3,.snippet-preview{overflow:hidden;position:relative;z-index:2}.snippet-preview{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--ink-soft);display:-webkit-box;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.copy-confirmation{align-items:center;background:var(--success);border-radius:6px;bottom:8px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;gap:5px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;right:13px;transform:translateY(5px) scale(.94);z-index:3}.is-copied .copy-confirmation{animation:copy-confirm .95s ease both}@keyframes copy-confirm{12%,72%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-3px) scale(.97)}}.snippet-card-footer{border-top:1px solid var(--border);justify-content:flex-end;min-height:40px;padding:3px 8px 6px}.snippet-reorder-controls{align-items:center;display:flex;gap:1px}.drag-handle,.reorder-button{background:#0000;border-radius:6px;color:var(--muted);display:grid;height:32px;padding:0;place-items:center;width:32px}.drag-handle{border-radius:6px;cursor:grab;touch-action:none}.drag-handle:hover:not(:disabled),.reorder-button:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.drag-handle:active:not(:disabled){cursor:grabbing}.drag-handle:disabled,.reorder-button:disabled{cursor:not-allowed;opacity:.25}.modal-backdrop{animation:backdrop-in .15s ease both;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0a94;display:grid;inset:0;overflow:auto;padding:18px;place-items:center;position:fixed;z-index:100}@keyframes backdrop-in{0%{opacity:0}}.modal-sheet{animation:modal-in .18s cubic-bezier(.2,.8,.2,1) both;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-md);max-height:calc(100vh - 36px);overflow:auto;width:min(100%,540px)}.modal-sheet--small{width:min(100%,430px)}.modal-sheet--editor{width:min(100%,650px)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface-raised) 94%,#0000);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:64px;padding:10px 14px 10px 22px;position:sticky;top:0;z-index:5}.modal-header h2{font-family:var(--font-display);font-size:20px;margin:0}.modal-body{padding:22px}.modal-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface-raised) 94%,#0000);border-top:1px solid var(--border);bottom:0;display:flex;gap:9px;justify-content:flex-end;padding:13px 18px;position:sticky;z-index:4}.editor-form{display:contents}.editor-fields{grid-gap:18px;display:grid;gap:18px}.field{grid-gap:7px;display:grid;gap:7px;min-width:0}.field>span,.import-options legend{color:var(--ink-soft);font-size:12px;font-weight:800}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;color:var(--ink);min-width:0;outline:0;transition:border-color .14s ease,box-shadow .14s ease;width:100%}.field input,.field select{height:44px;padding:0 12px}.field textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55;min-height:180px;padding:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.editor-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.favorite-toggle{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;color:var(--ink-soft);display:flex;gap:8px;min-height:44px;padding:0 12px;text-align:left}.favorite-toggle.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.form-error{color:var(--danger);font-size:13px;font-weight:650;margin:0}.confirm-body{grid-gap:18px;display:grid;gap:18px}.confirm-content{align-items:flex-start;display:flex;gap:14px}.confirm-content p{color:var(--ink-soft);margin:2px 0 0}.confirm-icon,.empty-icon,.settings-icon{background:var(--danger-soft);border-radius:8px;color:var(--danger);display:inline-grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.category-manager{grid-gap:18px;display:grid;gap:18px}.new-category-form{grid-gap:8px;display:grid;gap:8px}.inline-input-action{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.category-list{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:0}.category-row{grid-gap:8px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:7px;display:grid;gap:8px;grid-template-columns:34px minmax(0,1fr) auto;min-height:52px;padding:5px 6px;position:relative}.category-row.is-dragging{border-color:var(--border-strong);box-shadow:var(--shadow-sm);opacity:.9;z-index:5}.category-row.is-hidden{background:var(--surface-muted);border-style:dashed}.category-row.is-hidden .category-name-title{color:var(--muted);opacity:.72}.category-drag-handle{background:#0000;border-radius:6px;color:var(--muted);cursor:grab;display:grid;height:38px;padding:0;place-items:center;touch-action:none;width:34px}.category-drag-handle:hover{background:var(--surface-hover);color:var(--ink)}.category-name-wrap{display:grid;line-height:1.25;min-width:0}.category-name-title{align-items:center;display:flex;gap:6px;min-width:0}.category-name-title svg{color:var(--muted);flex:0 0 auto}.category-name-title span{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-name-wrap small{color:var(--muted);font-size:10px}.category-row-actions{display:flex;flex:0 0 auto;gap:2px}.category-menu-wrap{position:relative}.category-menu{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:7px;box-shadow:var(--shadow-md);display:grid;padding:5px;position:absolute;right:0;top:calc(100% + 4px);width:142px;z-index:20}.category-menu button{align-items:center;background:#0000;border-radius:5px;color:var(--ink-soft);display:flex;font-size:12px;gap:8px;min-height:36px;padding:0 8px;text-align:left}.category-menu button:hover{background:var(--surface-hover);color:var(--ink)}.category-menu .danger-menu-item{color:var(--danger)}.category-edit-form{grid-gap:18px;display:grid;gap:18px;min-width:0}.category-appearance-fields{grid-gap:10px;display:grid;gap:10px;margin-top:8px}.category-edit-form .category-appearance-fields{margin-top:0}.category-appearance-field{border:0;margin:0;min-width:0;padding:0}.category-appearance-field legend{color:var(--ink-soft);font-size:11px;font-weight:800;margin-bottom:6px}.category-display-control{grid-gap:3px;background:var(--surface-muted);border:1px solid var(--border);border-radius:7px;display:grid;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px}.category-display-control button{background:#0000;border-radius:5px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.2;min-height:34px;min-width:0;padding:4px 6px}.category-display-control button.is-active{background:var(--surface-raised);box-shadow:var(--shadow-sm);color:var(--accent-ink)}.category-icon-dropdown{position:relative}.category-icon-trigger{grid-gap:8px;align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;color:var(--ink-soft);display:grid;gap:8px;grid-template-columns:20px minmax(0,1fr) 18px;min-height:40px;padding:0 10px;text-align:left;width:100%}.category-icon-trigger:hover,.category-icon-trigger[aria-expanded=true]{background:var(--surface-hover);border-color:var(--accent)}.category-icon-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-icon-trigger svg:last-child{transition:transform .14s ease}.category-icon-trigger svg:last-child.is-open{transform:rotate(180deg)}.category-icon-menu{animation:menu-in .12s ease both;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-md);display:grid;max-height:calc(100vh - 24px);overflow:hidden;padding:9px;position:fixed;z-index:160}.category-icon-search{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--muted);display:flex;gap:8px;min-height:40px;padding:0 10px}.category-icon-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.category-icon-search input{background:#0000;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.category-icon-results{color:var(--muted);display:flex;font-size:10px;font-weight:700;justify-content:flex-end;padding:6px 2px}.category-icon-picker{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));max-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:1px 2px 2px}.category-icon-picker button{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--muted);display:grid;height:36px;min-width:0;padding:0;place-items:center}.category-icon-picker button:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--ink)}.category-icon-picker button.is-active{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--accent-ink)}.category-icon-empty{font-size:12px;margin:18px 0}.category-icon-empty,.compact-empty{color:var(--muted);text-align:center}.compact-empty{padding:20px 0}.compact-empty p{color:var(--ink);font-weight:700;margin:0}.settings-sections{grid-gap:0;display:grid;gap:0;padding-bottom:4px;padding-top:4px}.settings-section{grid-gap:15px;border-bottom:1px solid var(--border);display:grid;gap:15px;padding:20px 0}.settings-section:last-child{border-bottom:0}.settings-heading{align-items:flex-start;display:flex;gap:12px}.settings-icon{background:var(--accent-soft);color:var(--accent)}.settings-icon--neutral{background:var(--surface-muted);color:var(--ink-soft)}.settings-heading h3{font-size:14px;margin:0 0 2px}.settings-heading p{color:var(--muted);font-size:12px;margin:0}.settings-board-controls{grid-gap:14px;display:grid;gap:14px}.theme-control{grid-gap:4px;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);padding:4px}.theme-control button{align-items:center;background:#0000;border-radius:6px;color:var(--muted);display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;min-height:39px;min-width:0}.theme-control button.is-active{background:var(--surface-raised);box-shadow:var(--shadow-sm);color:var(--accent-ink)}.data-actions{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr}.clear-data-button{grid-column:1/-1}.clear-data-options{grid-gap:8px;display:grid;gap:8px}.clear-data-options label{grid-gap:10px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:7px;cursor:pointer;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr);min-width:0;padding:11px}.clear-data-options label.is-selected{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 55%,var(--border))}.clear-data-options label.is-disabled{cursor:not-allowed;opacity:.52}.clear-data-options input{accent-color:var(--danger);height:17px;margin:2px 0 0;width:17px}.clear-data-options label>span{grid-gap:2px;display:grid;gap:2px;min-width:0}.clear-data-options strong{color:var(--ink);font-size:13px}.clear-data-options p,.clear-data-options small{color:var(--muted);font-size:11px;line-height:1.45}.clear-data-options p{color:var(--danger);font-weight:650;margin:2px 0 0}.shortcut-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid}.shortcut-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--border);display:grid;gap:16px;grid-template-columns:minmax(110px,.75fr) minmax(230px,1.25fr);min-width:0;padding:10px 12px}.shortcut-row:last-child{border-bottom:0}.shortcut-action{color:var(--ink-soft);font-size:12px;font-weight:700}.shortcut-platforms{grid-gap:5px;display:grid;gap:5px;min-width:0}.shortcut-platforms>div{grid-gap:7px;align-items:center;display:grid;gap:7px;grid-template-columns:88px minmax(0,1fr);min-width:0}.shortcut-platforms span{color:var(--muted);font-size:10px;font-weight:700}.shortcut-platforms kbd{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:5px;color:var(--ink-soft);display:inline-flex;font-family:var(--font-sans);font-size:10px;font-weight:700;justify-content:center;min-height:27px;min-width:0;overflow-wrap:anywhere;padding:3px 7px;text-align:center}.visually-hidden-input{left:-9999px;position:fixed}.backup-summary{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;color:var(--accent);display:flex;gap:13px;padding:14px}.backup-summary>div{display:grid;min-width:0}.backup-summary strong{color:var(--ink)}.backup-summary span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.import-content{grid-gap:20px;display:grid;gap:20px}.import-options{grid-gap:8px;border:0;display:grid;gap:8px;margin:0;padding:0}.import-options legend{margin-bottom:8px}.import-options label{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:11px;padding:13px}.import-options label.is-selected{background:var(--accent-soft);border-color:var(--accent)}.import-options input{accent-color:var(--accent);height:18px;margin:2px 0 0;width:18px}.import-options label>span{display:grid}.import-options small{color:var(--muted)}.empty-state{display:grid;justify-items:center;margin:54px auto 0;max-width:480px;padding:18px;text-align:center}.empty-state h2{font-family:var(--font-display);font-size:22px;line-height:1.25;margin:18px 0 6px;overflow-wrap:anywhere}.empty-state p{color:var(--muted);margin:0 0 20px;max-width:400px}.empty-icon{background:var(--accent-soft);color:var(--accent);height:52px;width:52px}.empty-stack{height:107px;margin:4px 0 12px;position:relative;width:164px}.empty-stack span{border:2px solid var(--ink);border-radius:8px;box-shadow:2px 3px 0 var(--ink);display:grid;height:79px;place-items:center;position:absolute;width:143px}.empty-stack span:first-child{background:var(--surface-muted);left:20px;top:0;transform:rotate(5deg)}.empty-stack span:nth-child(2){background:var(--surface-hover);left:7px;top:9px;transform:rotate(-4deg)}.empty-stack span:nth-child(3){background:var(--surface-raised);border-color:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:13px;font-weight:800;left:11px;padding:12px;top:20px}.toast-region{grid-gap:8px;bottom:78px;display:grid;gap:8px;justify-items:end;pointer-events:none;position:fixed;right:18px;z-index:200}.toast{grid-gap:8px;align-items:center;animation:toast-in .18s ease both;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-md);color:var(--ink);display:grid;gap:8px;grid-template-columns:19px minmax(0,1fr) 28px;max-width:min(360px,calc(100vw - 28px));min-height:48px;padding:7px 7px 7px 13px;pointer-events:auto;width:max-content}.toast>svg{color:var(--success)}.toast--error>svg{color:var(--danger)}.toast--info>svg{color:var(--accent)}.toast button{background:#0000;border-radius:6px;color:var(--muted);display:grid;font-size:19px;height:28px;place-items:center;width:28px}.toast button:hover{background:var(--surface-muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}.skeleton-card{grid-gap:14px;align-content:start;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:14px;min-height:178px;padding:20px 16px}.skeleton-card span{animation:skeleton 1.2s ease infinite;background:linear-gradient(90deg,var(--surface-muted),var(--bg-subtle),var(--surface-muted));background-size:220% 100%;border-radius:4px;height:13px}.skeleton-card span:first-child{height:20px;width:34%}.skeleton-card span:nth-child(2){width:76%}.skeleton-card span:nth-child(3){width:58%}@keyframes skeleton{to{background-position:-220% 0}}.fatal-state{grid-gap:26px;align-content:center;display:grid;gap:26px;justify-items:center;min-height:100vh;padding:24px}.fatal-panel{max-width:480px;text-align:center}.fatal-panel h1{font-family:var(--font-display);font-size:24px;margin:0 0 10px}.fatal-panel p{color:var(--muted);margin:0 0 20px}.floating-add-button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:8px;bottom:max(15px,env(safe-area-inset-bottom));box-shadow:0 3px 10px #00000029;color:var(--accent-contrast);display:inline-flex;font-weight:800;justify-content:center;min-height:48px;padding:0;position:fixed;right:15px;width:50px;z-index:45}.floating-add-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.floating-add-button:active{transform:scale(.96)}.floating-add-button span{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.app-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);flex:0 0 auto;font-size:12px;padding:18px clamp(18px,3vw,34px);text-align:center}.app-footer a{color:var(--ink-soft);font-weight:700;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.app-footer a:hover{color:var(--accent-ink);text-decoration-color:initial}@media (max-width:900px){.app-header{grid-template-columns:minmax(150px,200px) minmax(220px,1fr) auto}.board-main{padding-top:20px}}@media (max-width:690px){.app-header{gap:9px 12px;grid-template-areas:"brand actions" "search search";grid-template-columns:minmax(0,1fr) auto;padding:10px 14px 12px}.app-header .brand-home-button{grid-area:brand}.app-header .search-field{grid-area:search}.app-header .header-actions{grid-area:actions}.board-main{padding:20px 14px 100px}.filter-bar{gap:8px;padding:8px 14px}.filter-bar-controls{gap:4px;padding-left:8px}.toast-region{right:14px}.modal-backdrop{padding:6px 6px max(6px,env(safe-area-inset-bottom));place-items:end center}.modal-sheet{animation-name:sheet-in;border-radius:12px 12px 8px 8px;max-height:calc(100dvh - 12px);width:100%}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.modal-header{min-height:58px;padding-left:16px}.modal-body{padding:18px 16px}.modal-actions{padding:12px}}@media (max-width:430px){.brand-name{font-size:18px}.brand-mark{margin-right:-2px;transform:scale(.9);transform-origin:left center}.search-field kbd{display:none}.header-actions{gap:6px}.header-actions .icon-button{height:40px;width:40px}.board-heading{margin-bottom:18px}.board-heading h1{display:block;font-size:23px;overflow-wrap:anywhere}.board-heading>div>span{display:block;margin:2px 0 0}.loading-board,.snippet-grid{gap:13px;grid-template-columns:minmax(0,1fr)}.snippet-card{min-height:174px}.data-actions,.editor-row{grid-template-columns:1fr}.shortcut-row{gap:7px;grid-template-columns:minmax(0,1fr)}.shortcut-platforms>div{grid-template-columns:82px minmax(0,1fr)}.theme-control button{gap:4px;padding:0 5px}.empty-state{margin-top:26px;padding-left:6px;padding-right:6px}}@media (max-width:340px){.app-header,.board-main,.filter-bar{padding-left:10px;padding-right:10px}.settings-button{height:42px;width:42px}.modal-actions>button{flex:1 1;min-width:0;padding-left:10px;padding-right:10px;white-space:normal}.inline-input-action .primary-button span{display:none}}:root{--font-sans:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;--font-display:ui-rounded,"SF Pro Rounded","Avenir Next","Segoe UI",sans-serif;--bg:#f5f6f7;--bg-subtle:#eaeaec;--header-bg:#fff;--filter-bg:#f5f6f7;--surface:#fff;--surface-raised:#fff;--surface-muted:#f0f1f2;--surface-hover:#ecedef;--ink:#18191b;--ink-soft:#5f6167;--muted:#8c8e94;--border:#e2e3e5;--border-strong:#d4d5d8;--accent:#18191b;--accent-hover:#2a2b2e;--accent-soft:#eaeaec;--accent-ink:#18191b;--accent-contrast:#fff;--success:#22c55e;--success-soft:#22c55e1f;--danger:#ef4444;--danger-soft:#ef44441a;--focus:#18191b59;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 12px 28px #0000001a;color-scheme:light}:root[data-theme=dark]{--bg:#17181a;--bg-subtle:#202124;--header-bg:#1b1c1f;--filter-bg:#17181a;--surface:#222326;--surface-raised:#292a2e;--surface-muted:#26272a;--surface-hover:#2d2e32;--ink:#f5f5f5;--ink-soft:#b7b8bd;--muted:#85868d;--border:#303136;--border-strong:#3b3c42;--accent:#f5f5f5;--accent-hover:#e4e4e4;--accent-soft:#292a2e;--accent-ink:#f5f5f5;--accent-contrast:#18191b;--success:#22c55e;--success-soft:#22c55e1f;--danger:#ef4444;--danger-soft:#ef44441f;--focus:#fff6;--shadow-sm:0 1px 2px #00000038;--shadow-md:0 14px 32px #00000057;color-scheme:dark}*{box-sizing:border-box}#root,body,html{background:#f5f6f7;background:var(--bg);min-width:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#18191b;color:var(--ink);font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;font-family:var(--font-sans);font-size:15px;letter-spacing:0;line-height:1.5;margin:0;min-height:100vh}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:0}button{border:0}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}::selection{background:#eaeaec;background:var(--accent-soft);color:#18191b;color:var(--ink)}:focus-visible{outline:3px solid #18191b59;outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.677081f9.css.map*/