:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--bg: #f5f5f9;--surface: #fff;--surface-raised: #fff;--surface-soft: #f0eff7;--surface-tint: #eceeff;--text: #1b1922;--muted: #716e7d;--faint: #9995a4;--line: #e6e4eb;--primary: #4f46b8;--primary-strong: #4239a8;--primary-soft: #e5e7ff;--primary-ink: #302b75;--secondary: #7256b5;--danger: #c7374f;--danger-soft: #fff0f2;--success: #2d8b66;--warning: #a86112;--shadow-sm: 0 1px 3px rgb(30 24 50 / 7%), 0 8px 24px rgb(30 24 50 / 4%);--shadow-md: 0 16px 48px rgb(31 24 58 / 14%);--radius-sm: 11px;--radius-md: 17px;--radius-lg: 24px;--sidebar: 246px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:var(--bg)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}svg{width:20px;height:20px;stroke-width:1.9;flex:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.muted{color:var(--muted)}.eyebrow{margin:0 0 7px;color:var(--primary);font-size:.72rem;line-height:1.2;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loader{height:100%;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.app-loader svg{width:32px;height:32px;color:var(--primary)}.app-layout{display:grid;grid-template-columns:var(--sidebar) minmax(450px,1fr) minmax(340px,390px);width:100%;height:100dvh;background:var(--bg)}.workspace{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.workspace.full-page{grid-column:2 / -1;border:0}.workspace-header{min-height:92px;padding:22px 24px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line)}.workspace-header h1{margin:0;font-size:clamp(1.55rem,2vw,2rem);letter-spacing:-.035em}.header-tools{display:flex;align-items:center;gap:9px}.header-search{width:clamp(190px,22vw,310px);height:44px;display:flex;align-items:center;gap:8px;padding:0 10px 0 13px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #1411280a}.header-search svg{width:18px;color:var(--muted)}.header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}kbd{padding:2px 6px;color:var(--faint);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;font:600 .66rem ui-monospace,monospace;white-space:nowrap}.primary-button,.secondary-button,.quick-add-button,.text-button{min-height:42px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;font-weight:720;cursor:pointer;text-decoration:none}.primary-button{color:#fff;background:var(--primary);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 24%,transparent)}.primary-button:hover{background:var(--primary-strong)}.secondary-button{color:var(--primary-ink);background:var(--surface);border:1px solid var(--line)}.secondary-button:hover,.secondary-button.active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 25%,var(--line))}.secondary-button.danger{color:var(--danger)}.primary-button:disabled,.secondary-button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.primary-button.large{width:100%;min-height:50px;border-radius:14px}.secondary-button.full{width:100%}.text-button{min-height:38px;color:var(--primary);background:transparent}.icon-button{width:42px;height:42px;padding:0;display:inline-grid;place-items:center;border:0;border-radius:12px;color:var(--muted);background:transparent;cursor:pointer}.icon-button:hover{color:var(--text);background:var(--surface-soft)}.icon-button.danger{color:var(--danger)}.filled-heart{fill:#e33d6a;color:#e33d6a}.auth-layout{display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(440px,.92fr);width:100%;min-height:100dvh;background:var(--surface)}.auth-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:44px clamp(40px,6vw,92px);color:#fff;background:linear-gradient(145deg,#393182,#5347ad 48%,#7144a6)}.auth-story:before,.auth-story:after{content:"";position:absolute;border:1px solid rgb(255 255 255 / 10%);border-radius:999px}.auth-story:before{width:550px;height:550px;right:-290px;top:-210px}.auth-story:after{width:430px;height:430px;left:-260px;bottom:-220px}.brand{display:flex;align-items:center;gap:11px;font-size:1.15rem;font-weight:820;letter-spacing:-.025em}.brand-mark{width:38px;height:38px;display:block;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px #19125a4d}.brand-light .brand-mark{box-shadow:0 8px 24px #140c5052}.auth-copy{position:relative;z-index:1;max-width:620px;margin:10vh 0}.auth-copy .eyebrow{color:#d6d3ff}.auth-copy h1{margin:0 0 24px;font-size:clamp(3rem,5.1vw,5.3rem);line-height:.98;letter-spacing:-.065em}.auth-copy>p:not(.eyebrow){max-width:560px;font-size:1.15rem;line-height:1.65;color:#ffffffc4}.auth-benefits{display:grid;gap:16px;margin:34px 0 0;padding:0;list-style:none}.auth-benefits li{display:flex;align-items:center;gap:11px;font-weight:650}.auth-benefits svg{width:23px;height:23px;padding:5px;background:#ffffff29;border-radius:50%}.auth-footnote{display:flex;align-items:center;gap:9px;color:#ffffff94;font-size:.82rem}.auth-panel{display:grid;place-items:center;padding:42px;background:var(--surface)}.auth-form-wrap{width:min(100%,430px)}.brand-mobile{display:none}.auth-icon{width:54px;height:54px;margin-bottom:26px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:17px}.auth-icon svg{width:25px;height:25px}.auth-form-wrap h2{margin:0 0 11px;font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-.045em}.auth-form-wrap>.muted{margin:0 0 30px;line-height:1.6}.stack-form{display:grid;gap:16px}.stack-form label,.editor-form label{display:grid;gap:7px;color:var(--text);font-size:.84rem;font-weight:680}.stack-form .bulk-check{display:flex;grid-template:none;flex-direction:row;align-items:center;gap:9px;padding:11px;background:var(--surface-soft);border-radius:11px}.bulk-check input{width:17px;height:17px;accent-color:var(--primary)}.stack-form input,.stack-form select,.editor-form input,.editor-form textarea,.editor-form select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;outline:0;color:var(--text);background:var(--surface);resize:vertical}.stack-form input:focus,.stack-form select:focus,.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 11%,transparent)}.form-error{margin:0;padding:10px 12px;color:var(--danger);background:var(--danger-soft);border-radius:10px;font-size:.86rem}.auth-security{margin-top:28px;padding-top:23px;border-top:1px solid var(--line);display:flex;gap:12px;color:var(--muted);font-size:.78rem;line-height:1.45}.auth-security svg{color:var(--success)}.auth-security strong{display:block;color:var(--text)}.sidebar{grid-column:1;grid-row:1;min-width:0;height:100%;display:flex;flex-direction:column;padding:20px 14px 14px;background:var(--surface);border-right:1px solid var(--line)}.sidebar>.brand{padding:0 8px 20px}.quick-add-button{width:100%;justify-content:flex-start;margin-bottom:16px;color:#fff;background:var(--primary)}.quick-add-button span{flex:1;text-align:left}.quick-add-button kbd{color:#ffffffbf;background:#ffffff1f;border-color:#ffffff1f}.sidebar nav{min-height:0;flex:1;overflow-y:auto;scrollbar-width:thin}.nav-link{min-height:42px;display:flex;align-items:center;gap:11px;margin:2px 0;padding:0 10px;color:var(--muted);border-radius:11px;text-decoration:none;font-size:.88rem;font-weight:620}.nav-link>svg{width:18px;height:18px}.nav-link:hover{color:var(--text);background:var(--surface-soft)}.nav-link.active{color:var(--primary-ink);background:var(--primary-soft);font-weight:740}.nav-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link kbd,.nav-link .nav-badge{margin-left:auto}.nav-badge{min-width:20px;padding:2px 6px;text-align:center;color:var(--muted);background:var(--surface-soft);border-radius:999px;font-size:.65rem}.nav-chevron{display:none;margin-left:auto}.nav-section{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.nav-section>p{margin:0 10px 7px;color:var(--faint);font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sidebar-footer{padding-top:12px;border-top:1px solid var(--line)}.connection,.account-button{width:100%;min-height:50px;display:flex;align-items:center;gap:9px;padding:8px;border:0;border-radius:11px;text-align:left;background:transparent}.connection>svg{width:17px;color:var(--success)}.connection.offline>svg{color:#d17b36}.connection span,.account-button span:not(.avatar){min-width:0;flex:1;display:grid}.connection strong,.account-button strong{font-size:.76rem}.connection small,.account-button small{color:var(--faint);font-size:.66rem}.account-button{cursor:pointer}.account-button:hover{background:var(--surface-soft)}.account-button>svg{width:17px;color:var(--faint)}.avatar{width:31px;height:31px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:10px;font-size:.65rem;font-weight:850}.timeline-scroll{min-height:0;flex:1;overflow-y:auto;padding:18px 22px 80px;scrollbar-gutter:stable}.hold-grid{width:100%;display:grid;gap:16px;align-items:start}.hold-grid.cards{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.hold-grid.compact{grid-template-columns:1fr;gap:9px}.hold-card{position:relative;overflow:visible;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hold-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 21%,var(--line));box-shadow:0 12px 34px #1f183a17}.hold-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.hold-card.compact{border-radius:15px}.card-media{position:relative;overflow:hidden;width:100%;height:clamp(135px,15vw,190px);display:grid;place-items:center;padding:0;color:#ffffffd9;border:0;border-radius:23px 23px 0 0;background:linear-gradient(140deg,#534ac0,#8e48bd);cursor:pointer}.card-media.kind-photo{background:linear-gradient(140deg,#436bc0,#6b46b8)}.card-media.kind-text{background:linear-gradient(140deg,#356a75,#5346b8)}.card-media.kind-location{background:linear-gradient(140deg,#4b7965,#3f56a5)}.card-media img{width:100%;height:100%;object-fit:cover}.card-media>svg{width:40px;height:40px}.media-count{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:4px;padding:5px 8px;color:#fff;background:#14111ea8;border-radius:999px;font-size:.7rem;font-weight:700}.media-count svg{width:13px;height:13px}.card-body{padding:14px 15px 15px;cursor:default}.compact .card-body{padding:12px 13px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--faint);font-size:.69rem}.card-meta span{display:flex;align-items:center;gap:5px;color:var(--primary);font-weight:760}.card-meta svg{width:14px;height:14px}.card-title-row{display:flex;align-items:flex-start;gap:5px}.card-title-row h3{min-width:0;flex:1;margin:9px 0 7px;font-size:1rem;line-height:1.34;letter-spacing:-.015em;overflow-wrap:anywhere}.compact .card-title-row h3{margin:1px 0 6px}.card-description{display:-webkit-box;margin:0 0 10px;overflow:hidden;color:var(--muted);font-size:.8rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.tag-list>svg{width:16px;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;color:var(--primary-ink);background:var(--primary-soft);border:0;border-radius:999px;font-size:.68rem;font-weight:680}.tag.automatic{color:var(--muted);background:var(--surface-soft)}.tag svg{width:12px;height:12px}.note-line,.compact-line{display:flex;align-items:flex-start;gap:6px;margin:9px 0 0;color:var(--muted);font-size:.72rem;line-height:1.4}.note-line svg,.compact-line svg{width:14px;height:14px;margin-top:1px}.action-menu{position:relative;margin:2px -5px 0 0}.action-menu summary{width:34px;height:34px;display:grid;place-items:center;list-style:none;color:var(--faint);border-radius:10px;cursor:pointer}.action-menu summary::-webkit-details-marker{display:none}.action-menu summary:hover{background:var(--surface-soft);color:var(--text)}.menu-popover{position:absolute;z-index:20;right:0;top:36px;width:210px;padding:6px;background:var(--surface-raised);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-md)}.menu-popover button,.menu-popover a{width:100%;min-height:37px;display:flex;align-items:center;gap:9px;padding:0 9px;color:var(--text);border:0;border-radius:8px;background:transparent;text-decoration:none;font-size:.78rem;cursor:pointer}.menu-popover button:hover,.menu-popover a:hover{background:var(--surface-soft)}.menu-popover svg{width:16px}.menu-popover hr{height:1px;margin:4px 0;border:0;background:var(--line)}.menu-popover .danger{color:var(--danger)}.select-control{position:absolute;z-index:4;top:10px;left:10px;width:27px;height:27px;display:grid;place-items:center;color:#fff;background:#1e1a2d7a;border:2px solid #fff;border-radius:9px;cursor:pointer}.hold-card.selected .select-control{background:var(--primary)}.select-control svg{width:15px;height:15px}.empty-state{min-height:50vh;display:grid;place-content:center;justify-items:center;padding:40px;text-align:center}.empty-icon{width:64px;height:64px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:20px}.empty-icon svg{width:28px;height:28px}.empty-state h2{margin:18px 0 8px;font-size:1.25rem}.empty-state p{max-width:380px;margin:0;color:var(--muted);line-height:1.55}.list-end{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;gap:7px;padding:18px;color:var(--faint);font-size:.72rem}.list-end svg{width:15px}.selection-bar{min-height:54px;display:flex;align-items:center;gap:10px;padding:6px 22px;background:var(--primary-soft);border-bottom:1px solid color-mix(in srgb,var(--primary) 16%,var(--line))}.selection-bar label{flex:1;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:720}.search-filters{padding:10px 22px 12px;background:var(--surface);border-bottom:1px solid var(--line)}.filter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:.72rem;font-weight:700}.filter-heading span,.filter-heading button{display:flex;align-items:center;gap:6px}.filter-heading svg{width:14px}.filter-heading button{color:var(--primary);border:0;background:transparent;cursor:pointer}.filter-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.filter-chip{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface);font-size:.7rem;white-space:nowrap;cursor:pointer}.filter-chip.active{color:#fff;background:var(--primary);border-color:var(--primary)}.detail-pane{min-width:0;height:100%;display:flex;flex-direction:column;background:var(--surface)}.detail-toolbar{min-height:61px;display:flex;justify-content:flex-end;align-items:center;padding:8px 13px;border-bottom:1px solid var(--line)}.detail-close{display:none}.toolbar-actions{display:flex}.detail-scroll{min-height:0;overflow-y:auto;padding:22px 22px 52px}.detail-title .source-pill{display:inline-flex;padding:5px 9px;color:var(--primary);background:var(--primary-soft);border-radius:999px;font-size:.65rem;font-weight:800}.detail-title h2{margin:12px 0 10px;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}.detail-title p{display:flex;align-items:center;gap:6px;margin:0;color:var(--faint);font-size:.7rem}.detail-title svg{width:14px}.detail-section{margin-top:25px}.detail-section>h3,.section-heading h3{margin:0 0 10px;font-size:.76rem;color:var(--primary);letter-spacing:.04em;text-transform:uppercase}.detail-section>p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.detail-section .long-text{color:var(--text)}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading span{color:var(--faint);font-size:.7rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gallery-grid.count-1{grid-template-columns:1fr}.gallery-grid button{position:relative;overflow:hidden;min-height:140px;padding:0;border:0;border-radius:14px;background:var(--surface-soft);cursor:zoom-in}.gallery-grid img{width:100%;height:100%;min-height:140px;max-height:300px;object-fit:cover;display:block}.gallery-grid button>span:not(.zoom){display:grid;place-items:center;min-height:140px;color:var(--faint)}.zoom{position:absolute;right:7px;bottom:7px;width:28px;height:28px;display:grid;place-items:center;color:#fff;background:#14111e9e;border-radius:8px;opacity:0;transition:opacity .15s}.gallery-grid button:hover .zoom{opacity:1}.zoom svg{width:14px}.assignment-list{display:flex;flex-wrap:wrap;gap:7px}.assignment-list span{display:flex;align-items:center;gap:6px;padding:7px 9px;background:var(--surface-soft);border-radius:9px;font-size:.72rem}.assignment-list svg{width:14px;color:var(--primary)}.attachment-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.attachment-list li{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-soft);border-radius:10px;font-size:.75rem}.attachment-list li>span{display:grid}.attachment-list small{color:var(--faint)}.attachment-list .text-button{margin-left:auto;padding-inline:8px}.comments-list{display:grid;gap:8px}.comments-list article{padding:9px 10px;background:var(--surface-soft);border-radius:10px}.comments-list header{display:flex;justify-content:space-between;gap:8px;font-size:.7rem}.comments-list time{color:var(--faint)}.comments-list p{margin:5px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45;white-space:pre-wrap}.comment-form{display:flex;gap:7px;margin-top:9px}.comment-form input{min-width:0;flex:1;padding:9px 10px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px}.comment-form .primary-button{min-height:38px;padding-inline:11px}.detail-link{width:100%;margin-top:28px}.empty-detail{display:grid;place-items:center;padding:32px}.detail-placeholder{max-width:270px;text-align:center}.detail-placeholder>span{width:58px;height:58px;margin:auto;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:18px}.detail-placeholder h2{margin:17px 0 8px;font-size:1.1rem}.detail-placeholder p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.55}.image-viewer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:48px;background:#08070ceb}.image-viewer img{max-width:min(1100px,90vw);max-height:86vh;object-fit:contain}.viewer-close{position:absolute;top:18px;right:18px;color:#fff;background:#ffffff1f}.viewer-arrow{position:absolute;top:50%;width:48px;height:48px;display:grid;place-items:center;color:#fff;border:0;border-radius:50%;background:#ffffff24;cursor:pointer}.viewer-arrow.left{left:22px}.viewer-arrow.right{right:22px}.viewer-count{position:absolute;bottom:18px;padding:6px 10px;color:#fff;background:#ffffff1f;border-radius:999px;font-size:.72rem}.modal{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:22px;border:0;background:transparent}.modal::backdrop{background:#1814267a;backdrop-filter:blur(5px)}.modal-card{width:min(100%,520px);max-height:calc(100dvh - 44px);margin:auto;overflow-y:auto;padding:22px;background:var(--surface-raised);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-md)}.modal-wide .modal-card{width:min(100%,740px)}.fingerprint-value{display:block;margin-top:6px;padding:10px;overflow-wrap:anywhere;white-space:normal}.modal-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.modal-header>div{min-width:0;flex:1}.modal-header h2{margin:0;font-size:1.35rem;letter-spacing:-.025em}.modal-header p{margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}.editor-form{display:grid;gap:17px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:var(--surface-soft);border-radius:12px}.segmented button{min-height:38px;display:flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer;font-size:.78rem;font-weight:700}.segmented button.active{color:var(--primary-ink);background:var(--surface);box-shadow:0 2px 8px #1e183212}.segmented svg{width:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full-field{width:100%}.input-action{display:flex;align-items:flex-start;border:1px solid var(--line);border-radius:12px;overflow:hidden}.input-action textarea{border:0;border-radius:0}.input-action button{min-height:43px;padding:0 11px;color:var(--primary);border:0;border-left:1px solid var(--line);background:var(--surface-soft);cursor:pointer;font-size:.72rem;font-weight:700}.dropzone{position:relative;min-height:130px;place-items:center;align-content:center;padding:20px;text-align:center;color:var(--muted);border:1.5px dashed color-mix(in srgb,var(--primary) 33%,var(--line));border-radius:15px;background:var(--surface-tint);cursor:pointer}.dropzone>svg{width:28px;height:28px;color:var(--primary)}.dropzone strong{color:var(--text)}.dropzone span{font-size:.72rem;font-weight:500}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-list{display:grid;gap:7px;margin:-6px 0 0;padding:0;list-style:none}.file-list li{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--surface-soft);border-radius:10px}.file-list li>span{min-width:0;flex:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;font-size:.74rem}.file-list svg{grid-row:span 2;width:16px;color:var(--primary)}.file-list small{color:var(--faint)}.file-list button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;cursor:pointer}.field-section{display:grid;gap:10px;margin:0;padding:13px;border:1px solid var(--line);border-radius:13px}.field-section legend{padding:0 7px;color:var(--primary);font-size:.73rem;font-weight:760}.field-section legend svg{width:14px;vertical-align:middle}.tag-list.editable .tag{cursor:pointer}.inline-input{display:flex;gap:8px}.inline-input .secondary-button{flex:none}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px}.check-grid label{min-height:42px;display:flex;grid-template:none;flex-direction:row;align-items:center;gap:9px;padding:8px 10px;background:var(--surface-soft);border-radius:10px;cursor:pointer}.check-grid input{width:17px;height:17px;accent-color:var(--primary)}.check-grid label span{display:grid}.check-grid label small{color:var(--faint);font-weight:500}.delete-options{display:grid;gap:9px}.delete-options>button{min-height:64px;display:flex;align-items:center;gap:12px;padding:11px;text-align:left;color:var(--text);border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.delete-options>button:hover{background:var(--surface-soft)}.delete-options>button>svg{color:var(--primary)}.delete-options>button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 20%,var(--line));background:var(--danger-soft)}.delete-options>button.danger svg{color:var(--danger)}.delete-options span{display:grid;gap:3px}.delete-options small{color:var(--muted)}.targeted-delete{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:12px;border:1px solid var(--line);border-radius:12px}.targeted-delete>strong,.targeted-delete>button{grid-column:1 / -1}.targeted-delete label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem}.targeted-delete input{accent-color:var(--primary)}.paste-button{justify-self:start;margin-top:-9px}.group-hero{margin:15px 22px 0;padding:17px;background:linear-gradient(145deg,var(--primary-soft),color-mix(in srgb,var(--secondary) 12%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));border-radius:19px}.security-notice{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warning) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.security-notice>svg{flex:0 0 auto;color:var(--warning)}.security-notice>div{flex:1}.security-notice p{margin:3px 0 0;color:var(--muted)}.group-identity,.group-actions{display:flex;align-items:center;gap:11px}.group-identity>span{width:45px;height:45px;display:grid;place-items:center;color:var(--primary);background:var(--surface);border-radius:14px}.group-identity>div{min-width:0;flex:1}.group-identity h2{margin:0;font-size:1.2rem}.group-identity p:last-child{margin:2px 0 0;color:var(--muted);font-size:.72rem}.group-actions{justify-content:flex-end;margin-top:13px}.invite-code{min-height:42px;margin-right:auto;display:flex;align-items:center;gap:9px;padding-left:11px;background:var(--surface);border-radius:11px}.invite-code span{color:var(--faint);font-size:.62rem}.invite-code strong{color:var(--primary-ink);font:800 .8rem ui-monospace,monospace;letter-spacing:.06em}.member-list{display:grid;gap:6px}.member-list>div{display:flex;align-items:center;gap:11px;padding:10px;background:var(--surface-soft);border-radius:11px}.member-list>div>span:not(.avatar){display:grid}.member-list small{color:var(--muted)}.member-list>div>span:nth-child(2){min-width:0;flex:1}.member-list select{max-width:110px;padding:7px 8px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:.72rem}.member-list .text-button{min-height:34px;padding-inline:7px}.page-scroll{height:100%;overflow-y:auto;padding:44px clamp(22px,5vw,74px) 80px}.page-intro{max-width:690px;margin-bottom:42px}.page-intro h1{margin:0 0 12px;font-size:clamp(2.25rem,4vw,3.5rem);letter-spacing:-.06em}.page-intro>p:last-child{margin:0;color:var(--muted);font-size:1rem;line-height:1.6}.library-section{margin-bottom:38px}.library-section>header,.notification-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.library-section h2,.notification-section h2{margin:0;font-size:1.12rem}.library-section header p,.notification-section header p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.header-actions{display:flex;gap:8px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:11px}.library-tile,.empty-tile{min-height:86px;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer}.library-tile:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--line));transform:translateY(-1px)}.tile-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:13px}.library-tile>span:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.library-tile small{color:var(--muted)}.library-tile>svg{color:var(--faint)}.empty-tile{justify-content:center;color:var(--muted);border-style:dashed;box-shadow:none}.empty-tile svg{color:var(--primary)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.settings-card{display:flex;flex-direction:column;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.settings-card>header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.settings-card>header>span{width:36px;height:36px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:11px}.settings-card h2{margin:0;font-size:.95rem}.settings-card>p{flex:1;display:flex;align-items:flex-start;gap:8px;margin:0 0 15px;color:var(--muted);font-size:.8rem;line-height:1.55}.settings-card>p svg{width:16px;margin-top:2px;color:var(--success)}.sync-summary{flex:1;display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}.sync-summary strong{font-size:.82rem}.sync-summary p{margin:3px 0 0;color:var(--muted);font-size:.72rem}.status-dot{width:9px;height:9px;margin-top:5px;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 13%,transparent)}.status-dot.error{background:var(--danger)}.status-dot.offline{background:#d17b36}.progress-track{overflow:hidden;height:4px;margin-top:11px;background:var(--surface-soft);border-radius:99px}.progress-track span{display:block;height:100%;background:var(--primary);border-radius:inherit}.settings-link{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:.77rem;font-weight:700}.settings-link svg{width:14px}.notification-section{margin-top:34px}.notification-section h2{display:flex;align-items:center;gap:8px}.notification-section h2 svg{color:var(--primary)}.notification-list{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:17px}.notification-list button{width:100%;min-height:66px;display:flex;align-items:center;gap:11px;padding:11px 14px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer}.notification-list button:last-child{border:0}.notification-list button.unread{background:var(--surface-tint)}.notification-list button>span:nth-child(2){flex:1;display:grid}.notification-list small{margin-top:3px;color:var(--muted)}.notification-list time{color:var(--faint);font-size:.68rem}.notification-dot{width:7px;height:7px;background:transparent;border-radius:50%}.unread .notification-dot{background:var(--primary)}.empty-inline{display:flex;align-items:center;gap:9px;padding:16px;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:14px;font-size:.8rem}.mobile-header,.mobile-tabs{display:none}@media(max-width:1400px){:root{--sidebar: 220px}.app-layout{grid-template-columns:var(--sidebar) minmax(430px,1fr) 350px}.workspace-header{padding-inline:18px}.header-tools .secondary-button{width:42px;padding:0;font-size:0}.header-tools .secondary-button svg{width:20px}.header-tools .primary-button{width:42px;padding:0;font-size:0}.timeline-scroll{padding-inline:17px}.group-hero{margin-inline:17px}}@media(max-width:1020px){.app-layout{grid-template-columns:220px minmax(430px,1fr)}.detail-pane{display:none}.detail-pane:not(.empty-detail){position:fixed;z-index:45;inset:0 0 0 auto;width:min(520px,100vw);display:flex;box-shadow:-20px 0 50px #1411242e}.detail-close{display:inline-grid;margin-right:auto}.workspace.full-page{grid-column:2}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){body{overflow:hidden}.auth-layout{display:block;min-height:100dvh;background:var(--surface)}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:28px 22px;align-content:center}.auth-form-wrap{width:100%;max-width:430px}.brand-mobile{position:absolute;top:22px;left:22px;display:flex}.auth-icon{margin-top:52px}.app-layout{display:block;padding-bottom:62px}.app-layout>.sidebar{display:none}.workspace,.workspace.full-page{width:100%;height:calc(100dvh - 62px);border:0}.mobile-header{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface);border-bottom:1px solid var(--line)}.mobile-header strong{font-size:.95rem}.workspace-header{min-height:auto;padding:16px 15px 11px;align-items:flex-end}.workspace-header .eyebrow{display:none}.workspace-header h1{font-size:1.55rem}.header-tools{gap:5px}.header-search{position:absolute;left:15px;right:15px;top:118px;z-index:2;width:auto}.header-search+.icon-button{margin-left:auto}.header-tools .primary-button,.header-search kbd{display:none}.timeline-scroll{padding:66px 12px 70px}.search-filters{margin-top:54px;padding-inline:13px}.group-hero{margin:63px 12px -51px;padding:14px}.group-identity>.secondary-button{width:42px;padding:0;font-size:0}.group-actions{flex-wrap:wrap;justify-content:stretch}.invite-code{width:100%}.group-actions>button{flex:1}.hold-grid.cards{grid-template-columns:1fr}.card-media{height:clamp(160px,52vw,240px)}.mobile-tabs{position:fixed;z-index:35;left:0;right:0;bottom:0;height:62px;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.mobile-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);text-decoration:none;font-size:.61rem}.mobile-tabs svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-tabs a.active{color:var(--primary);font-weight:750}.mobile-drawer{position:fixed;z-index:80;inset:0}.drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#14112475;backdrop-filter:blur(3px)}.mobile-drawer>div{position:relative;width:min(86vw,330px);height:100%}.mobile-drawer .sidebar{display:flex;width:100%}.drawer-close{position:absolute;top:13px;right:11px}.page-scroll{padding:28px 16px 70px}.page-intro{margin-bottom:30px}.page-intro h1{font-size:2.2rem}.library-section>header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.header-actions button{flex:1}.library-grid,.settings-grid{grid-template-columns:1fr}.detail-pane:not(.empty-detail){inset:0;width:100%}.detail-toolbar{padding-top:max(8px,env(safe-area-inset-top))}.detail-scroll{padding-inline:17px}.image-viewer{padding:35px 10px}.viewer-arrow{width:40px;height:40px}.viewer-arrow.left{left:8px}.viewer-arrow.right{right:8px}.modal{padding:0}.modal-card{width:100%;max-height:92dvh;margin-top:8dvh;padding:18px;border-radius:22px 22px 0 0}.form-grid,.check-grid{grid-template-columns:1fr}.modal-actions{position:sticky;bottom:-18px;margin-inline:-18px;padding:13px 18px calc(13px + env(safe-area-inset-bottom));background:var(--surface)}}@media(prefers-color-scheme:dark){:root{--bg: #111118;--surface: #191920;--surface-raised: #202028;--surface-soft: #27272f;--surface-tint: #24253b;--text: #f2f0f7;--muted: #aaa6b5;--faint: #85818f;--line: #32313a;--primary: #b9c2ff;--primary-strong: #aab4f3;--primary-soft: #30345e;--primary-ink: #e2e5ff;--secondary: #d0bcff;--danger: #ff8798;--danger-soft: #3a2229;--success: #69c69f;--warning: #f1b15c;--shadow-sm: 0 1px 3px rgb(0 0 0 / 22%);--shadow-md: 0 18px 55px rgb(0 0 0 / 45%)}.primary-button{color:#252347}.auth-story{background:linear-gradient(145deg,#29245f,#483d94 50%,#603b88)}.tag{color:#e5e7ff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.crypto-layout{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(145deg,#f5f7fb,#eef2f8)}.crypto-card{width:min(100%,30rem);padding:2.25rem;border-radius:1.5rem;background:#fff;box-shadow:0 20px 70px #1a273c1f;display:grid;gap:1rem}.crypto-card.wide{width:min(100%,42rem)}.crypto-card>svg{width:2.6rem;height:2.6rem;color:var(--accent, #4361ee)}.crypto-card h1,.crypto-card p{margin:0}.recovery-key{display:block;overflow-wrap:anywhere;padding:1rem;border-radius:.75rem;background:#111827;color:#f8fafc;font:600 .95rem/1.65 ui-monospace,monospace;user-select:all}.recovery-confirm{display:flex;align-items:flex-start;gap:.75rem}.recovery-confirm input{margin-top:.25rem}