:root{--font-space-grotesk:var(--font-display),"Times New Roman",serif;--font-work-sans:var(--font-body),"Segoe UI","Helvetica Neue",sans-serif;--bg:#f7f3ee;--bg-accent:#f1ebe3;--ink:#12100b;--ink-muted:#4c463d;--border:#d7d0c6;--shadow:rgba(18,16,11,0.08);--crema:#fbf2d9;--menta:#dff4e6;--melocoton:#ffe2c9;--lavanda:#e7defc;--gris:#ece8e2;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--page-max-width:1360px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-work-sans);background:linear-gradient(135deg,var(--bg),#fdfbf7 45%,var(--bg-accent));color:var(--ink);min-height:100vh}body.modal-open{overflow:hidden}.header__title,h1,h2,h3{font-family:var(--font-space-grotesk);letter-spacing:-.02em}.label-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:5px 10px;border-radius:999px;border:1px solid #c8beaf;background:#fff;color:#1d1812;font-size:12px;font-weight:600;line-height:1.25;letter-spacing:.01em;text-transform:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:grid;grid-template-columns:auto minmax(200px,1fr) auto;gap:24px;align-items:center;width:min(100%,var(--page-max-width));min-height:104px;margin-inline:auto;padding:24px 40px;border-bottom:1px solid var(--border);background:rgba(249,246,241,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;transition:padding .18s ease,background-color .18s ease,border-color .18s ease}.header--selection{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-top:24px;padding-bottom:24px;background:rgba(236,244,255,.96);border-bottom-color:#bfd1f7}.header__brand{display:flex;gap:16px;align-items:center}.header__brand-link{color:inherit;text-decoration:none}.header__brand-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:var(--radius-sm)}.header__logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:700;font-size:18px}.header__title{font-size:20px}.header__search{display:flex;justify-content:center}.header__search-input{width:100%;max-width:520px}.header__input{width:100%;border:1px solid var(--border);padding:12px 16px;border-radius:var(--radius-md);background:#fff;font-size:14px}.search-input{position:relative;width:100%}.search-input__field{padding-right:42px}.search-input__clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.search-input__clear:hover{color:var(--ink);border-color:var(--border);background:rgba(255,255,255,.8)}.search-input__clear:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.header__input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}.header__actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.header__selection-main{display:inline-flex;align-items:center;gap:12px;min-width:0}.header__selection-count{font-size:22px;font-weight:600;letter-spacing:-.02em}.header__action-button,.header__selection-actions{display:inline-flex;align-items:center;gap:8px}.header__action-button{min-height:40px;padding:8px 12px;border-radius:999px;white-space:nowrap}.button--ghost.header__action-button--select{color:#1d4ed8;border-color:#9bb7f4;background:#ffffff}.button--ghost.header__action-button--select:hover{border-color:#5f8fe8;background:#d9e7ff}.button--ghost.header__action-button--archive{color:#166534;border-color:#b9e2c7;background:#effcf3}.button--ghost.header__action-button--archive:hover{border-color:#8fceaa;background:#ddf7e7}.button--ghost.header__action-button--unarchive{color:#0f766e;border-color:#9fe3d4;background:#edfffa}.button--ghost.header__action-button--unarchive:hover{border-color:#73d4bd;background:#d8f9ef}.button--ghost.header__action-button--restore{color:#8a4b0f;border-color:#f2c48c;background:#fff4e5}.button--ghost.header__action-button--restore:hover{border-color:#dfa66a;background:#ffe8cc}.button--ghost.header__action-button--delete{color:#9f1d1a;border-color:#e7c1bc;background:#fff7f6}.button--ghost.header__action-button--delete:hover{border-color:#e79894;background:#ffe3e1}.header__icon-button{width:40px;height:40px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.header__icon-button:hover{background:rgba(18,16,11,.08)}.header__icon-button--exit{border-color:#b7c9f7;background:#eef4ff;color:#1d4ed8}.header__icon-button--exit:hover{border-color:#8fb0f5;background:#dce9ff}.header__icon-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.header__icon-button:disabled{opacity:.45;cursor:not-allowed}.header__overflow{position:relative}.header__overflow>summary{list-style:none}.header__overflow>summary::-webkit-details-marker{display:none}.header__overflow-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 12px 24px rgba(18,16,11,.16);padding:6px;display:none;flex-direction:column;gap:4px;z-index:30}.header__overflow[open] .header__overflow-menu{display:flex}.header__overflow-item{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;padding:8px 10px;text-align:left;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.header__overflow-item:hover{background:#f7f3ee}.header__account{position:relative}.header__account>summary{list-style:none}.header__account>summary::-webkit-details-marker{display:none}.header__account-trigger{display:inline-flex;align-items:center;min-width:44px;justify-content:center;border-color:var(--border);background:#fff}.header__account-trigger:hover{border-color:#c7bdb0;background:#f7f3ee}.header__account-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 12px 24px rgba(18,16,11,.16);padding:8px;display:none;flex-direction:column;gap:6px;z-index:30}.header__account[open] .header__account-menu{display:flex}.header__account-label{margin:0;font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;padding:2px 6px 0}.header__account-identity{margin:0;font-size:13px;font-weight:600;color:var(--ink);padding:0 6px 4px}.header__account-item{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;display:inline-flex;align-items:center;text-decoration:none;text-align:left;padding:9px 10px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.header__account-item:hover{background:#f7f3ee}.header__account-item:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.header__account-item--danger{color:#9f1d1a}.button{border:1px solid var(--ink);padding:10px 16px;border-radius:999px;background:transparent;font-size:13px;font-weight:600;cursor:pointer;min-height:44px}.button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button--primary{background:var(--ink);color:#fff}.button--ghost{border-color:var(--border);color:var(--ink)}.app__body{display:grid;grid-template-columns:240px 1fr;gap:32px;width:min(100%,var(--page-max-width));margin-inline:auto;padding:32px 40px 48px;min-height:calc(100vh - 104px)}.sidebar{display:flex;flex-direction:column;gap:28px;position:sticky;top:104px;align-self:stretch;padding-right:24px;border-right:1px solid var(--border);height:100%}.sidebar__section{padding-bottom:16px;border-bottom:1px solid var(--border)}.sidebar__section:last-child{border-bottom:none;padding-bottom:0}.sidebar__label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin-bottom:12px;display:inline-flex;align-items:center;gap:8px}.sidebar__label-link{text-decoration:none;color:inherit}.sidebar__label-link--active{color:var(--ink);padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;box-shadow:0 8px 18px rgba(18,16,11,.06)}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar__section-header .sidebar__label{margin-bottom:0}.sidebar__section-toggle{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:pointer;flex-shrink:0}.sidebar__section-title{display:inline-flex;align-items:center;gap:6px}.sidebar__section>.sidebar__section-title{margin-bottom:12px}.sidebar__section-title .sidebar__label{margin-bottom:0}.sidebar__section-chevron{color:var(--ink-muted);transition:transform .14s ease}.sidebar__section-chevron.is-open{transform:rotate(90deg)}.sidebar__list{list-style:none;display:flex;flex-direction:column;gap:8px}.sidebar__list--folders,.sidebar__list--labels,.sidebar__list--notes-filters,.sidebar__list--quick-access{gap:6px}.sidebar__section-add{width:26px;height:26px;min-height:26px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-muted)}.sidebar__section-add:hover{color:var(--ink);background:#fff;border-color:#c7bdb0}.sidebar__item{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;color:var(--ink-muted);transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.sidebar__item:hover:not(.sidebar__item--active){border-color:#ddd5ca;background:rgba(255,255,255,.75);color:var(--ink);transform:translateX(2px)}.sidebar__link{color:inherit;text-decoration:none;display:block;border-radius:8px}.sidebar__link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sidebar__folder-row,.sidebar__label-row{display:flex;align-items:center;gap:8px}.sidebar__drag-surface{cursor:pointer!important;touch-action:none;user-select:none;-webkit-user-select:none}.sidebar__drag-surface:active{cursor:grabbing!important}.sidebar__drag-surface *{cursor:inherit!important;user-select:none;-webkit-user-select:none}.sidebar__folder-row .sidebar__link,.sidebar__label-row .sidebar__link{flex:1 1;min-width:0}.sidebar__item--filter,.sidebar__item--folder,.sidebar__item--label{padding:9px 10px}.sidebar__filter-link{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.sidebar__filter-leading{display:inline-flex;align-items:center;gap:8px;min-width:0}.sidebar__filter-leading svg{color:#6f665a;flex-shrink:0}.sidebar__filter-count{margin-left:auto;min-width:2ch;text-align:right;font-size:12px;color:#8a8072;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.sidebar__item--active .sidebar__filter-count,.sidebar__item--active .sidebar__filter-leading svg{color:var(--ink)}.sidebar__item--folder:hover:not(.sidebar__item--active),.sidebar__item--label:hover:not(.sidebar__item--active){transform:none}.sidebar__folder-link,.sidebar__label-item-link{display:inline-flex;align-items:center;justify-content:space-between;gap:10px}.sidebar__label-item-link{width:100%}.sidebar__folder-leading,.sidebar__label-leading{display:inline-flex;align-items:center;gap:8px;min-width:0}.sidebar__folder-leading svg,.sidebar__label-leading svg{color:#6f665a;flex-shrink:0}.sidebar__folder-name,.sidebar__label-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__folder-count,.sidebar__label-count{min-width:2ch;text-align:right;font-size:12px;color:#8a8072;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.sidebar__item--active .sidebar__folder-count,.sidebar__item--active .sidebar__folder-leading svg,.sidebar__item--active .sidebar__label-count,.sidebar__item--active .sidebar__label-leading svg{color:var(--ink)}.sidebar__item--quick{padding:0;border-color:transparent;background:transparent}.sidebar__quick-note{width:100%;border:1px solid transparent;background:transparent;padding:9px 10px;border-radius:var(--radius-sm);text-align:left;color:var(--ink);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.sidebar__quick-note:hover{border-color:#ddd5ca;background:rgba(255,255,255,.75)}.sidebar__quick-leading{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0}.sidebar__quick-leading svg{color:#6f665a;flex-shrink:0}.sidebar__quick-pin{transform:rotate(-32deg)}.sidebar__quick-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__item--quick-empty{padding:9px 10px;border:1px dashed #d7d0c6}.sidebar__quick-empty-text{font-size:12px;color:var(--ink-muted)}.sidebar__color-item{display:inline-flex;align-items:center;gap:8px}.sidebar__color-swatch{width:12px;height:12px;border-radius:999px;border:1px solid rgba(18,16,11,.2);flex-shrink:0}.sidebar__colors-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sidebar__colors-grid--compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.sidebar__color-grid-item{border-radius:12px;border:1px solid transparent;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.sidebar__color-grid-item:hover{transform:translateY(-1px)}.sidebar__color-grid-item--active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.sidebar__color-grid-link{display:block;border-radius:11px;overflow:hidden;text-decoration:none}.sidebar__color-grid-link--button{width:100%;border:none;background:transparent;padding:0;cursor:pointer}.sidebar__color-grid-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sidebar__color-grid-swatch{display:block;width:100%;aspect-ratio:1/1;border-radius:10px;border:1px solid rgba(18,16,11,.15)}.sidebar__color-grid-swatch--compact{border-radius:8px}.sidebar__item--active{border-color:var(--border);background:#fff;color:var(--ink);box-shadow:0 8px 18px rgba(18,16,11,.06)}.sidebar__item--dragging{opacity:.45;border-style:dashed;box-shadow:none}.sidebar__item--drop-target{border-color:#a19482;background:#fff;box-shadow:0 0 0 1px rgba(24,20,15,.18)}.sidebar__drag-overlay{border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 16px 28px rgba(18,16,11,.2);color:var(--ink)}.sidebar__drag-overlay--folder{min-width:180px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px}body.sidebar--dragging,body.sidebar--dragging *{cursor:grabbing!important}.sidebar__drag-overlay-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__drag-overlay-count{margin-left:auto;min-width:2ch;font-size:12px;color:#8a8072;text-align:right}.sidebar__context-menu{position:fixed;z-index:40;min-width:140px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 14px 26px rgba(18,16,11,.16);padding:5px;display:flex;flex-direction:column;gap:2px}.sidebar__context-menu-item{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;padding:7px 8px;text-align:left;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.sidebar__context-menu-item:hover{background:#f7f3ee}.sidebar__context-menu-item--danger{color:#9f1d1a}.sidebar__context-menu-item--danger:hover{background:#fff1f0}.main{display:flex;flex-direction:column;gap:32px}.main__feedback,.main__route-loading{font-size:13px;color:var(--ink-muted)}.main__route-loading{min-height:clamp(180px,38vh,320px);display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;opacity:0;animation:route-loading-fade-in .18s ease forwards;animation-delay:.14s}.main__route-loading-dot{width:8px;height:8px;border-radius:999px;background:currentColor;opacity:.5;animation:route-loading-pulse .86s ease-in-out infinite}@keyframes route-loading-fade-in{0%{opacity:0}to{opacity:1}}@keyframes route-loading-pulse{0%,to{transform:scale(.65);opacity:.35}50%{transform:scale(1);opacity:.75}}.section{display:flex;flex-direction:column;gap:16px}.section__header{display:flex;align-items:baseline;gap:12px}.section__header h2{font-size:22px}.section__meta{font-size:12px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em}.section__header--board .section__meta{padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.68)}@media (max-width:1100px){.header,.header--selection{grid-template-columns:1fr}.header__actions,.header__selection-actions{justify-content:flex-start;flex-wrap:wrap}.app__body{grid-template-columns:1fr}.sidebar{position:relative;top:0;padding-right:0;border-right:none}}@media (max-width:700px){.header{padding:20px}.header__selection-count{font-size:22px}.app__body{padding:20px}.header__actions{width:100%;justify-content:space-between;gap:10px}}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-panel--loading{font-size:14px;color:var(--ink-muted)}.auth-panel__card{width:min(480px,100%);border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(255,255,255,.8);padding:28px;display:flex;flex-direction:column;gap:16px}.auth-panel__title{font-size:28px}.auth-panel__subtitle{font-size:14px;color:var(--ink-muted)}.auth-panel__form{display:flex;flex-direction:column;gap:14px}.auth-panel__actions{display:flex;flex-wrap:wrap;gap:10px}.auth-panel__field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-muted)}.auth-panel__password-row{display:flex;align-items:center;gap:8px}.auth-panel__password-input{flex:1 1}.auth-panel__password-toggle{min-height:40px;min-width:88px;justify-content:center}.auth-panel__checkbox{flex-direction:row;align-items:center;gap:10px}.auth-panel__error{font-size:13px;color:#b42318}.auth-panel__notice{font-size:13px;color:#0f5132;background:rgba(15,81,50,.08);border:1px solid rgba(15,81,50,.18);border-radius:var(--radius-sm);padding:8px 10px}.auth-panel__floating-error{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #f3b3ac;border-radius:var(--radius-sm);padding:8px 12px}.notes-grid{position:relative;min-height:1px;contain:layout;overflow:visible;overflow-anchor:none}.notes-grid--board{display:block}.notes-grid--drag-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-items:start}.notes-grid__item{position:absolute;left:0;top:0;will-change:transform;transition:transform 90ms linear}.notes-grid--drag-layout .notes-grid__item{position:relative;left:auto;top:auto;width:100%;transform:none!important;transition:none}.notes-grid__item.is-dragging{z-index:10}.notes-grid__item--drop-target .note-card{border-color:rgba(29,78,216,.5);box-shadow:0 1px 2px rgba(18,16,11,.12),0 0 0 2px rgba(29,78,216,.22),0 10px 20px rgba(18,16,11,.1)}.notes-grid__item--placeholder{pointer-events:none}.notes-grid__drop-placeholder{width:100%;display:block;border-radius:var(--radius-md);border:1px solid rgba(18,16,11,.22);background:linear-gradient(135deg,rgba(18,16,11,.04) 25%,transparent 0) 0 0 /12px 12px,linear-gradient(315deg,rgba(18,16,11,.04) 25%,transparent 0) 0 0 /12px 12px,rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(18,16,11,.06),0 6px 12px rgba(18,16,11,.06)}.notes-grid__overlay{cursor:grabbing}.notes-list{display:flex;flex-direction:column;gap:12px}.notes-list__item{width:100%}.notes-list__item--sortable{touch-action:none}.notes-list__item--dragging{opacity:0}.notes-list__item .note-card{width:100%}.notes-list__overlay{cursor:grabbing}.section--board{gap:12px}.section__header--board{align-items:center}.section__title{font-size:20px}.section__header-actions--board-controls{margin-left:auto;gap:10px}.section__sort-control,.section__sort-field{display:inline-flex;align-items:center}.section__sort-field{min-height:38px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.92);padding-left:10px;padding-right:6px}.section__sort-icon{color:var(--ink-muted);flex-shrink:0}.section__sort-select{min-height:38px;border:0;border-radius:999px;padding:0 24px 0 8px;background:transparent;color:var(--ink);font-size:13px;font-weight:600}.section__sort-select:focus{outline:none}.section__sort-field:focus-within{outline:2px solid var(--ink);outline-offset:1px}.section__sort-select:focus-visible{outline:none}.section__view-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.75)}.section__view-option{border:0;background:transparent;color:var(--ink-muted);min-height:38px;min-width:44px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.section__view-option:hover{background:rgba(18,16,11,.08);color:var(--ink)}.section__view-option:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.section__view-option.is-active{background:var(--ink);color:#fff;box-shadow:0 1px 2px rgba(18,16,11,.22)}.section__view-option-label{line-height:1}@media (max-width:840px){.section__header--board{flex-wrap:wrap;align-items:flex-start}.section__header-actions--board-controls{margin-left:0;width:100%;justify-content:space-between;flex-wrap:wrap}.section__sort-select{min-width:190px}}.folders-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.72);overflow:hidden}.section__header-main{display:inline-flex;align-items:baseline;gap:12px}.section__header-actions{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.folders-section__search{max-width:none}.folders-section__search-wrap{width:280px;max-width:100%}.folders-section__add{width:38px;min-height:38px;height:38px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.folders-section__add:hover{border-color:#c7bdb0;background:#fff}.folders-list__item+.folders-list__item{border-top:1px solid rgba(18,16,11,.08)}.folders-list__item--dragging{opacity:.45}.folders-list__item--drop-target .folder-row{box-shadow:inset 4px 0 0 #c59e6b}.folder-row__surface{cursor:grab;touch-action:none}.folder-row__surface:active{cursor:grabbing}.folder-row__surface--static{cursor:default}.folder-row{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;color:var(--ink);padding:14px 18px;min-height:56px;transition:background-color .14s ease,box-shadow .14s ease}.folder-row:hover{background:rgba(255,255,255,.94);box-shadow:inset 4px 0 0 #c59e6b}.folder-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.folder-row--overlay{width:min(100%,680px);border-radius:var(--radius-md);border:1px solid var(--border);background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(18,16,11,.18)}.folder-row__main{min-width:0;display:inline-flex;align-items:center;gap:12px}.folder-row__icon{width:20px;height:14px;border-radius:4px;background:linear-gradient(180deg,#efbf69,#e3aa4f);box-shadow:inset 0 -1px 0 rgba(18,16,11,.12),0 1px 2px rgba(18,16,11,.14);position:relative;flex-shrink:0}.folder-row__icon:before{content:"";position:absolute;left:1px;top:-4px;width:10px;height:5px;border-top-left-radius:4px;border-top-right-radius:3px;background:#f3cc7f}.folder-row__icon--label{width:20px;height:20px;border-radius:999px;background:#e8f0fe;color:#2657b8;display:inline-flex;align-items:center;justify-content:center}.folder-row__icon--label:before{display:none}.folder-row__name{overflow-wrap:anywhere;font-size:16px;font-weight:600}.folder-row__meta{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.folder-row__meta,.folders-section__hint{font-size:12px;color:var(--ink-muted)}.notes-dropzone{min-height:1px}.section--empty.notes-dropzone{min-height:160px}.note-card{position:relative;overflow:visible;padding:14px;border-radius:var(--radius-md);border:1px solid rgba(18,16,11,.12);background:linear-gradient(to bottom,var(--note-accent,#60a5fa) 0,var(--note-accent,#60a5fa) var(--note-accent-height,6px),transparent var(--note-accent-height,6px)),var(--note-surface,#fefefe);background-clip:padding-box;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(18,16,11,.12),0 8px 18px rgba(18,16,11,.08);text-align:left;cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease,filter .18s ease,opacity .15s ease;width:100%;margin:0}.note-card.is-bulk-exiting{opacity:0;transform:translateY(-6px) scale(.985);filter:saturate(.9);pointer-events:none}.note-card:hover{border-color:rgba(18,16,11,.24);box-shadow:0 2px 3px rgba(18,16,11,.12),0 0 0 1px rgba(18,16,11,.14),0 12px 22px rgba(18,16,11,.1);filter:saturate(1.01)}.note-card:active{transform:none}.note-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.note-card.is-selection-mode{cursor:pointer}.note-card.is-selected{border-color:#1d4ed8;box-shadow:0 1px 2px rgba(18,16,11,.12),0 0 0 2px rgba(29,78,216,.22),0 10px 20px rgba(18,16,11,.1)}.note-card__selection-handle{position:absolute;top:-8px;left:-12px;z-index:3;border:1px solid rgba(18,16,11,.28);background:rgba(255,255,255,.95);color:var(--ink);width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-2px) scale(.96);transition:opacity .12s ease,transform .12s ease,border-color .12s ease,background-color .12s ease}.note-card.is-selected .note-card__selection-handle,.note-card:focus-within .note-card__selection-handle,.note-card:hover .note-card__selection-handle{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.note-card__selection-handle:hover{border-color:#1d4ed8}.note-card__selection-handle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.note-card__selection-handle.is-selected{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.note-card__header{display:flex;gap:8px;align-items:flex-start}.note-card__title{flex:1 1;min-width:0;font-size:20px;line-height:1.15;font-weight:700;overflow-wrap:anywhere;word-break:break-word}.note-card__pin{position:absolute;top:-8px;right:-12px;z-index:3;border:1px solid var(--border);background:rgba(255,255,255,.95);color:var(--ink);width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.note-card__pin svg{width:13px;height:13px}.note-card:focus-within .note-card__pin,.note-card:hover .note-card__pin{opacity:1;pointer-events:auto}@media (hover:none){.note-card__pin{opacity:1;pointer-events:auto}}.note-card__pin:hover{background:#2b2925;border-color:#2b2925;color:#fff;transform:translateY(-1px)}.note-card__pin:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.note-card__pin.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.note-card__pin.is-active:hover{background:#2b2925;border-color:#2b2925;color:#fff}.note-card__body{font-size:13px;line-height:1.45;color:var(--ink-muted);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow-wrap:anywhere;word-break:break-word}.note-card__images{display:grid;gap:6px;width:calc(100% + 28px);margin:calc(-14px + var(--note-accent-height, 6px)) -14px 0;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}.note-card__images--single{grid-template-columns:1fr}.note-card__images--double{grid-template-columns:repeat(2,minmax(0,1fr))}.note-card__images--multi{grid-template-columns:repeat(3,minmax(0,1fr))}.note-card__image-item{position:relative;overflow:hidden;border-radius:0;border:1px solid rgba(18,16,11,.08);background:rgba(18,16,11,.06);aspect-ratio:4/3}.note-card__images--single .note-card__image-item{aspect-ratio:16/9}.note-card__image{object-fit:cover}.note-card__labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.note-card__checklist-preview{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.note-card__checklist-preview-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink)}.note-card__checklist-preview-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card__checklist-preview-item.is-done{color:var(--ink-muted)}.note-card__checklist-preview-item.is-done span{text-decoration:line-through}.note-card__checklist{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-muted)}.note-card__label{background:rgba(255,255,255,.88)}.note-card__date{margin-top:auto;padding-top:8px;border-top:1px solid rgba(18,16,11,.08);font-size:11px;color:#5e5a53}.note-card--crema{--note-surface:var(--crema)}.note-card--menta{--note-surface:var(--menta)}.note-card--melocoton{--note-surface:var(--melocoton)}.note-card--lavanda{--note-surface:var(--lavanda)}.note-card--gris{--note-surface:var(--gris)}.section--empty .empty-state{padding:24px;border:1px dashed var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.6)}.empty-state__title{font-weight:700;margin-bottom:6px}.empty-state__text{font-size:14px;color:var(--ink-muted)}.pagination{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.75)}.pagination__hint,.pagination__summary{font-size:13px;color:var(--ink-muted)}.pagination__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagination__pages{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.pagination__nav,.pagination__page{min-height:38px;padding:8px 12px;border-radius:10px}.pagination__page--active{background:var(--ink);color:#fff;border-color:var(--ink)}@media (max-width:700px){.section__header{align-items:stretch;flex-direction:column}.section__header-actions{margin-left:0;width:100%}.folders-section__search{max-width:none}.folders-section__search-wrap{width:100%}.folder-row{padding:12px 14px}.folder-row__meta{font-size:11px}.note-card__images--multi{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(18,16,11,.5);opacity:1;animation:modal-backdrop-in .14s ease-out}.modal{position:relative;max-width:980px;width:min(95vw,980px);min-height:min(760px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 24px 48px rgba(18,16,11,.25);padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px;background:#fff;z-index:1;overflow:auto;opacity:1;transform:translateY(0) scale(1);animation:modal-in .17s ease-out}.modal--editor-fullscreen{overflow:hidden;width:min(98vw,1120px);min-height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}.modal--editor-fullscreen>:not(.modal__body-editor.is-fullscreen){display:none}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--note-accent-height,6px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--note-accent,transparent)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0 8px}.modal__header-divider{border:0;border-top:1px solid var(--border);margin:0}.modal__header-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}.modal__title-wrap{flex:1 1;min-width:0;display:flex;align-items:center}.modal__archive,.modal__close,.modal__delete{min-height:40px;border-radius:10px;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.01em}.modal__archive{color:#166534;border-color:#b9e2c7;background:#effcf3}.modal__archive:hover{border-color:#8fceaa;background:#ddf7e7}.modal__close{border-color:#bfd5ea;color:#1f4f79;background:#edf5fd}.modal__close:hover{border-color:#90b8da;background:#dcecff}.modal__delete{border-color:#f2b8b5;color:#9f1d1a;background:#fff1f0}.modal__delete:hover{border-color:#e79894;background:#ffe3e1}.modal__delete:disabled{opacity:.6;cursor:not-allowed}.modal__unarchive{min-height:40px;border-radius:10px;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.01em;color:#0f766e;border-color:#9fe3d4;background:#edfffa}.modal__unarchive:hover{border-color:#73d4bd;background:#d8f9ef}.modal__restore{height:44px;border-radius:12px;padding:0 16px;letter-spacing:.04em}.modal__restore:hover{border-color:#2b2925;background:#2b2925}.modal__restore:disabled{opacity:.6;cursor:not-allowed}.modal__delete-forever{height:44px;border-radius:12px;padding:0 16px;letter-spacing:.04em;border-color:#f2b8b5;color:#9f1d1a;background:#fff1f0}.modal__delete-forever:hover{border-color:#e79894;background:#ffe3e1}.modal__delete-forever:disabled{opacity:.6;cursor:not-allowed}.modal__title{font-size:28px}.modal__title-display{width:auto;border:none;background:transparent;padding:0;font-size:22px;line-height:1.2;font-family:var(--font-space-grotesk),system-ui,sans-serif;color:var(--ink);text-align:left;cursor:text;white-space:normal;overflow-wrap:anywhere}.modal__title-display:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.modal__title-display:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.modal__title-input{display:block;width:min(100%,500px);min-height:calc(1.2em + 12px);border:1px solid var(--border);background:transparent;font-size:22px;line-height:1.2;font-family:var(--font-space-grotesk),system-ui,sans-serif;color:var(--ink);outline:none;padding:6px 10px;border-radius:12px;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.modal__title-input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}.modal__title-input::placeholder{color:var(--ink-muted)}.modal__body-editor{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:260px}.modal__body-editor .note-editor__content{min-height:clamp(220px,34vh,380px);max-height:clamp(220px,34vh,380px)}.modal__section-action{margin-left:auto;width:44px;height:44px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.modal__section-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-muted);margin-top:8px}.modal__section-label--meta{margin-top:12px}.modal__meta{border:1px solid var(--border);border-radius:12px;background:#f9fbfd;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.modal__meta-item{display:flex;justify-content:flex-start;align-items:baseline;gap:8px}.modal__meta-key{font-size:12px;color:#6a778b;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.modal__meta-value{font-size:13px;color:#3b4558;font-weight:600}.modal__section-title{font-weight:700}.modal__taxonomy{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal__taxonomy-main{flex:0 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.modal__folder-assignment,.modal__tag-assignment{display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border:1px solid var(--border);border-radius:10px;background:#f7f9fc;color:#5f6e82;min-height:38px;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.modal__folder-assignment svg,.modal__tag-assignment svg{display:block;flex-shrink:0;width:14px;height:14px}.modal__folder-assignment:focus-within,.modal__tag-assignment:focus-within{border-color:#b9b0a4;box-shadow:0 0 0 2px rgba(18,16,11,.1)}.modal__folder-assignment:hover,.modal__tag-assignment:hover{border-color:#a89e90;background:#fff;box-shadow:0 2px 10px rgba(18,16,11,.1)}.modal__taxonomy-picker-trigger{border:none;background:transparent;min-height:30px;width:auto;min-width:76px;max-width:132px;flex:0 1 auto;text-align:left;font-size:14px;color:#4e5c71;padding:0 2px 0 0;outline:none;cursor:pointer;transition:color .14s ease}.modal__taxonomy-picker-trigger:focus-visible{outline:none;color:#2f3a4a}.modal__taxonomy-picker-trigger:hover{color:#253247}.modal__taxonomy-add{width:26px;height:26px;border-radius:8px;border:1px solid var(--border);background:#fff;color:#5f6e82;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.modal__taxonomy-add:hover:not(:disabled){border-color:#b8b0a4;background:#f4f6fa;color:#3d495c;transform:translateY(-1px)}.modal__taxonomy-add:focus-visible{outline:none;border-color:#b9b0a4;box-shadow:0 0 0 2px rgba(18,16,11,.1)}.modal__taxonomy-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal__taxonomy-colors{display:inline-flex;align-items:center;gap:8px;padding-top:2px}.modal__color-swatch{width:30px;height:30px;border-radius:999px;border:2px solid rgba(18,16,11,.2);cursor:pointer}.modal__color-swatch.is-active{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.25)}.modal__label-chips{margin-top:0;display:flex;flex-wrap:wrap;gap:6px}.modal__label-chips--taxonomy{flex-basis:100%;width:100%;margin-top:2px}.modal__label-chip{cursor:pointer;background:rgba(255,255,255,.88);transition:border-color .14s ease,background-color .14s ease}.modal__label-chip:hover{border-color:#c8beaf;background:#fff}.modal__label-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.modal__editor-actions{display:flex;align-items:center;gap:16px;justify-content:flex-end}.modal__checklist{display:flex;flex-direction:column;gap:6px;height:100%;min-height:0}.modal__secondary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}.modal__checklist-section,.modal__secondary-grid>*{display:flex;flex-direction:column}.modal__checklist-section{border:1px solid var(--border);border-radius:12px;padding:10px;background:rgba(255,255,255,.7);gap:8px;flex:1 1;height:280px;min-height:0;max-height:280px;overflow:hidden}.modal__checklist-progress{display:grid;gap:4px}.modal__checklist-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.modal__checklist-progress-text{font-size:12px;color:var(--ink-muted)}.modal__checklist-progress-percent{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:20px;border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;color:#fff;background:var(--ink)}.modal__checklist-progress-track{width:100%;height:8px;border-radius:999px;background:rgba(18,16,11,.12);overflow:hidden}.modal__checklist-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d6a4f,#52b788);transition:width .18s ease-out}.modal__checklist-progress-foot{font-size:11px;color:var(--ink-muted)}.modal__checklist-items{display:flex;flex-direction:column;gap:6px;padding-right:2px;scrollbar-gutter:stable;flex:1 1;min-height:0;overflow-y:auto}.modal__checklist-item{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:8px;min-height:36px}.modal__checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--ink)}.modal__checklist-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:2px 4px;border-radius:7px}.modal__checklist-content:hover{background:rgba(18,16,11,.04)}.modal__checklist-input{flex:1 1;border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px;line-height:1.3}.modal__checklist-text{flex:1 1;border:none;background:transparent;padding:6px 8px;text-align:left;font-size:13px;line-height:1.35;color:var(--ink);cursor:text;border-radius:8px}.modal__checklist-text.is-done{text-decoration:line-through;color:var(--ink-muted)}.modal__checklist-input:focus-visible,.modal__checklist-remove:focus-visible,.modal__checklist-text:focus-visible{outline:2px solid rgba(18,16,11,.28);outline-offset:1px}.modal__checklist-remove{border:none;background:transparent;color:var(--ink-muted);cursor:pointer;padding:2px;border-radius:8px;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}.modal__checklist-remove:hover{background:rgba(18,16,11,.08);color:var(--ink)}.modal__checklist-empty{font-size:13px;line-height:1.35;color:var(--ink-muted)}.modal__checklist-add{min-height:40px;border-radius:10px;padding:6px 12px;font-size:12px;letter-spacing:.01em;display:inline-flex;align-items:center;gap:6px;border-color:#d9c39a;color:#6e4b11;background:#fff4df}.modal__checklist-add:hover{border-color:#cba86e;background:#ffe9c0}.modal__checklist-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modal__checklist-toggle-completed{min-height:40px;border-radius:10px;padding:6px 12px;font-size:12px;letter-spacing:.01em;display:inline-flex;align-items:center;gap:6px;border-color:#b8d7c5;color:#1f5b3a;background:#edf8f1}.modal__checklist-toggle-completed:hover{border-color:#8ec2a4;background:#ddf2e5}.modal__checklist-toggle-completed[aria-pressed=true]{border-color:#5d9c7a;background:#cde9d9;color:#15452b}.modal__images{gap:6px;min-width:0;height:100%}.modal__images,.modal__images-panel{display:flex;flex-direction:column;min-height:0}.modal__images-panel{position:relative;border:1px solid var(--border);border-radius:12px;padding:10px;background:rgba(255,255,255,.7);gap:8px;flex:1 1;height:280px;max-height:280px;overflow:hidden}.modal__images-header{display:flex;align-items:center;gap:8px}.modal__images-dropzone{border:1px dashed #b9c7d8;border-radius:10px;background:#f7faff;padding:8px 10px;display:flex;align-items:center;min-height:40px;cursor:pointer;flex:1 1;min-width:0}.modal__images-dropzone:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.modal__images-dropzone.is-drag-active{border-color:#5c8db8;background:#ecf4fd}.modal__images-dropzone[aria-disabled=true]{opacity:.72;cursor:not-allowed}.modal__images-dropzone-title{font-size:14px;font-weight:700;color:#2f4760}.modal__images-dropzone-copy{font-size:12px;color:#61758d;margin:0}.modal__images-input{display:none}.modal__images-error{margin:0;font-size:12px;color:#a31e1c}.modal__images-count{margin:0;font-size:12px;color:var(--ink-muted);flex-shrink:0}.modal__attachments-list{display:flex;flex-direction:column;gap:6px;flex:1 1;min-height:0;overflow-y:auto;padding-right:2px;scrollbar-gutter:stable}.modal__attachment-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;background:#fcfcfc;padding:8px}.modal__attachment-thumb{width:56px;height:42px;flex-shrink:0;object-fit:cover;border-radius:6px;background:#e9eef5}.modal__attachment-thumb-button{border:none;background:transparent;padding:0;border-radius:6px;cursor:pointer}.modal__attachment-thumb-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.modal__attachment-meta{flex:1 1;min-width:0;display:grid;gap:2px}.modal__attachment-name{display:block;max-width:100%;margin:0;font-size:14px;font-weight:700;color:#2b2f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal__attachment-name-button{border:none;background:transparent;padding:0;width:100%;min-width:0;text-align:left;cursor:text}.modal__attachment-name-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.modal__attachment-title-input{width:100%;font:inherit;font-size:14px;font-weight:700;color:#2b2f36;border:1px solid #c7d1dc;border-radius:6px;padding:4px 8px;background:#fff}.modal__attachment-title-input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.modal__attachment-time{margin:0;font-size:13px;color:#5f6976}.modal__attachment-actions{display:flex;align-items:center;gap:4px;justify-self:end;flex-shrink:0}.modal__attachment-menu-button,.modal__attachment-open{width:34px;height:34px;min-height:34px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.modal__attachment-menu-wrap{position:relative}.modal__attachment-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:110px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(18,16,11,.16);padding:4px;z-index:3}.modal__attachment-menu.is-upward{top:auto;bottom:calc(100% + 4px)}.modal__attachment-menu-item{width:100%;border:none;background:transparent;color:#952824;font-size:13px;font-weight:600;text-align:left;padding:6px 8px;border-radius:6px;cursor:pointer}.modal__attachment-menu-item:hover{background:#fff1f0}.modal__image-preview-overlay{position:fixed;inset:0;background:rgba(9,9,10,.86);padding:20px;display:grid;place-items:center;z-index:70}.modal__image-preview{width:100%;max-width:min(92vw,1080px);border-radius:14px;background:#eef1f4;border:1px solid #c9d1da;padding:14px;position:relative;display:grid;gap:12px;box-shadow:0 22px 46px rgba(0,0,0,.32)}.modal__image-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e3e8ee;border:1px solid #c9d1da;border-radius:10px;padding:8px 10px}.modal__image-preview-meta{min-width:0;display:grid;gap:2px}.modal__image-preview-title{margin:0;font-size:14px;font-weight:700;color:#2b2f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal__image-preview-counter{margin:0;font-size:12px;color:#5f6976}.modal__image-preview-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.modal__image-preview-action{min-height:32px;border-radius:8px;padding:0 10px;font-size:12px;font-weight:600}.modal__image-preview-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.modal__image-preview-nav{width:40px;height:40px;min-height:40px;border-radius:999px;padding:0;font-size:18px;font-weight:700}.modal__image-preview-viewport{position:relative;min-height:420px;max-height:calc(100dvh - 220px);border-radius:10px;background:#dfe5ec;border:1px solid #c7d0da;overflow:hidden;display:grid;place-items:center}.modal__image-preview-image{object-fit:contain;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform}.modal__image-preview-close{position:fixed;top:24px;right:24px;width:44px;height:44px;min-height:44px;padding:0;border-radius:999px;border:1px solid rgba(0,0,0,.24);background:#ffffff;color:#111111;box-shadow:0 10px 24px rgba(0,0,0,.45);z-index:71}.modal__image-preview-close:hover{background:#f1f3f5;border-color:rgba(0,0,0,.35)}.modal__image-preview-close:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.modal__image-preview-close svg{stroke:#111111}.modal__discard{border:none;background:transparent;color:var(--ink-muted);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.modal__discard:hover{color:var(--ink)}@media (max-width:700px){.modal-overlay{padding:12px}.modal{width:100%;max-height:calc(100dvh - 24px);min-height:min(760px,calc(100dvh - 24px));padding:14px}.modal__header{flex-direction:column;align-items:flex-start}.modal__title-wrap{width:100%}.modal__title-display{font-size:20px}.modal__taxonomy{flex-direction:column;align-items:stretch}.modal__secondary-grid{grid-template-columns:1fr}.modal__image-preview-overlay{padding:14px}.modal__image-preview{padding:10px}.modal__image-preview-stage{grid-template-columns:1fr}.modal__image-preview-nav{display:none}.modal__image-preview-viewport{min-height:300px;max-height:calc(100dvh - 240px)}.modal__image-preview-close{top:14px;right:14px}}@media (max-height:860px){.modal{min-height:auto}.modal__secondary-grid{grid-template-columns:1fr}.modal__checklist-section,.modal__images-panel{height:220px;max-height:220px}.modal__body-editor .note-editor__content{min-height:clamp(180px,28vh,320px);max-height:clamp(180px,28vh,320px)}}.confirm-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px}.confirm-modal__backdrop{position:absolute;inset:0;background:rgba(18,16,11,.5)}.confirm-modal__panel{position:relative;z-index:1;width:min(92vw,460px);border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;box-shadow:0 24px 48px rgba(18,16,11,.25);padding:20px;display:flex;flex-direction:column;gap:12px}.confirm-modal__title{font-size:22px}.confirm-modal__message{color:var(--ink-muted);font-size:14px;line-height:1.5}.confirm-modal__input{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px}.confirm-modal__input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}.confirm-modal__actions{margin-top:4px;display:flex;justify-content:flex-end;gap:10px}.confirm-modal__actions .button--ghost{transition:background-color .14s ease,border-color .14s ease}.confirm-modal__actions .button--ghost:hover{background:#f7f3ee;border-color:#c9bfb1}.confirm-modal__danger{border-color:#f2b8b5;color:#9f1d1a;background:#fff1f0}.confirm-modal__danger:hover{border-color:#e79894;background:#ffe3e1}.confirm-modal__option-list{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:min(48vh,360px);overflow-y:auto}.confirm-modal__option-button{width:100%;text-align:left;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;font-size:14px;cursor:pointer}.confirm-modal__option-button:hover{border-color:#c9bfb1;background:#faf8f4}.confirm-modal__option-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.confirm-modal__folder-list{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:min(48vh,360px);overflow-y:auto}.confirm-modal__folder-button{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink-muted);padding:9px 10px;cursor:pointer;text-align:left;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.confirm-modal__folder-button:hover{border-color:#ddd5ca;background:rgba(255,255,255,.75);color:var(--ink)}.confirm-modal__folder-button--indented{margin-inline-start:14px;width:calc(100% - 14px)}.confirm-modal__folder-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.confirm-modal__folder-leading{display:inline-flex;align-items:center;gap:8px;width:100%;min-width:0}.confirm-modal__folder-leading svg{color:#6f665a;flex-shrink:0}.confirm-modal__folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-modal__folder-count{min-width:2ch;text-align:right;font-size:12px;color:#8a8072;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.confirm-modal__empty-message{color:var(--ink-muted);font-size:13px}.confirm-modal__chip-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:min(42vh,260px);overflow-y:auto}.confirm-modal__chip{border:1px solid #d8d0c4;border-radius:999px;background:#fff;color:var(--ink);font-size:13px;line-height:1;padding:8px 12px;cursor:pointer}.confirm-modal__chip:hover{border-color:#bfb4a4;background:#faf8f4}.confirm-modal__chip--active{border-color:var(--ink);background:#f4f1ea;box-shadow:0 0 0 1px var(--ink)}.confirm-modal__chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.confirm-modal__colors-grid-wrap{width:min(100%,220px);margin-inline:auto}.confirm-modal__color-picker-field{display:flex;flex-direction:column;gap:8px}.confirm-modal__color-picker-label{font-size:13px;color:var(--ink-muted)}.confirm-modal__color-picker-row{display:flex;align-items:center;gap:12px}.confirm-modal__color-picker-input{inline-size:56px;block-size:40px;border:1px solid var(--border);border-radius:10px;padding:2px;background:#fff;cursor:pointer}.confirm-modal__color-picker-input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}.confirm-modal__color-picker-value{font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;color:var(--ink);letter-spacing:.02em}.modal__body-editor.is-fullscreen{position:absolute;inset:0;z-index:2;padding:12px;border:0;border-radius:inherit;background:#fff;box-shadow:none;gap:8px}.modal__body-editor.is-fullscreen .note-editor{display:flex;flex-direction:column;flex:1 1;height:100%;min-height:0}.modal__body-editor.is-fullscreen .note-editor__surface{flex:1 1;min-height:0}.modal__body-editor.is-fullscreen .note-editor__content{min-height:0;max-height:none;height:100%}.note-editor{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.8);overflow:hidden;transition:border-color .14s ease-out,box-shadow .14s ease-out}.note-editor:focus-within{border-color:var(--ink);box-shadow:0 0 0 2px rgba(18,16,11,.18)}.note-editor--loading{animation:editor-fade-in .12s ease-out}.note-editor__toolbar{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,245,240,.9));flex-wrap:wrap;align-items:center}.note-editor__toolbar--loading{min-height:66px;background:linear-gradient(90deg,rgba(221,213,200,.55),rgba(255,255,255,.9),rgba(221,213,200,.55));background-size:220% 100%;animation:editor-skeleton 1.1s ease-in-out infinite}.note-editor__file-input{display:none}.note-editor__select select{border:1px solid var(--border);background:#fff;color:var(--ink);font-size:12px;font-weight:600;padding:7px 10px;border-radius:10px;min-height:36px}.note-editor__select select:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.note-editor__group{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.82)}.note-editor__toolbar-spacer{flex:1 1 auto}.note-editor__button{border:1px solid var(--border);background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;padding:0;cursor:pointer;transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out}.note-editor__button:hover:not(:disabled){background:#f6f2ea;border-color:#c9bda9}.note-editor__button:disabled{opacity:.45;cursor:not-allowed}.note-editor__button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.note-editor__button.is-active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.note-editor__button.is-active:hover:not(:disabled){background:#255a42;border-color:#255a42}.note-editor__surface{padding:0 0 4px}.note-editor__surface--loading{min-height:384px;background:linear-gradient(90deg,rgba(221,213,200,.35),rgba(255,255,255,.95),rgba(221,213,200,.35));background-size:220% 100%;animation:editor-skeleton 1.1s ease-in-out infinite}.note-editor__content{min-height:380px;max-height:380px;padding:14px 16px;font-size:16px;line-height:1.6;color:var(--ink);outline:none;overflow-y:auto;scrollbar-gutter:stable}.note-editor__content:focus-visible{outline:none}.note-editor__content p{margin:0 0 10px}.note-editor__content p:last-child{margin-bottom:0}.note-editor__content ol,.note-editor__content ul{padding-left:24px;margin:0 0 10px}.note-editor__content li{margin-bottom:6px}.note-editor__content pre{background:#12100b;color:#f7f3ee;padding:12px 14px;border-radius:12px;overflow-x:auto;font-size:14px}.note-editor__content code{font-family:Courier New,monospace}@keyframes editor-skeleton{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes editor-fade-in{0%{opacity:.7}to{opacity:1}}