:root{color-scheme:light;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--accent: #a8482a;--accent-text: #a8482a;--accent-strong: #8d3b22;--accent-soft: #f4e4dd;--on-accent: #ffffff;--bg: #f6f4ef;--surface: #fffdf8;--surface-2: #f0ece3;--surface-3: #e6e1d6;--border: #ddd7ca;--border-strong: #c4bcac;--text: #23211d;--text-soft: #4c483f;--muted: #6b665c;--danger: #9c2f24;--danger-soft: #f6e3df;--success: #2f6b4f;--shadow-sm: 0 1px 2px rgb(35 33 29 / 8%);--shadow-md: 0 6px 18px -10px rgb(35 33 29 / 30%), 0 2px 6px rgb(35 33 29 / 6%);--shadow-lg: 0 24px 48px -24px rgb(20 19 16 / 45%);--card-radius: 10px;--item-gap: 16px;--font-scale: 1;--sidebar-width: 264px;--background-dim: .82;--card-min: 230px;--content-max: 1120px;--topbar-height: 58px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: .14s ease}:root[data-theme=dark]{color-scheme:dark;--bg: #151410;--surface: #1e1c17;--surface-2: #26231c;--surface-3: #2f2b23;--border: #363128;--border-strong: #4a4337;--text: #f0ece2;--text-soft: #d3cdc0;--muted: #a49c8d;--accent-soft: #37241d;--danger: #e08578;--danger-soft: #3a211d;--success: #86c6a4;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 8px 20px -12px rgb(0 0 0 / 70%);--shadow-lg: 0 28px 56px -28px rgb(0 0 0 / 80%)}:root[data-card-size=sm]{--card-min: 186px}:root[data-card-size=lg]{--card-min: 300px}:root[data-width=wide]{--content-max: 1340px}:root[data-width=full]{--content-max: none}:root[data-icon-size=sm]{--icon-block: 30px}:root[data-icon-size=md]{--icon-block: 38px}:root[data-icon-size=lg]{--icon-block: 48px}*,*:before,*:after{box-sizing:border-box}html{height:100%;font-size:calc(16px * var(--font-scale));-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;font-family:var(--font-ui);font-size:.94rem;line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased}:root.has-background body{background-image:var(--background-image, none);background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:4px}::selection{background:var(--accent);color:var(--on-accent)}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}kbd{font-family:var(--font-mono);font-size:.72rem;padding:.1rem .35rem;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;background:var(--surface-2);color:var(--text-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:50%;top:-60px;transform:translate(-50%);z-index:200;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:top var(--transition)}.skip-link:focus-visible{top:.75rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sidebar,.view,.dialog-body,.scroll-area,.board-scroll,.note-preview{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}#app{min-height:100dvh}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100dvh;background:var(--bg)}:root.has-background .app-shell{background:color-mix(in srgb,var(--bg) calc(var(--background-dim) * 100%),transparent)}:root[data-sidebar=hidden] .app-shell{grid-template-columns:0 minmax(0,1fr)}:root[data-sidebar=hidden] .sidebar{transform:translate(-100%);visibility:hidden}.app-main{display:flex;flex-direction:column;min-width:0;min-height:0}.sidebar{display:flex;flex-direction:column;gap:.35rem;padding:.9rem .7rem 1rem;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;overscroll-behavior:contain;transition:transform var(--transition),visibility var(--transition)}.brand{display:flex;align-items:center;gap:.6rem;padding:.3rem .45rem 1rem;color:var(--text)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--accent);color:var(--on-accent);flex:none}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-name{font-family:var(--font-display);font-size:1.22rem;font-weight:600;letter-spacing:.01em;line-height:1.15}.brand-tagline{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section{display:flex;flex-direction:column;gap:1px;padding:.35rem 0}.nav-section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .55rem .2rem}.nav-section-title{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.nav-add.icon-btn,.tree-menu.icon-btn{width:22px;height:22px;color:var(--muted);opacity:0}.nav-section-head:hover .nav-add,.tree-row:hover .tree-menu,.tree-row:focus-within .tree-menu,.nav-add:focus-visible,.tree-menu:focus-visible{opacity:1}.nav-link{display:flex;align-items:center;gap:.55rem;min-height:34px;padding:.35rem .55rem;border-radius:var(--radius-sm);color:var(--text-soft);font-size:.88rem;transition:background-color var(--transition),color var(--transition)}.nav-link svg{flex:none;color:var(--muted)}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.is-active{background:var(--accent-soft);color:var(--text);font-weight:560}.nav-link.is-active svg{color:var(--accent-text)}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--muted)}.nav-empty{padding:.15rem .6rem .4rem;font-size:.78rem;color:var(--muted)}.folder-tree{display:flex;flex-direction:column;gap:1px}.tree-row{display:flex;align-items:center;gap:.15rem;border-radius:var(--radius-sm);padding-right:.2rem;transition:background-color var(--transition)}.tree-row:hover{background:var(--surface-2)}.tree-row.is-active{background:var(--accent-soft)}.tree-row.is-drop-target{outline:2px dashed var(--accent-text);outline-offset:-2px}.tree-toggle.icon-btn{width:20px;height:20px;color:var(--muted)}.tree-spacer{width:20px;flex:none}.tree-link{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;padding:.32rem .1rem;font-size:.86rem;color:var(--text-soft)}.tree-row.is-active .tree-link{font-weight:560;color:var(--text)}.tree-icon{display:grid;place-items:center;flex:none}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-list{display:flex;flex-direction:column;gap:1px}.collection-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-inline:4px}.sidebar-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.sidebar-footer-row{display:flex;gap:.35rem;padding:.15rem .1rem}.sidebar-shortcuts{flex:1;justify-content:flex-start;color:var(--muted)}.sidebar-backdrop{display:none}.topbar{display:flex;align-items:center;gap:.6rem;min-height:var(--topbar-height);padding:.55rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);z-index:20}.topbar-search{position:relative;display:flex;align-items:center;flex:1;max-width:560px}.topbar-search-icon{position:absolute;left:.65rem;color:var(--muted);pointer-events:none}.topbar-search-input{width:100%;height:36px;padding:0 2.2rem 0 2.1rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font-size:.88rem;transition:border-color var(--transition),background-color var(--transition)}.topbar-search-input::placeholder{color:var(--muted)}.topbar-search-input:focus{outline:none;border-color:var(--accent-text);background:var(--surface)}.topbar-search-key{position:absolute;right:.6rem;pointer-events:none}.topbar-search-input:focus~.topbar-search-key{display:none}.topbar-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.offline-banner{display:flex;align-items:center;gap:.4rem;padding:.4rem 1.25rem;background:var(--surface-3);color:var(--text-soft);font-size:.8rem;border-bottom:1px solid var(--border)}.offline-banner[hidden]{display:none}.selection-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem 1.25rem;border-bottom:1px solid var(--border);background:var(--accent-soft);z-index:15}.selection-bar[hidden]{display:none}.selection-count{font-size:.82rem;font-weight:600}.selection-actions{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.selection-actions .btn{font-size:.8rem;min-height:30px;padding:.25rem .6rem}.view{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.6rem 1.5rem 3rem;position:relative}.view:focus-visible{outline:none}.view.is-file-dragover:after{content:"";position:sticky;inset:0;display:block;height:0;box-shadow:inset 0 0 0 2px var(--accent-text)}.page{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:1.15rem}@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,320px);z-index:60;transform:translate(-100%);visibility:hidden;box-shadow:var(--shadow-lg)}.app-shell.sidebar-open .sidebar{transform:translate(0);visibility:visible}.app-shell.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:50;background:#14131073;border:none}:root[data-sidebar=hidden] .sidebar{transform:translate(-100%);visibility:hidden}.view{padding:1.15rem 1rem 3rem}.topbar{padding:.5rem .75rem}.topbar-search-key{display:none}.selection-bar{padding:.45rem .75rem}}@media(max-width:560px){.topbar{gap:.35rem}.topbar-shortcuts{display:none}.topbar-actions{gap:.15rem}.topbar-add .btn-label{display:none}.topbar-add.btn{width:34px;padding:0}.selection-actions{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem}.selection-actions .btn{flex:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:34px;padding:.4rem .8rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.84rem;font-weight:520;line-height:1.2;white-space:nowrap;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex:none}.btn-primary{border-color:var(--accent-strong);background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-soft)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:transparent;color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-small{min-height:28px;padding:.25rem .55rem;font-size:.78rem}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-soft);transition:background-color var(--transition),color var(--transition)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.is-active,.icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.button-row{display:flex;flex-wrap:wrap;gap:.45rem}.footer-start{margin-right:auto}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field-switch{gap:0}.field-label{font-size:.79rem;font-weight:600;color:var(--text-soft);letter-spacing:.01em}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.field-optional{margin-left:.35rem;font-weight:400;color:var(--muted)}.field-message{font-size:.76rem;color:var(--muted);line-height:1.4}.field-message.is-error{color:var(--danger)}.field.has-error .input,.field.has-error .textarea{border-color:var(--danger)}.input,.textarea,.select{width:100%;min-height:36px;padding:.45rem .6rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.88rem;transition:border-color var(--transition),box-shadow var(--transition)}.textarea{min-height:80px;resize:vertical;line-height:1.55}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.input::placeholder,.textarea::placeholder,.tag-input-field::placeholder{color:var(--muted)}.select{appearance:none;padding-right:1.9rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b665c' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px}:root[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a49c8d' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E")}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.switch-field{position:relative;display:flex;align-items:center;gap:1rem;padding:.55rem .1rem;cursor:pointer}.switch-text{display:flex;flex-direction:column;gap:.1rem;flex:1}.switch-label{font-size:.86rem;font-weight:500}.switch-description{font-size:.77rem;color:var(--muted);line-height:1.45}.switch{position:relative;flex:none;width:36px;height:21px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-3);transition:background-color var(--transition),border-color var(--transition)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--transition)}.switch-field input{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%)}.switch-field input:checked~.switch{background:var(--accent);border-color:var(--accent-strong)}.switch-field input:checked~.switch:after{transform:translate(15px)}.switch-field input:focus-visible~.switch{outline:2px solid var(--accent-text);outline-offset:2px}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.segmented-input{position:absolute;opacity:0;width:1px;height:1px}.segmented-option{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .65rem;border-radius:4px;font-size:.82rem;color:var(--text-soft);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.segmented-option:hover{background:var(--surface-3)}.segmented-input:checked+.segmented-option{background:var(--surface);color:var(--text);font-weight:560;box-shadow:var(--shadow-sm)}.segmented-input:focus-visible+.segmented-option{outline:2px solid var(--accent-text);outline-offset:1px}.range-wrap{display:flex;align-items:center;gap:.6rem}.range{flex:1;accent-color:var(--accent-text);height:22px}.range-output{min-width:3.2rem;text-align:right;font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--muted)}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;min-height:38px;padding:.3rem .4rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface)}.tag-input:focus-within{border-color:var(--accent-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.tag-input-field{flex:1;min-width:100px;min-height:26px;border:none;background:transparent;font-size:.86rem}.tag-input-field:focus{outline:none}.tag-chips{display:contents}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .4rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);font-size:.73rem;line-height:1.5}.tag-remove.icon-btn{width:16px;height:16px;color:var(--muted)}.tag-remove.icon-btn:hover{background:var(--border);color:var(--text)}.color-field{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.color-swatches{display:flex;flex-wrap:wrap;gap:.3rem}.color-swatch{width:24px;height:24px;padding:0;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;transition:transform var(--transition),border-color var(--transition)}.color-swatch:hover{transform:scale(1.08)}.color-swatch[aria-pressed=true],.color-swatch.is-active{border-color:var(--text)}.color-custom{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted);cursor:pointer}.color-input{width:28px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer}.color-dot{width:8px;height:8px;border-radius:50%;flex:none}.checkbox-list,.checklist{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.checkbox-list-item,.checklist-row{display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;font-size:.86rem;border-bottom:1px solid var(--border);cursor:pointer}.checkbox-list-item:last-child,.checklist-row:last-child{border-bottom:none}.checkbox-list-item:hover,.checklist-row:hover{background:var(--surface-2)}.checkbox-list-item input,.checklist-row input{accent-color:var(--accent-text);width:15px;height:15px;flex:none}.checklist-icon{display:grid;place-items:center;color:var(--muted)}.checklist-text{min-width:0}.checklist-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-row.is-done .checklist-title{text-decoration:line-through;color:var(--muted)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:3rem 1.5rem;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 70%,transparent);text-align:center}.empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--surface-2);color:var(--accent-text);margin-bottom:.3rem}.empty-title{font-family:var(--font-display);font-size:1.28rem;font-weight:600;letter-spacing:-.01em}.empty-body{max-width:46ch;color:var(--muted);font-size:.87rem;line-height:1.55}.empty-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.75rem}.toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.15rem 0}.toolbar-group{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:.3rem;margin-left:auto}.toolbar-select{min-height:32px;padding:.25rem 1.7rem .25rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:.8rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b665c' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .45rem center;background-size:14px;cursor:pointer}:root[data-theme=dark] .toolbar-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a49c8d' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E")}.toolbar-select:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}.toolbar-count{font-size:.78rem;color:var(--muted);padding-inline:.25rem}.layout-switch{display:inline-flex;gap:1px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.layout-option.icon-btn{width:27px;height:26px;border-radius:4px;color:var(--muted)}.layout-option.icon-btn[aria-pressed=true]{background:var(--surface);color:var(--accent-text);box-shadow:var(--shadow-sm)}.items{display:grid;gap:var(--item-gap)}.items-grid,.items-compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-min)),1fr))}.items-grid{align-items:stretch}.items-list{grid-template-columns:minmax(0,1fr);gap:calc(var(--item-gap) * .55)}.items-gallery{display:block;columns:4 220px;column-gap:var(--item-gap)}.items-gallery .item{break-inside:avoid;margin-bottom:var(--item-gap)}.item{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}:root[data-hover=lift] .item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.item.is-selectable .item-media{cursor:pointer}.item.is-dragging{opacity:.55}.item.drop-before{box-shadow:0 -2px 0 0 var(--accent-text)}.item.drop-after{box-shadow:0 2px 0 0 var(--accent-text)}.item-open{display:block;width:100%;padding:0;border:none;background:none;color:inherit;text-align:left;font:inherit}.item-open:hover .item-title-text{color:var(--accent-text)}.item-media{position:relative;flex:none;overflow:hidden;border-radius:calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px) 0 0;background:var(--surface-2)}.item-grid .item-media{aspect-ratio:16 / 10}.item-gallery .item-media{aspect-ratio:4 / 3}.item-thumb,.item-thumb .blob-img{width:100%;height:100%}.item-thumb img{width:100%;height:100%;object-fit:cover}.item-favicon{display:grid;place-items:center;width:100%;height:100%;padding:.55rem}.item-favicon .blob-img{width:auto;height:auto;max-width:46px;max-height:46px;border-radius:9px;padding:5px;background:var(--surface);border:1px solid var(--border);object-fit:contain}.item-list .item-favicon .blob-img{max-width:30px;max-height:30px;padding:3px;border-radius:7px}.image-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.is-loaded .image-placeholder,.is-missing .image-placeholder{display:none}.is-missing:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 7px,color-mix(in srgb,var(--border) 55%,transparent) 7px 8px);opacity:.6}.blob-img{opacity:0;transition:opacity .22s ease}.is-loaded>.blob-img,.is-loaded .blob-img{opacity:1}@media(prefers-reduced-motion:reduce){.blob-img{transition:none}}.item-media.placeholder{display:grid;place-items:center}.item-icon{display:grid;place-items:center;width:var(--icon-block);height:var(--icon-block);border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.item-monogram{display:grid;place-items:center;width:var(--icon-block);height:var(--icon-block);border-radius:10px;color:#fff;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.02em}.item-domain{position:absolute;left:.55rem;bottom:.5rem;max-width:calc(100% - 4.6rem);padding:.1rem .4rem;border-radius:4px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-badges{position:absolute;right:.45rem;bottom:.45rem;display:flex;gap:.2rem}.item-badge{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);color:var(--text-soft)}.item-body{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.7rem .8rem .75rem}.item-title{font-size:.9rem;font-weight:600;line-height:1.35;letter-spacing:-.005em}.item-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition)}.item-description,.item-excerpt{font-size:.79rem;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root[data-descriptions=off] .item-description,:root[data-descriptions=off] .item-excerpt{display:none}.item-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.72rem;color:var(--muted)}.meta-item{display:inline-flex;align-items:center;gap:.25rem}.meta-folder:before{content:"·";margin-right:.1rem}.item-tags{display:flex;flex-wrap:wrap;gap:.2rem}:root[data-tags=off] .item-tags{display:none}.tag-more{background:transparent;border-color:transparent;color:var(--muted)}.item-menu.icon-btn{position:absolute;top:.35rem;right:.35rem;z-index:2;width:26px;height:26px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--border);color:var(--text-soft);opacity:0}.item:hover .item-menu,.item:focus-within .item-menu,.item-menu:focus-visible{opacity:1}.item-select{position:absolute;top:.4rem;left:.4rem;z-index:3;display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border)}.item-select[hidden]{display:none}.item-check{width:14px;height:14px;accent-color:var(--accent-text)}.item-list{flex-direction:row;align-items:center;gap:.75rem;padding:.55rem .7rem}.item-list .item-media{width:64px;height:52px;border-radius:var(--radius-sm);flex:none}.item-list .item-media.mini{width:40px;height:40px;background:transparent}.item-list .item-body{padding:0;flex:1}.item-list .item-title-text,.item-list .item-description,.item-list .item-excerpt{-webkit-line-clamp:1}.item-list .item-menu,.item-compact .item-menu{position:static;opacity:1;margin-left:auto;background:transparent;border-color:transparent}.item-compact{flex-direction:row;align-items:center;gap:.5rem;padding:.35rem .55rem}.item-compact .item-media{width:auto;height:auto;background:transparent;border-radius:0}.item-compact .item-media.mini{width:18px;height:18px}.item-mini-icon{display:grid;place-items:center;color:var(--muted)}.item-mini-icon.kind-bookmark{color:var(--accent-text)}.item-compact .item-badges{display:none}.item-compact .item-body{padding:0;flex:1;flex-direction:row;align-items:baseline;gap:.5rem}.item-compact .item-title{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-compact .item-title-text{-webkit-line-clamp:1}.item-compact .item-meta,.item-compact .item-tags{display:none}.item-compact .item-select{position:static;order:3}.item-gallery{padding:0}.item-gallery .item-media{border-radius:var(--card-radius);background:var(--surface-2)}.item-gallery .item-body{padding:.5rem .55rem .6rem}.item-gallery .item-description,.item-gallery .item-excerpt{display:none}.item-gallery:has(.item-thumb) .item-body{padding-top:.45rem}.listing{display:flex;flex-direction:column;gap:.9rem}.listing-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0 .25rem;flex-wrap:wrap}.listing-count{font-size:.78rem;color:var(--muted)}.page-head{display:flex;flex-direction:column;gap:.6rem}.page-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-head-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.page-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:clamp(1.5rem,1.3rem + .6vw,1.9rem);font-weight:600;line-height:1.15;letter-spacing:-.015em}.page-title-icon{display:grid;place-items:center;color:var(--accent-text)}.page-subtitle{color:var(--muted);font-size:.86rem}.page-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.breadcrumbs{display:flex;align-items:center;gap:.2rem;flex-wrap:wrap;font-size:.76rem;color:var(--muted)}.crumb:hover{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.crumb-current{color:var(--text-soft)}.crumb-sep{display:grid;place-items:center;opacity:.7}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.section-title{display:flex;align-items:baseline;gap:.5rem;font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.section-count{font-family:var(--font-ui);font-size:.76rem;font-weight:400;color:var(--muted)}.section-link{font-size:.79rem;color:var(--muted)}.section-link:hover{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.section{display:flex;flex-direction:column;gap:.75rem}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.3rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:.8rem}.chip:hover{border-color:var(--accent-text);color:var(--accent-text)}.inline-note{background:var(--surface-2);color:var(--text-soft)}.inline-note-info{background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--text-soft)}.inline-note-warning{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--text-soft)}.inline-note svg{flex:none;margin-top:.1rem}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent-text);border-radius:50%;animation:spin .7s linear infinite}.spinner-small{width:12px;height:12px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.summary-list{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.82rem;color:var(--text-soft)}.summary-warning{color:var(--danger)}.detail-list{display:grid;grid-template-columns:max-content 1fr;gap:.25rem .9rem;font-size:.79rem}.detail-list dt{color:var(--muted)}.detail-list dd{color:var(--text-soft);overflow-wrap:anywhere}.inline-create{display:flex;gap:.4rem;align-items:center}.inline-create .input{flex:1}.dialog{padding:0;border:none;background:transparent;max-width:min(100vw - 2rem,100%);color:var(--text)}.dialog::backdrop{background:#18161275}.dialog-panel{display:flex;flex-direction:column;max-height:min(88vh,900px);width:min(92vw,620px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.dialog-sm{width:min(92vw,460px)}.dialog-lg{width:min(94vw,880px)}.dialog-header{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.1rem .7rem;border-bottom:1px solid var(--border)}.dialog-heading{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.dialog-title{font-family:var(--font-display);font-size:1.16rem;font-weight:600;letter-spacing:-.01em}.dialog-description{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.dialog-body{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem;overflow-y:auto}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;padding:.75rem 1.1rem;border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.dialog-text{display:flex;align-items:flex-start;gap:.4rem;font-size:.86rem;color:var(--text-soft);line-height:1.5}.scroll-area{max-height:46vh;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.choice-list{display:flex;flex-direction:column;gap:.35rem}.choice{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.choice:hover{background:var(--surface-2)}.choice:has(input:checked){border-color:var(--accent-text);background:var(--accent-soft)}.choice input{accent-color:var(--accent-text);margin-top:.2rem}.choice-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.choice-label{font-size:.86rem;font-weight:500}.choice-hint{font-size:.76rem;color:var(--muted)}.choice-scroll{max-height:50vh;overflow-y:auto}.menu{position:absolute;z-index:120;min-width:220px;max-width:min(90vw,320px);max-height:min(70vh,460px);overflow-y:auto;overscroll-behavior:contain;padding:.3rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);animation:menu-in 90ms ease-out}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)}}.menu-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.42rem .5rem;border:none;border-radius:5px;background:none;color:var(--text);font-size:.84rem;text-align:left}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2)}@media(pointer:coarse){.menu-item{padding:.6rem .55rem;font-size:.9rem}}.menu-item.is-danger{color:var(--danger)}.menu-item.is-danger:hover{background:var(--danger-soft)}.menu-item svg{flex:none;color:var(--muted)}.menu-item.is-danger svg{color:var(--danger)}.menu-icon-spacer{width:16px;flex:none}.menu-label{flex:1;min-width:0}.menu-hint{font-size:.72rem;color:var(--muted)}.menu-check{color:var(--accent-text)}.menu-separator{height:1px;margin:.3rem .2rem;background:var(--border)}.toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:200;display:flex;flex-direction:column;gap:.4rem;max-width:min(92vw,400px)}.toast{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border:1px solid var(--border-strong);border-left:3px solid var(--muted);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-md);font-size:.83rem;animation:toast-in .14s ease-out}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast.is-leaving{opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.toast-message{flex:1;line-height:1.45}.toast-action{border:1px solid var(--border-strong);border-radius:4px;background:var(--surface-2);padding:.2rem .45rem;font-size:.78rem;font-weight:560;flex:none}.toast-close.icon-btn{width:22px;height:22px;flex:none}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--muted)}.markdown{font-size:.9rem;line-height:1.62;overflow-wrap:anywhere}.markdown>*+*{margin-top:.65rem}.markdown h1,.markdown h2,.markdown h3{font-family:var(--font-display);line-height:1.25;margin-top:1.1rem}.markdown h1{font-size:1.5rem}.markdown h2{font-size:1.22rem}.markdown h3{font-size:1.05rem}.markdown ul,.markdown ol{padding-left:1.3rem}.markdown li+li{margin-top:.15rem}.markdown a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.markdown code{font-family:var(--font-mono);font-size:.85em;padding:.1rem .25rem;border-radius:4px;background:var(--surface-2)}.markdown pre{overflow-x:auto;padding:.7rem .8rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border)}.markdown pre code{padding:0;background:none}.markdown blockquote{padding-left:.8rem;border-left:3px solid var(--border-strong);color:var(--muted)}.markdown hr{margin:1rem 0}.markdown table{width:100%;border-collapse:collapse;font-size:.84rem}.markdown th,.markdown td{border:1px solid var(--border);padding:.3rem .45rem;text-align:left}.home-page{gap:1.6rem}.home-section{display:flex;flex-direction:column;gap:.8rem}.library-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.stat-card{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--transition),background-color var(--transition)}.stat-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--surface-2);color:var(--muted)}.stat-text{display:flex;flex-direction:column;line-height:1.2}.stat-value{font-family:var(--font-display);font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums}.stat-label{font-size:.72rem;color:var(--muted)}.start-here{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;justify-content:space-between;padding:.9rem 1.1rem;border:1px solid var(--border);border-left:3px solid var(--accent-text);border-radius:var(--radius-md);background:var(--surface)}.start-here-text{display:flex;flex-direction:column;gap:.2rem;max-width:64ch}.start-here-title{font-family:var(--font-display);font-size:1rem;font-weight:600}.start-here p{font-size:.84rem;color:var(--muted);line-height:1.55}.folder-cover{position:relative;width:100%;aspect-ratio:4 / 1.35;min-height:120px;max-height:220px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.folder-cover img,.folder-cover .blob-img{width:100%;height:100%;object-fit:cover}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.folder-card{display:flex;align-items:center;gap:.65rem;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition)}.folder-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.folder-card-media{display:grid;place-items:center;width:44px;height:44px;flex:none;overflow:hidden;border-radius:8px}.folder-card-image,.folder-card-image .blob-img,.folder-card-image img{width:100%;height:100%;object-fit:cover}.folder-card-icon{display:grid;place-items:center}.folder-card-text{display:flex;flex-direction:column;min-width:0}.folder-card-name{font-size:.86rem;font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-card-meta{font-size:.74rem;color:var(--muted)}.collection-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.tag-cloud{display:flex;flex-wrap:wrap;gap:.45rem}.tag-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:.84rem;transition:border-color var(--transition),background-color var(--transition)}.tag-pill:hover{border-color:var(--accent-text);color:var(--text)}.tag-count{min-width:1.4rem;padding:0 .3rem;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.72rem;text-align:center}.note-page{gap:1.2rem;max-width:860px}.note-header{display:flex;flex-direction:column;gap:.55rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.note-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.note-actions{display:flex;align-items:center;gap:.25rem}.save-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;color:var(--muted);min-height:1.2rem}.save-status.is-error,.save-retry.btn{color:var(--danger)}.note-title{margin:0;font-size:inherit;font-weight:inherit}.note-title-input{width:100%;padding:.1rem 0;border:none;border-bottom:1px solid transparent;background:transparent;font-family:var(--font-display);font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);font-weight:600;letter-spacing:-.02em;line-height:1.2}.note-title-input::placeholder{color:var(--border-strong)}.note-title-input:focus{outline:none;border-bottom-color:var(--accent-text)}.note-meta{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;font-size:.76rem;color:var(--muted)}.note-meta .inline-field{flex-direction:row;align-items:center;gap:.35rem}.note-meta .inline-field .field-label{font-weight:500}.note-meta .inline-field .select{min-height:28px;width:auto;font-size:.78rem;padding-block:.15rem}.meta-separator{width:1px;height:14px;background:var(--border)}.note-content{display:flex;flex-direction:column;gap:.9rem}.note-toolbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:space-between}.note-toolbar .inline-field{flex-direction:row;align-items:center;gap:.4rem}.note-toolbar .select{min-height:30px;width:auto;font-size:.8rem}.note-toolbar .segmented-option{border:none;background:transparent;font:inherit;font-size:.82rem;cursor:pointer}.note-toolbar .segmented-option.is-active{background:var(--surface);box-shadow:var(--shadow-sm);font-weight:560}.note-editor-wrap{display:flex}.note-editor{width:100%;min-height:300px;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:.94rem;line-height:1.65;resize:none;overflow:hidden}.note-editor:focus{outline:none;border-color:var(--accent-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.note-preview{min-height:200px;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.note-preview:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.empty-preview{color:var(--muted);font-size:.85rem}.note-format-hint{display:flex;align-items:center;gap:.35rem}.note-section{display:flex;flex-direction:column;gap:.55rem;padding-top:.9rem;border-top:1px solid var(--border)}.note-section-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.note-section-title{font-size:.95rem;font-weight:600}.checklist-progress{font-size:.76rem;color:var(--muted)}.linked-list{display:flex;flex-wrap:wrap;gap:.35rem}.linked-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.78rem;color:var(--muted)}.linked-title{color:var(--text-soft);max-width:26ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.linked-title:hover{color:var(--accent-text);text-decoration:underline}.note-privacy{display:flex;align-items:center;gap:.35rem;font-size:.74rem;color:var(--muted)}.settings-page{max-width:940px}.tabs{display:flex;gap:.2rem;padding-bottom:.35rem;border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:.45rem .7rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.86rem;white-space:nowrap}.tab:hover{background:var(--surface-2);color:var(--text)}.tab.is-current{background:var(--accent-soft);color:var(--text);font-weight:560}.settings-content{display:flex;flex-direction:column;gap:1.4rem;max-width:760px}.settings-section{display:flex;flex-direction:column;gap:.7rem;padding:1rem 1.1rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.settings-section-head{display:flex;flex-direction:column;gap:.15rem}.settings-section-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.settings-section-description{font-size:.8rem;color:var(--muted);line-height:1.5}.settings-section-body{display:flex;flex-direction:column;gap:.7rem}.accent-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.accent-field{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.settings-background-preview{position:relative;width:100%;aspect-ratio:3 / 1;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);display:grid;place-items:center}.settings-background-preview img,.settings-background-preview .blob-img{width:100%;height:100%;object-fit:cover}.thumb-empty{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.8rem}.preset-row{display:flex;flex-wrap:wrap;gap:.4rem}.storage-usage{font-size:.86rem;color:var(--text-soft)}.info-block{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.info-title{font-family:var(--font-display);font-size:1rem;font-weight:600}.info-body{font-size:.84rem;color:var(--text-soft);line-height:1.6;max-width:80ch}.plain-list{list-style:disc;padding-left:1.2rem;font-size:.83rem;color:var(--text-soft);line-height:1.6;display:flex;flex-direction:column;gap:.2rem}.about-page{max-width:780px}.about-identity{display:flex;align-items:center;gap:1rem;padding:1.1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.about-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:var(--accent);color:var(--on-accent);flex:none}.about-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.about-meta{font-size:.8rem;color:var(--muted)}.about-links{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.84rem}.about-links a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.about-note{display:flex;align-items:flex-start;gap:.4rem;font-size:.78rem;color:var(--muted)}.shortcut-list{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem;align-items:center}.shortcut-list dt{display:flex;gap:.25rem;justify-content:flex-end}.shortcut-list dd{font-size:.83rem;color:var(--text-soft)}.shortcut-keys{display:inline-flex;gap:.2rem}.board{display:flex;flex-direction:column;gap:.6rem}.board-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.board-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted)}.board-actions{display:flex;gap:.3rem}.board-actions .btn{font-size:.78rem;min-height:30px;padding:.25rem .55rem}.board-scroll{overflow-x:auto;padding-bottom:.5rem}.board-canvas{position:relative;min-width:760px;height:420px;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:24px 24px;padding:0}.board-card{position:absolute;margin:0;box-shadow:var(--shadow-sm);z-index:1}.folder-card-media,.folder-card-image,.preview-image,.picker-thumb,.thumb-preview,.cover-preview,.icon-preview{position:relative}.board-card .item-media{aspect-ratio:auto;height:92px}.board-card .item-body{overflow:hidden}.board-card.is-dragging{z-index:5;box-shadow:var(--shadow-md);opacity:1}.board-grip{position:absolute;top:.3rem;right:.3rem;z-index:6;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--border);border-radius:4px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);cursor:grab;touch-action:none}.board-grip:active{cursor:grabbing}.board-grip:focus-visible{outline:2px solid var(--accent-text)}.board-card .item-menu{top:auto;bottom:.35rem;right:.35rem;opacity:1}.board-guide{position:absolute;background:var(--accent);opacity:.55;pointer-events:none;z-index:0}.board-guide-x{top:0;bottom:0;width:1px}.board-guide-y{left:0;right:0;height:1px}.board-empty{display:flex;align-items:center;gap:.5rem;padding:1.4rem;border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--muted);font-size:.85rem}.file-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:160px;max-height:58vh;padding:.6rem;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.preview-image{width:100%;display:grid;place-items:center}.preview-image .blob-img,.preview-image img{max-width:100%;max-height:48vh;object-fit:contain;border-radius:4px}.preview-placeholder{display:grid;place-items:center;width:64px;height:64px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.pdf-frame{width:100%;height:54vh;border:none;border-radius:4px;background:var(--surface)}.text-preview{width:100%;max-height:46vh;margin:0;padding:.7rem .8rem;overflow:auto;border-radius:4px;background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);font-size:.78rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.preview-caption{font-size:.74rem;color:var(--muted)}.file-actions{justify-content:center}body.is-selecting .item{border-style:dashed}body.is-selecting .item.is-selectable{border-color:var(--border-strong)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.45rem;max-height:320px;overflow-y:auto;padding:.15rem}.picker-tile{position:relative;display:flex;flex-direction:column;gap:.25rem;padding:.3rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left}.picker-tile:hover{border-color:var(--border-strong)}.picker-tile.is-selected{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.picker-thumb{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--surface-2)}.picker-thumb img,.picker-thumb .blob-img{width:100%;height:100%;object-fit:cover}.picker-label{font-size:.7rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-check{position:absolute;top:.35rem;right:.35rem;width:18px;height:18px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface)}.picker-tile.is-selected .picker-check{background:var(--accent);border-color:var(--accent-strong)}.picker-tile.is-selected .picker-check:after{content:"";position:absolute;inset:4px;border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);transform:rotate(-45deg) translateY(-1px)}.picker-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.picker-toolbar-text{font-size:.78rem;color:var(--muted)}.picker-tools{display:flex;gap:.35rem;margin-left:auto}.picker-filter{max-width:100%}.picker-status{min-height:1.1rem;font-size:.76rem;color:var(--muted)}.picker-empty{padding:1.5rem;text-align:center;font-size:.82rem;color:var(--muted)}.thumb-preview{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.thumb-preview img,.thumb-preview .blob-img{width:100%;height:100%;object-fit:cover}.cover-preview{display:grid;place-items:center;width:100%;aspect-ratio:4 / 1.4;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.cover-preview img,.cover-preview .blob-img{width:100%;height:100%;object-fit:cover}.editor-icon-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.editor-icon-actions{display:flex;flex-direction:column;gap:.3rem;flex:1}.icon-preview{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted);flex:none}.icon-preview img,.icon-preview .blob-img{width:100%;height:100%;object-fit:cover}.icon-grid{display:flex;flex-wrap:wrap;gap:.3rem}.icon-option{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted)}.icon-option[aria-pressed=true]{border-color:var(--accent-text);background:var(--accent-soft);color:var(--accent-text)}.bookmark-picker-list{display:flex;flex-direction:column;gap:.3rem;max-height:50vh;overflow-y:auto}.bookmark-picker-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.bookmark-picker-item.is-selected{border-color:var(--accent-text);background:var(--accent-soft)}.bookmark-picker-item input{accent-color:var(--accent-text)}.bookmark-picker-text{display:flex;flex-direction:column;min-width:0}.bookmark-picker-title{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-picker-domain{font-size:.72rem;color:var(--muted)}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;height:100dvh;color:var(--muted);font-size:.85rem}.splash-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--accent);color:var(--on-accent)}.fatal{min-height:70vh;justify-content:center}@media(max-width:720px){.board-canvas{min-width:680px}.note-title-input{font-size:1.5rem}.settings-section{padding:.85rem}.about-identity{flex-direction:column;text-align:center}.shortcut-list{grid-template-columns:1fr;gap:.2rem}.shortcut-list dt{justify-content:flex-start;margin-top:.4rem}}@media(max-width:480px){.selection-bar{align-items:flex-start}.items-grid,.items-compact{grid-template-columns:minmax(0,1fr)}.item-list .item-media{width:44px;height:40px}}.items-masonry{display:block;columns:3 230px;column-gap:var(--item-gap)}.items-masonry .item{break-inside:avoid;margin-bottom:var(--item-gap)}.item-masonry .item-media{aspect-ratio:auto;min-height:92px}.item-masonry .item-media.has-thumb{background:var(--surface-2)}.item-masonry .item-thumb img{height:auto;max-height:420px;object-fit:cover}.item-masonry .item-description,.item-masonry .item-excerpt{-webkit-line-clamp:3}.crop-stage{position:relative;display:inline-block;max-width:100%;align-self:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);touch-action:none;user-select:none}.crop-image{display:block;max-width:100%;max-height:58vh;pointer-events:none}.crop-box{position:absolute;border:2px solid var(--accent-text);border-radius:2px;box-shadow:0 0 0 9999px #14131075;cursor:move}.crop-box.is-dragging{cursor:grabbing}.crop-box:focus-visible{outline:2px solid var(--text);outline-offset:2px}.crop-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border:2px solid var(--surface);border-radius:50%;background:var(--accent);cursor:nwse-resize}.note-dates,.note-words{color:var(--muted);font-size:.78rem}.note-words:before{content:"·";margin-right:.35rem;color:var(--border-strong)}.note-meta .note-words:only-child:before{content:none}.save-status.is-saving{color:var(--muted)}.tag-name{font-weight:550;overflow-wrap:anywhere}.link-button{padding:0;border:0;background:none;color:var(--accent-text);font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-button:hover{color:var(--accent-strong)}.splash-text{margin:0;color:var(--muted);font-size:.85rem;letter-spacing:.01em}