:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--surface-hover: #eef0f4;--border: #e1e4ea;--text: #1b1f27;--muted: #677183;--accent: #3563e9;--accent-soft: #e6ecfd;--accent-text: #ffffff;--danger: #d23b3b;--star: #e3a008;--favicon-bg: var(--surface-hover);--folder-red: #dc3b3b;--folder-orange: #e8710a;--folder-amber: #c98a00;--folder-green: #2f9e44;--folder-teal: #0f9488;--folder-blue: #3563e9;--folder-violet: #7c4ddb;--folder-pink: #d6409f;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 4px 12px rgb(16 24 40 / 6%);--radius: 10px;--sidebar-w: 264px;--ease: cubic-bezier(.2, 0, 0, 1);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #111318;--surface: #1a1d24;--surface-hover: #242833;--border: #2c313c;--text: #e6e8ee;--muted: #979fb0;--accent: #6d8ff5;--accent-soft: #232c47;--accent-text: #0b1020;--danger: #f06a6a;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 12px rgb(0 0 0 / 25%);--star: #f5c04a;--favicon-bg: #e4e7ed;--folder-red: #f47171;--folder-orange: #fb9a4b;--folder-amber: #f2c14e;--folder-green: #5ccf7a;--folder-teal: #3fd0c2;--folder-blue: #7b9cf7;--folder-violet: #a88bf5;--folder-pink: #f27fc0}}:root[data-theme=dark]{color-scheme:dark;--bg: #111318;--surface: #1a1d24;--surface-hover: #242833;--border: #2c313c;--text: #e6e8ee;--muted: #979fb0;--accent: #6d8ff5;--accent-soft: #232c47;--accent-text: #0b1020;--danger: #f06a6a;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 12px rgb(0 0 0 / 25%);--star: #f5c04a;--favicon-bg: #e4e7ed;--folder-red: #f47171;--folder-orange: #fb9a4b;--folder-amber: #f2c14e;--folder-green: #5ccf7a;--folder-teal: #3fd0c2;--folder-blue: #7b9cf7;--folder-violet: #a88bf5;--folder-pink: #f27fc0}:root[data-accent]{--accent: var(--user-accent);--accent-soft: color-mix(in srgb, var(--user-accent) 12%, #fff);--accent-text: var(--user-accent-text)}@media(prefers-color-scheme:dark){:root[data-accent]:not([data-theme=light]){--accent: color-mix(in oklab, var(--user-accent) 70%, #fff);--accent-soft: color-mix(in srgb, var(--user-accent) 24%, #1a1d24);--accent-text: #0b1020}}:root[data-accent][data-theme=dark]{--accent: color-mix(in oklab, var(--user-accent) 70%, #fff);--accent-soft: color-mix(in srgb, var(--user-accent) 24%, #1a1d24);--accent-text: #0b1020}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:.85rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.icon{display:inline-flex;flex:none}.icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon--filled svg{fill:currentColor}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:background .15s var(--ease),border-color .15s var(--ease)}.btn:hover{background:var(--surface-hover)}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn--primary:hover{background:var(--accent);filter:brightness(1.08)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn--ghost:hover{color:var(--text)}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn:disabled{opacity:.28;cursor:default}.icon-btn:disabled:hover{background:transparent;color:var(--muted)}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.shell--sidebar-hidden{grid-template-columns:1fr}.shell--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.file-drop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0a0e1673;pointer-events:none;animation:pop .12s var(--ease)}.file-drop__card{display:grid;justify-items:center;gap:8px;width:min(440px,100%);padding:44px 28px;border:2px dashed var(--accent);border-radius:18px;background:var(--surface);color:var(--muted);box-shadow:var(--shadow)}.file-drop__card strong{color:var(--text);font-size:1.08rem}.file-drop__icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:4px;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:8px;padding:16px 10px;background:var(--surface);border-right:1px solid var(--border)}.sidebar__backdrop{display:none}.sidebar__brand-row,.sidebar__section-heading{display:flex;align-items:center;justify-content:space-between}.brand{flex:1;padding:4px 10px 12px;font-weight:650;font-size:1.05rem}.sidebar__hide{margin:-2px 2px 6px 0}.sidebar__hide .icon{transform:rotate(180deg)}.sidebar__show{position:fixed;z-index:12;top:16px;left:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.sidebar__resize{position:absolute;z-index:2;top:0;right:-5px;bottom:0;width:10px;cursor:col-resize;touch-action:none}.sidebar__resize:after{content:"";position:absolute;top:0;right:4px;bottom:0;width:2px;background:var(--accent);opacity:0;transition:opacity .15s var(--ease)}.sidebar__resize:is(:hover,:focus-visible):after,.shell--resizing .sidebar__resize:after{opacity:.65}.sidebar__nav{flex:1;overflow-y:auto}.sidebar__new{justify-content:flex-start}.sidebar__section-label{margin:12px 10px 5px;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar__section-heading .sidebar__section-label{flex:1}.sidebar__tree-toggle{width:26px;height:26px;margin:8px 5px 1px 0}.sidebar__tree-toggle .icon{transition:transform .15s var(--ease)}.sidebar__tree-toggle-icon--open{transform:rotate(90deg)}.main{padding:28px clamp(16px,4vw,48px);min-width:0}.shell--sidebar-hidden .main{padding-left:max(58px,4vw)}@media(max-width:800px){:root{--sidebar-w: 220px}}.tree{list-style:none;margin:0;padding:0}.tree__row{display:flex;align-items:center;gap:2px;min-height:32px;padding-right:4px;border-radius:7px;color:var(--muted)}.tree__row:hover{background:var(--surface-hover);color:var(--text)}.tree__row--active,.tree__row--active:hover{background:var(--accent-soft);color:var(--text)}.tree__home{gap:8px;padding-left:12px}.tree__toggle{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;background:none;color:inherit;cursor:pointer;border-radius:4px}.tree__toggle .icon{transition:transform .15s var(--ease)}.tree__toggle--open .icon{transform:rotate(90deg)}.tree__link{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:6px 0}.tree__add{width:24px;height:24px;opacity:0}.tree__bookmark{gap:8px;padding-block:6px}.favicon.tree__favicon{width:16px;height:16px;border-radius:4px;font-size:.6rem}.favicon.tree__favicon img{inset:1px;width:14px;height:14px}.tree__row:hover .tree__add,.tree__add:focus-visible{opacity:1}.segmented{display:flex;gap:2px;padding:3px;border-radius:9px;background:var(--bg)}.sidebar .segmented{align-self:flex-start}.segmented__option{display:grid;place-items:center;width:34px;height:28px;border:0;border-radius:7px;background:none;color:var(--muted);cursor:pointer}.segmented__option[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.page-header{display:grid;gap:10px;margin-bottom:24px}.page-header__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-title{flex:1;font-size:1.6rem;font-weight:650}.toolbar,.toolbar__group{display:flex;align-items:center;gap:6px}.section-title{margin:20px 0 10px;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:20px 0 10px}.section-title-row .section-title{margin:0}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;font-size:.9rem}.crumbs li{display:flex;align-items:center;gap:4px}.crumbs__item{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border-radius:6px;color:var(--muted)}a.crumbs__item:hover{background:var(--surface-hover);color:var(--text)}.crumbs__item--current{color:var(--text)}.crumbs__sep{color:var(--border)}.page-icon{display:grid;place-items:center;color:var(--accent)}.view-bar{display:flex;align-items:center;gap:8px;margin-bottom:-4px}.view-bar>:first-child{flex:1}.select select{padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}.items{display:grid;margin:0;padding:0;list-style:none}.items--grid{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:12px}.items--list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.item{position:relative;min-width:0;transition:box-shadow .15s var(--ease),background .15s var(--ease)}.item--entering{animation:pop .2s var(--ease)}.item--grid{transition:box-shadow .15s var(--ease),transform .15s var(--ease),background .15s var(--ease)}.item--leaving{animation:leave .18s var(--ease) forwards}.item__main{display:grid;gap:2px;min-width:0}.item__title{font-weight:550}.item__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.item__link:focus-visible{outline:none}.item:has(.item__link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.item__actions{position:relative;z-index:1;display:flex;justify-content:flex-end}.item__hover,.item__fav:not(.item__fav--on){opacity:0;transition:opacity .15s}.item:hover :is(.item__hover,.item__fav),.item:focus-within :is(.item__hover,.item__fav){opacity:1}.item__fav--on,.item__fav--on:hover{color:var(--star)}.item--grid .item__tags:empty{display:none}.item__icon,.favicon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:8px;overflow:hidden}.item__icon--folder{color:var(--accent);background:color-mix(in srgb,currentColor 13%,transparent)}.item__icon--note{color:var(--folder-amber);background:color-mix(in srgb,var(--folder-amber) 14%,transparent)}.item--note{border-color:color-mix(in srgb,var(--folder-amber) 32%,var(--border))}.library-note__text{width:100%;min-height:58px;padding:2px 0;resize:none;overflow:hidden;border:0;outline:0;background:transparent;color:var(--text);font:inherit;line-height:1.5}.library-note__text:focus{resize:vertical;overflow:auto;box-shadow:inset 0 -1px var(--folder-amber)}.item--list .library-note__text{min-height:40px}.favicon{background:var(--accent-soft);color:var(--accent);font-weight:650;font-size:.85rem;position:relative}.favicon__fallback{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 28% 18%,hsl(var(--favicon-hue) 80% 72% / 45%),transparent 55%),color-mix(in srgb,hsl(var(--favicon-hue) 65% 52%) 16%,var(--surface));color:color-mix(in srgb,hsl(var(--favicon-hue) 72% 34%) 82%,var(--text));font-size:inherit;font-weight:750;line-height:1}.favicon img{position:absolute;inset:7px;width:18px;height:18px;object-fit:contain;opacity:0;transition:opacity .12s var(--ease)}.favicon--loaded img{opacity:1}.favicon--loaded{background:var(--favicon-bg)}.item--grid{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.item--grid:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.item--grid .item__actions{position:absolute;top:8px;right:8px}.item--grid .item__folder,.item--grid .item__date{display:none}.item--grid .item__title:hover{color:var(--accent)}.item__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:2px}.item--list{display:grid;align-items:center;gap:12px;padding:8px 12px;grid-template-columns:32px minmax(0,2.4fr) minmax(0,1fr) 6.5rem minmax(0,1.2fr) 156px}.item--list+.item--list{border-top:1px solid var(--border)}.item--list:hover{background:var(--surface-hover)}.item--list .item__desc{display:none}.item--list .item__tags{margin:0;flex-wrap:nowrap;overflow:hidden}@media(max-width:1000px){.item--list{grid-template-columns:32px minmax(0,1fr) 6.5rem 156px}.item--list :is(.item__folder,.item__tags){display:none}}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tag{padding:1px 7px;border-radius:999px;background:var(--surface-hover);color:var(--muted);font-size:.75rem;white-space:nowrap}@media(hover:none){.item__hover,.item__fav,.tree__add{opacity:1!important}}.item__check{appearance:none;position:absolute;z-index:2;display:grid;place-items:center;width:20px;height:20px;margin:0;border:1.5px solid var(--muted);border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #10182840;cursor:pointer;opacity:0;scale:.6;transition:opacity .15s var(--ease),scale .15s var(--ease),background .15s,border-color .15s}.item__check:after{content:"";width:8px;height:4.5px;margin-top:-2px;rotate:-45deg;scale:0;border:solid var(--accent-text);border-width:0 0 2px 2px;transition:scale .15s var(--ease)}.item__check:hover{border-color:var(--accent)}.item__check:checked{background:var(--accent);border-color:var(--accent)}.item__check:checked:after{scale:1}.item__check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.item--grid .item__check{top:7px;left:7px}.item--list .item__check{top:calc(50% - 23px);left:5px}.item:hover .item__check,.item--selected .item__check,.item__check:focus-visible,.items:has(.item--selected) .item__check{opacity:1;scale:1}.item__icon{transition:box-shadow .15s var(--ease)}.item--selected .item__icon{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.item--selected,.item--selected:hover{background:var(--accent-soft)}.item--grid.item--selected{border-color:var(--accent)}@media(hover:none){.item__check{opacity:1;scale:1}}.selection-bar{position:sticky;bottom:16px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:2px;width:fit-content;max-width:100%;margin:24px auto 0;padding:6px 6px 6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);animation:pop .16s var(--ease)}.selection-bar__count{margin-right:8px;font-weight:600;font-size:.9rem}.selection-bar .btn{padding-inline:10px}.selection-bar__danger:hover{color:var(--danger)}.cdk-drag-preview{background:var(--surface);border-radius:var(--radius);opacity:.8;box-shadow:0 12px 28px #10182838;transform-origin:center;rotate:1deg;animation:none;transition:none}.tree__item.cdk-drag-preview{list-style:none;border-radius:7px}.tree__item:is(.cdk-drag-preview,.cdk-drag-placeholder)>app-folder-tree{display:none}html.dnd-sorting :is(.items--list>.item,.tree__item):not(.cdk-drag-placeholder){transition:transform .2s var(--ease)}.cdk-drag-preview.item--list{border:1px solid var(--border)}.cdk-drag-preview[data-count]{box-shadow:5px 5px 0 -1px var(--surface),5px 5px 0 0 var(--border),0 12px 28px #10182838}.cdk-drag-preview[data-count]:before{content:attr(data-count);position:absolute;top:-9px;right:-9px;z-index:3;display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:.8rem;font-weight:650}.cdk-drag-placeholder{opacity:.35;animation:none}.item--grid.cdk-drag-placeholder{border-style:dashed;box-shadow:none;transform:none}.cdk-drag-animating{transition:transform .2s var(--ease)}.item--carried:not(.cdk-drag-placeholder){opacity:.4}.drop-target{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)!important}.drop-target--invalid{outline:2px dashed var(--danger);outline-offset:-2px}.drop-new{display:flex;align-items:center;gap:8px;padding:12px;border:1.5px dashed var(--accent);border-radius:var(--radius);color:var(--accent);font-weight:550;animation:pop .16s var(--ease)}.drop-new.drop-target{outline:none;border-style:solid}.drag-hint{position:fixed;top:16px;left:50%;translate:-50% 0;z-index:5;max-width:calc(100vw - 32px);padding:8px 14px;border-radius:10px;background:var(--text);color:var(--bg);font-size:.85rem;box-shadow:var(--shadow);animation:pop .16s var(--ease)}.empty{display:grid;justify-items:center;gap:8px;padding:56px 16px;text-align:center;border:1px dashed var(--border);border-radius:16px}.empty__icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:4px;border-radius:16px;color:var(--accent);background:color-mix(in srgb,currentColor 13%,transparent)}.empty__title{font-size:1.1rem;font-weight:600}.empty .toolbar{margin-top:8px}.planner-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 22px}.planner-hero__eyebrow{margin-bottom:4px;color:var(--accent);font-size:.78rem;font-weight:700;text-transform:capitalize}.planner-hero__title{font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:-.04em}.planner-hero .muted{margin-top:10px}.planner-stat{display:grid;justify-items:end;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:.78rem}.planner-stat strong{color:var(--text);font-size:1.35rem;line-height:1}.planner-capture{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:10px;max-width:1180px;margin:0 auto 24px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.planner-capture__types{display:flex;gap:3px;padding:3px;border-radius:9px;background:var(--bg)}.planner-capture__types button{padding:6px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.planner-capture__types .planner-type--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.planner-capture textarea{min-width:0;max-height:110px;padding:8px 4px;resize:vertical;border:0;outline:0;background:transparent;line-height:1.45}.planner-capture__hint{grid-column:2;margin-top:-7px}.planner-capture__folder{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:9px;color:var(--muted)}.planner-capture__folder select{min-width:0;max-width:180px;border:0;outline:0;background:var(--surface);color:var(--text)}.planner-board{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:14px;align-items:start;max-width:1180px;margin:0 auto}.planner-column{min-width:0;padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 72%,var(--bg))}.planner-column__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:2px 3px 12px}.planner-column__header h2{font-size:.95rem}.planner-column__header p{margin-top:2px;color:var(--muted);font-size:.76rem}.planner-column__count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--surface-hover);color:var(--muted);font-size:.76rem;font-weight:650}.planner-list{display:grid;gap:8px;min-height:132px;border-radius:10px}.planner-list.cdk-drop-list-dragging{background:var(--accent-soft)}.planner-card{position:relative;display:grid;gap:7px;padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 1px 2px #1018280a}.planner-card--note{border-color:color-mix(in srgb,var(--folder-amber) 35%,var(--border))}.planner-card--done{opacity:.72}.planner-card--done .planner-card__text{text-decoration:line-through;color:var(--muted)}.planner-card__top{display:flex;align-items:center;gap:7px}.planner-kind{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.planner-card__home{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:52%;padding:3px 6px;overflow:hidden;border:0;border-radius:6px;background:var(--surface-hover);color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.planner-card__home:hover,.planner-card__home:focus-visible{color:var(--text);outline:1px solid var(--accent)}.planner-note-dot{width:12px;height:12px;border-radius:4px;background:var(--folder-amber)}.planner-check{width:17px;height:17px;margin:0;accent-color:var(--accent);cursor:pointer}.planner-grip{display:grid;place-items:center;width:24px;height:24px;margin-left:auto;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:grab}.planner-grip:hover{background:var(--surface-hover);color:var(--text)}.planner-grip__dots{display:block;width:14px;height:16px;background:radial-gradient(circle,currentColor 1.25px,transparent 1.6px) 0 0 / 7px 7px}.planner-grip:active{cursor:grabbing}.planner-card__text{width:100%;padding:3px 1px;resize:none;overflow:hidden;border:0;background:transparent;outline:0;line-height:1.45}.planner-card__text:focus{resize:vertical;overflow:auto;box-shadow:inset 0 -1px var(--accent)}.planner-card__actions{display:flex;align-items:center;opacity:0;transition:opacity .15s var(--ease)}.planner-card:hover .planner-card__actions,.planner-card:focus-within .planner-card__actions{opacity:1}.planner-card__delete{margin-left:auto}.planner-card__delete:hover{color:var(--danger)}.planner-chevron--left{rotate:180deg}.planner-empty{display:grid;place-items:center;align-content:center;gap:3px;min-height:116px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:.78rem}.planner-empty span{font-size:1.2rem}.planner-clear{display:flex;margin:16px auto 0}.planner-card.cdk-drag-preview{opacity:.94;rotate:1deg}@media(max-width:1100px){.planner-board{grid-template-columns:1fr}.planner-list{min-height:96px}}@media(max-width:900px){.planner-capture{grid-template-columns:1fr}.planner-capture__hint{grid-column:1}.planner-capture .btn{justify-content:center}.planner-capture__folder select{flex:1;max-width:none}}@media(max-width:650px){.planner-hero{align-items:flex-start}.section-title-row{align-items:flex-start;flex-direction:column;gap:3px}}@media(hover:none){.planner-card__actions{opacity:1}}kbd{display:inline-grid;place-items:center;min-width:20px;padding:1px 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--bg);color:var(--muted);font:500 .72rem/1.4 inherit}.sidebar__search{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px 7px 12px;margin-bottom:4px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);font:inherit;font-size:.9rem;cursor:pointer;text-align:left}.sidebar__search span{flex:1}.sidebar__search:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.search-field{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted)}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{flex:1;min-width:0;padding:12px 0;border:0;background:none;color:var(--text);font:inherit;font-size:1rem;outline:none}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--star);background:color-mix(in srgb,var(--star) 14%,var(--surface))}.chip[aria-pressed=true] .icon{color:var(--star)}.hl{background:color-mix(in srgb,var(--accent) 22%,transparent);border-radius:3px}.results__count{margin-bottom:8px}.results{margin:0;padding:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.result{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;animation:pop .2s var(--ease)}.result+.result{border-top:1px solid var(--border)}.result:hover{background:var(--surface-hover)}.result .item__actions{margin-left:auto}.result:hover :is(.item__hover,.item__fav),.result:focus-within :is(.item__hover,.item__fav){opacity:1}.result__main{display:grid;gap:3px;min-width:0;flex:1}.result__title{font-weight:550;justify-self:start}.result__title:hover{color:var(--accent)}.result__meta{display:flex;align-items:center;gap:6px;min-width:0}.result__path{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.result__path a:hover{color:var(--accent)}.result__desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.tag--button{border:0;cursor:pointer;font:inherit;font-size:.75rem}.tag--button:hover,.tag--on{background:var(--accent-soft);color:var(--accent)}.palette{width:min(640px,calc(100vw - 32px));margin-top:12vh;overflow:hidden}.palette__search{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--muted)}.palette__input{flex:1;min-width:0;padding:16px 0;border:0;background:none;color:var(--text);font:inherit;font-size:1.05rem;outline:none}.palette__list{max-height:min(420px,55vh);overflow-y:auto;margin:0;padding:6px;list-style:none}.palette__group{padding:10px 10px 4px;font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.palette__option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}.palette__option[aria-selected=true]{background:var(--accent-soft)}.palette__option[aria-selected=true] .palette__label{color:var(--text)}.palette__icon{display:grid;place-items:center;flex:none;width:24px;height:24px;color:var(--muted)}.favicon.palette__icon{border-radius:6px;font-size:.7rem}.favicon.palette__icon img{inset:4px;width:16px;height:16px}.palette__label{flex:1}.palette__hint{max-width:45%;font-size:.8rem;color:var(--muted)}.palette__empty{padding:24px;text-align:center;color:var(--muted)}.palette__footer{display:flex;flex-wrap:wrap;gap:16px;padding:10px 16px;border-top:1px solid var(--border);font-size:.78rem;color:var(--muted)}.palette__footer kbd{margin-right:2px}.field__url{display:flex;align-items:center;gap:8px}.field__url input{flex:1;min-width:0}.sidebar__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar__footer-actions{display:flex;align-items:center;gap:4px}.icon-btn--active{color:var(--accent);background:var(--accent-soft)}.settings{max-width:720px;margin-bottom:16px;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.settings__title{font-size:1.05rem;font-weight:650}.settings>.settings__help{margin-top:6px}.settings__group{display:grid;gap:8px;margin:0;padding:16px 0;border:0;border-top:1px solid var(--border);min-width:0}.settings>.settings__group:first-of-type,.settings>.settings__notice{margin-top:16px}.settings>.settings__group:last-child{padding-bottom:0}.settings__label{padding:0;font-weight:600;font-size:.92rem}.settings__help{line-height:1.5}.settings__help .icon{vertical-align:-2px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-col{display:grid;gap:8px}.choice{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease)}.choice:hover{background:var(--surface-hover)}.choice:has(:checked){border-color:var(--accent);background:var(--accent-soft)}.choice:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.choice input{accent-color:var(--accent);margin:0}.choice-row .choice input{position:absolute;opacity:0;pointer-events:none}.choice--card{align-items:flex-start;padding:12px 14px;line-height:1.45}.choice--card input{margin-top:3px}.accents{display:flex;flex-wrap:wrap;gap:12px;padding:4px 2px}.accent{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--swatch);color:var(--muted);cursor:pointer;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.accent:hover{transform:scale(1.08)}.accent input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.accent:has(:checked),.accent--on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--swatch)}.accent:has(:focus-visible){outline:2px solid var(--text);outline-offset:4px}.accent--custom:not(.accent--on){background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444)}.accent--custom:not(.accent--on) .icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--text)}.accent-preview{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;margin-top:4px;border:1px dashed var(--border);border-radius:10px}.accent-preview .btn{pointer-events:none}.accent-preview__chip{padding:4px 10px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--accent);font-size:.9rem}.accent-preview__link{color:var(--accent);font-weight:550}.settings__actions{display:flex;flex-wrap:wrap;gap:8px}.settings__notice{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.settings__error{color:var(--danger)}.settings__danger{border-top-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.btn--danger-outline{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.btn--danger-outline:hover{background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.skip-link{position:fixed;top:8px;left:8px;z-index:20;translate:0 -150%;padding:8px 14px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-text);font:inherit;font-weight:600;cursor:pointer;transition:translate .15s var(--ease)}.skip-link:focus-visible{translate:0 0}.main:focus{outline:none}.dialog{width:min(460px,calc(100vw - 32px));padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.dialog:focus-visible{outline:none}.dialog::backdrop{background:#0a0e1673}.dialog[open]{animation:pop .16s var(--ease)}.dialog__body{display:grid;gap:14px;padding:22px}.dialog__title{font-size:1.1rem;font-weight:650}.dialog__message{color:var(--muted)}.dialog__error{color:var(--danger);font-size:.9rem}.dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.field{display:grid;gap:5px;font-size:.9rem}.field small{color:var(--muted)}.field input,.field textarea,.field select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px}.picker{margin:0;padding:0;border:0;min-width:0}.picker legend{padding:0;margin-bottom:6px}.picker input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.picker label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.picker__icons{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.picker__option{position:relative;display:grid;place-items:center;height:38px;border-radius:8px;color:var(--muted);border:1px solid transparent}.picker__option:hover{background:var(--surface-hover);color:var(--text)}.picker__option:has(:checked){color:var(--picked, var(--accent));border-color:currentColor;background:color-mix(in srgb,currentColor 13%,transparent)}.dialog form:has([name=color][value=red]:checked){--picked: var(--folder-red)}.dialog form:has([name=color][value=orange]:checked){--picked: var(--folder-orange)}.dialog form:has([name=color][value=amber]:checked){--picked: var(--folder-amber)}.dialog form:has([name=color][value=green]:checked){--picked: var(--folder-green)}.dialog form:has([name=color][value=teal]:checked){--picked: var(--folder-teal)}.dialog form:has([name=color][value=blue]:checked){--picked: var(--folder-blue)}.dialog form:has([name=color][value=violet]:checked){--picked: var(--folder-violet)}.dialog form:has([name=color][value=pink]:checked){--picked: var(--folder-pink)}.picker__colors{display:flex;flex-wrap:wrap;gap:10px;padding:2px}.picker__swatch{position:relative;width:26px;height:26px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f}.picker__swatch--default{--swatch: var(--muted);background:linear-gradient(135deg,transparent 44%,var(--muted) 44% 56%,transparent 56%),var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.picker__swatch:has(:checked){box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--swatch)}.toasts{position:fixed;bottom:20px;left:50%;translate:-50% 0;display:grid;gap:8px;z-index:10}.toast{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 16px;background:var(--text);color:var(--bg);border-radius:10px;box-shadow:var(--shadow);animation:pop .16s var(--ease)}.toast__action{border:0;background:none;color:inherit;font-weight:650;text-decoration:underline;cursor:pointer}.toast__close{border:0;background:none;color:inherit;opacity:.7;cursor:pointer;font-size:1.1rem}.maintenance{display:grid;gap:16px;max-width:900px;margin-bottom:20px;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.maintenance__heading,.maintenance__actions,.trash-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.maintenance__heading h2{font-size:1.05rem}.maintenance__heading p{margin-top:3px}.maintenance__scope-option{width:auto;padding-inline:12px;white-space:nowrap}.maintenance__context{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 9px;border-radius:7px;background:var(--accent-soft);color:var(--accent)}.maintenance__count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--surface-hover);color:var(--muted);font-size:.82rem;font-weight:650}.duplicate-groups{display:grid;gap:12px}.duplicate-group{min-width:0;margin:0;padding:14px;border:1px solid var(--border);border-radius:11px}.duplicate-group legend{display:flex;gap:8px;max-width:100%;padding:0 6px;font-size:.86rem;font-weight:600}.duplicate-group>p{margin-bottom:9px}.duplicate-copies{display:grid;gap:6px}.duplicate-copy{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:9px;cursor:pointer}.duplicate-copy:hover{background:var(--surface-hover)}.duplicate-copy:has(:checked){border-color:var(--accent);background:var(--accent-soft)}.duplicate-copy:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.duplicate-copy input{flex:none;margin:0;accent-color:var(--accent)}.duplicate-copy__main,.trash-item__main{display:grid;min-width:0;flex:1}.duplicate-copy__keep,.duplicate-copy__remove{flex:none;font-size:.75rem;font-weight:600}.duplicate-copy__keep{color:var(--accent)}.duplicate-copy__remove{color:var(--danger)}.maintenance-empty{display:grid;justify-items:center;gap:4px;padding:28px 16px;border:1px dashed var(--border);border-radius:11px;color:var(--muted);text-align:center}.maintenance-empty strong{color:var(--text)}.trash-list{margin:0;padding:0;list-style:none;overflow:hidden;border:1px solid var(--border);border-radius:11px}.trash-item{padding:10px 12px}.trash-item+.trash-item{border-top:1px solid var(--border)}.trash-item__icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:var(--surface-hover);color:var(--muted)}@media(max-width:700px){.maintenance__heading,.maintenance__actions{align-items:flex-start;flex-direction:column}.maintenance__scope{max-width:100%}.duplicate-copy__remove{display:none}.trash-item{align-items:flex-start;flex-wrap:wrap}.trash-item .btn{margin-left:44px}}@media(max-width:720px){body:has(.shell:not(.shell--sidebar-hidden) .sidebar){overflow:hidden}input,textarea,select{font-size:16px}.shell,.shell--sidebar-hidden{display:block}.sidebar{position:fixed;z-index:31;inset:0 auto 0 0;width:min(88vw,320px);height:100dvh;padding:max(14px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom));box-shadow:12px 0 32px #0a0e163d;animation:drawer-in .18s var(--ease)}.sidebar__backdrop{position:fixed;z-index:30;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#0a0e1675;cursor:default;animation:fade-in .18s var(--ease)}.sidebar__resize{display:none}.sidebar__show{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:44px;height:44px;border-radius:12px}.sidebar__hide,.sidebar__tree-toggle,.sidebar__footer .icon-btn,.sidebar .segmented__option{width:40px;height:40px}.sidebar__hide{margin:-2px 0 4px}.sidebar__search,.sidebar__new,.tree__row{min-height:44px}.tree__toggle{width:36px;height:36px}.main,.shell--sidebar-hidden .main{padding:calc(max(12px,env(safe-area-inset-top)) + 58px) 14px calc(24px + env(safe-area-inset-bottom))}.page-header{gap:8px;margin-bottom:18px}.page-header__row{align-items:flex-start;gap:10px}.page-title{font-size:1.35rem;line-height:1.2}.toolbar{width:100%;flex-wrap:wrap}.toolbar .btn,.toolbar .select{flex:none}.toolbar--page-actions{display:grid;gap:10px}.toolbar--page-actions .toolbar__group{display:grid;gap:8px}.toolbar__group--folder{grid-template-columns:repeat(3,44px);width:fit-content;padding:3px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.toolbar__group--folder .icon-btn{width:44px;height:40px}.toolbar__group--bulk,.toolbar__group--create{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar--page-actions .btn{justify-content:center;min-height:44px;white-space:nowrap}.toolbar__group--create .btn--primary{grid-column:1 / -1}.view-bar{align-items:stretch;flex-wrap:wrap}.view-bar>:first-child{flex-basis:100%}.select,.select select{max-width:100%}.items--grid{grid-template-columns:minmax(0,1fr);gap:10px}.items--list{gap:10px;overflow:visible;border:0;background:transparent}.item--grid{padding:13px}.item--list{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.item--list+.item--list{border-top:1px solid var(--border)}.item--list :is(.item__folder,.item__date,.item__tags){display:none}.item--list .item__actions{grid-column:3}.item__actions .icon-btn,.result .icon-btn,.planner-card__actions .icon-btn{width:40px;height:40px}.result{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px}.result .item__actions{grid-column:1 / -1;justify-content:flex-end;margin-left:0}.planner-hero{flex-direction:column;gap:14px}.planner-hero__title{font-size:clamp(2rem,13vw,2.8rem)}.planner-stat{width:100%;justify-items:start}.planner-capture{padding:12px}.planner-capture__types{overflow-x:auto}.planner-capture__types button{min-height:40px;white-space:nowrap}.settings,.maintenance{width:100%;padding:16px;border-radius:12px}.choice-row{align-items:stretch;flex-direction:column}.choice-row .choice,.settings__actions .btn{width:100%}.settings__actions .btn{justify-content:center;min-height:44px}.dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.dialog__body{gap:12px;padding:18px}.dialog__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dialog__actions .btn{justify-content:center;min-height:44px}.palette{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}.palette__list{max-height:calc(100dvh - 132px)}.palette__footer,.palette__hint,.sidebar__search kbd{display:none}.toasts{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;translate:none}.toast{justify-content:space-between}.file-drop{padding:14px}.file-drop__card{padding:34px 18px;text-align:center}}@keyframes drawer-in{0%{translate:-100% 0}}@keyframes fade-in{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(4px) scale(.98)}}@keyframes leave{to{opacity:0;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}