:root{color-scheme:light;font-family:Inter,Noto Sans JP,Hiragino Sans,Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#202124;background:#fffdf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #fffdf8;--sidebar: rgba(255, 253, 248, .84);--surface: #ffffff;--surface-soft: #fff9ee;--surface-secondary: #fff9ee;--surface-strong: #fff0c6;--ink: #202124;--muted: #6b7280;--border: #e9e2d7;--primary: #ff6b57;--primary-strong: #e65745;--accent: #ff6b57;--memo-yellow: #f6c453;--memo-cream: #e8d3a8;--memo-peach: #f3a07e;--memo-pink: #e996ac;--memo-green: #82c5a0;--memo-blue: #84adde;--mint: var(--memo-green);--lemon: var(--memo-yellow);--peach: var(--memo-peach);--sky: var(--memo-blue);--lilac: var(--memo-pink);--danger: #b42318;--blue: #3b6ea8;--paper: var(--memo-yellow);--shadow: 0 18px 44px rgba(75, 52, 30, .12);--soft-shadow: 0 8px 22px rgba(75, 52, 30, .07);--card-shadow: 0 8px 18px rgba(66, 45, 25, .09);--floating-shadow: 0 18px 42px rgba(32, 33, 36, .16);--focus-ring: 0 0 0 3px rgba(255, 107, 87, .24);--danger-soft: #fff2ef;--motion-spring: cubic-bezier(.2, .85, .2, 1);--motion-soft: cubic-bezier(.2, .7, .2, 1)}:root[data-theme=dark]{color-scheme:dark;--background: #14181d;--sidebar: rgba(21, 25, 31, .92);--surface: #222830;--surface-soft: #2b333d;--surface-secondary: #26303a;--surface-strong: #384552;--ink: #f7f2ea;--muted: #c2c7cf;--border: #48525e;--primary: #ff826d;--primary-strong: #ff9b8b;--accent: #ff826d;--memo-yellow: rgba(230, 184, 88, .22);--memo-cream: #29313a;--memo-peach: rgba(255, 130, 109, .18);--memo-pink: rgba(242, 132, 155, .16);--memo-green: rgba(125, 190, 153, .18);--memo-blue: rgba(120, 166, 205, .18);--danger: #ff9b91;--blue: #9ec8ee;--paper: var(--memo-yellow);--shadow: 0 24px 60px rgba(0, 0, 0, .34);--soft-shadow: 0 12px 28px rgba(0, 0, 0, .2);--card-shadow: 0 10px 28px rgba(0, 0, 0, .24);--floating-shadow: 0 22px 54px rgba(0, 0, 0, .38);--focus-ring: 0 0 0 3px rgba(212, 122, 106, .28);--danger-soft: rgba(255, 155, 145, .15)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--ink)}button,input,textarea,select{font:inherit}button{min-width:0}a{color:var(--blue)}.app-loading{min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:22px;padding:24px;color:var(--muted);background:var(--background)}.app-loading img{width:48px;height:48px;border-radius:12px;box-shadow:var(--card-shadow)}.encryption-gate{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:var(--background);color:var(--ink)}.encryption-gate-panel{width:min(100%,540px);display:flex;flex-direction:column;gap:14px;padding:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--soft-shadow)}.encryption-gate-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--primary-strong);background:var(--surface-soft)}.encryption-gate-eyebrow,.encryption-gate-account{margin:0;color:var(--muted);font-size:13px}.encryption-gate-panel h1,.encryption-gate-copy,.encryption-gate-warning,.encryption-gate-error{margin:0}.encryption-gate-panel h1{font-size:26px;line-height:1.25}.encryption-gate-copy,.encryption-gate-warning{color:var(--muted);line-height:1.65}.encryption-recovery-label,.encryption-confirmation,.encryption-acknowledgement,.encryption-backup-choice{display:flex;gap:9px}.encryption-recovery-label{align-items:center;font-weight:700}.encryption-recovery-key{display:flex;align-items:stretch;gap:8px}.encryption-recovery-key output{min-width:0;flex:1;padding:13px;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.55;-webkit-user-select:all;user-select:all}.encryption-recovery-key button,.encryption-gate-submit{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:6px;font:inherit;font-weight:700;cursor:pointer}.encryption-recovery-key button{padding:0 14px;color:var(--ink);background:var(--surface)}.encryption-confirmation{flex-direction:column;font-weight:650}.encryption-confirmation input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid var(--border);border-radius:6px;color:var(--ink);background:var(--surface-soft);font:inherit}.encryption-confirmation input:focus-visible{border-color:var(--primary-strong);outline:2px solid color-mix(in srgb,var(--primary-strong) 28%,transparent);outline-offset:1px}.encryption-acknowledgement{align-items:flex-start;color:var(--muted);line-height:1.5}.encryption-acknowledgement input{margin-top:4px}.encryption-backup-choice{align-items:flex-start;padding:12px 13px;border:1px solid color-mix(in srgb,var(--primary-strong) 34%,var(--border));border-radius:6px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));line-height:1.45}.encryption-backup-choice input{margin-top:4px}.encryption-backup-choice span{display:grid;gap:3px}.encryption-backup-choice small,.encryption-recovery-options p,.encryption-recovery-options small{color:var(--muted)}.encryption-recovery-link{width:fit-content;padding:2px 0;border:0;color:var(--primary-strong);background:transparent;font:inherit;font-weight:700;cursor:pointer}.encryption-recovery-options{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft)}.encryption-recovery-options p{margin:0;line-height:1.55}.encryption-recovery-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--border);border-radius:6px;color:var(--ink);background:var(--surface);font:inherit;font-weight:700;cursor:pointer}.encryption-recovery-action:disabled{cursor:wait;opacity:.6}.encryption-gate-error{color:var(--danger);line-height:1.5}.encryption-gate-submit{min-height:46px;padding:0 18px;border-color:var(--primary-strong);color:#fff;background:var(--primary-strong)}.encryption-gate-submit:disabled{cursor:wait;opacity:.55}@media(max-width:600px){.encryption-gate{align-items:start;padding-inline:18px}.encryption-gate-panel{border:0;padding:24px 0;box-shadow:none;background:transparent}.encryption-recovery-key{flex-direction:column}.encryption-recovery-key button{min-height:44px}}.startup-loading-brand{min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:780}.startup-skeleton{width:min(1180px,100%);min-height:min(680px,calc(100dvh - 120px));margin:0 auto;display:grid;grid-template-columns:220px minmax(260px,360px) minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 68%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 58%,transparent)}.startup-skeleton>div{display:grid;align-content:start;gap:14px;padding:24px 18px}.startup-skeleton>div+div{border-left:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.startup-skeleton span{display:block;height:38px;border-radius:8px;background:color-mix(in srgb,var(--surface-soft) 78%,var(--border));animation:startup-pulse 1.4s ease-in-out infinite alternate}.startup-skeleton-sidebar span:first-child,.startup-skeleton-editor span:first-child{width:68%}.startup-skeleton-list span{height:104px}.startup-skeleton-editor span:nth-child(2){width:42%}.startup-skeleton-editor span:last-child{height:230px}.startup-error{place-content:center}.startup-error-message{width:min(480px,100%);margin:0 auto;text-align:center}.startup-error-message button{min-height:40px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);animation:app-arrive .36s var(--motion-soft) both}.sidebar{min-height:100vh;padding:22px 16px;border-right:1px solid rgba(225,207,179,.72);background:#fffaf0d1;position:sticky;top:0;align-self:start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:sidebar-arrive .43s var(--motion-soft) both}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:transparent;box-shadow:0 10px 24px #d96b6b38;animation:magnet-breathe 4.8s ease-in-out infinite}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.brand strong,.brand span{display:block}.brand strong{letter-spacing:0}.brand span{color:var(--muted);font-size:.86rem}.mode-pill{border:1px solid #d6eadb;background:#f3fff4;padding:12px;border-radius:18px;display:grid;gap:2px;margin-bottom:20px;box-shadow:var(--soft-shadow)}.mode-pill span{font-weight:800}.mode-pill small{color:#55715f}.nav-list,.sidebar-section{display:grid;gap:8px}.nav-item,.project-link,.mobile-nav-item{border:1px solid transparent;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:16px;text-align:left;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.nav-item:hover,.project-link:hover,.mobile-nav-item:hover{transform:translateY(-1px);background:#ffffff9e}.nav-item.active,.project-link.active,.mobile-nav-item.active{background:#fffefa;border-color:#f0dcc1;box-shadow:var(--soft-shadow);animation:soft-pop .22s var(--motion-spring) both}.sidebar-section{margin-top:24px}.section-heading{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.project-link{width:100%}.main-panel{padding:28px 32px 116px;min-width:0}.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:20px;margin-bottom:18px;animation:content-rise .43s var(--motion-soft) 90ms both}.topbar h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.98;letter-spacing:0;color:#3a2d22}.topbar p,.capture-copy span,.panel-title p,.editor-header p,.settings-card p,.project-admin-main span,.attachment-uploader span{color:var(--muted)}.topbar p{margin:8px 0 0;max-width:58ch}.topbar-tools{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:10px}.search-box,.topbar-icon{background:#fffefaeb;border:1px solid #efddc2;border-radius:999px;box-shadow:var(--soft-shadow)}.search-box{display:flex;align-items:center;gap:10px;padding:0 16px;min-height:52px}.topbar-icon{width:52px;height:52px;display:grid;place-items:center;color:var(--ink);cursor:pointer}.topbar-icon:hover,.topbar-icon.active{background:#fffefa;border-color:#f0dcc1;transform:translateY(-1px) rotate(4deg)}.search-box input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--ink)}.search-box input::placeholder,.input::placeholder,.textarea::placeholder{color:#a59484}.type-filter{display:inline-flex;flex-wrap:wrap;gap:6px;margin:-4px 0 16px;padding:5px;border:1px solid #efdcc0;border-radius:999px;background:#fffefab3;width:fit-content;max-width:100%;box-shadow:0 8px 20px #5c42280d}.type-filter button{border:0;border-radius:999px;min-height:34px;padding:7px 12px;background:transparent;color:var(--muted);cursor:pointer}.type-filter button.active{background:#fffefa;color:var(--ink);box-shadow:0 3px 10px #5c422814;font-weight:800;animation:soft-pop .2s var(--motion-spring) both}.capture-strip{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:18px;border:1px solid #ecd8ba;border-radius:24px;margin-bottom:24px;background:linear-gradient(135deg,#fff9df,#fff0ec 48%,#effff2);box-shadow:var(--soft-shadow);animation:content-rise .43s var(--motion-soft) .15s both;transition:transform .18s var(--motion-soft),box-shadow .18s var(--motion-soft),border-color .18s var(--motion-soft)}.capture-strip:hover{transform:translateY(-2px);border-color:#f0cfa3;box-shadow:0 16px 30px #5c42281a}.home-capture,.clipboard-console{position:relative;display:grid;gap:18px;margin-bottom:22px;border:1px solid rgba(236,216,186,.92);border-radius:28px;background:radial-gradient(circle at 12% 18%,rgba(255,226,214,.72),transparent 32%),linear-gradient(135deg,#fff9dfe6,#effff2c2 58%,#eee7ffb3);box-shadow:0 18px 42px #5c42281a;overflow:hidden;animation:content-rise .43s var(--motion-soft) .12s both}.home-capture{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:24px}.home-capture:before,.clipboard-console:before{content:"";position:absolute;right:28px;top:20px;width:54px;height:42px;border-radius:12px 14px 16px 12px;background:#ffffff73;transform:rotate(7deg);box-shadow:inset 0 0 0 1px #ffffff85,0 12px 20px #5c422814;pointer-events:none;animation:paper-drift 6.2s ease-in-out infinite}.home-capture-copy,.clipboard-console-main{position:relative;z-index:1;display:grid;gap:7px}.home-capture-copy span,.clipboard-kicker{color:#9d6157;font-size:.78rem;font-weight:900;text-transform:uppercase}.home-capture-copy h2,.clipboard-console h2{margin:0;color:#3a2d22;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.05;letter-spacing:0}.home-capture-copy p,.clipboard-console p{margin:0;max-width:58ch;color:var(--muted)}.home-capture-actions,.clipboard-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.clipboard-console{grid-template-columns:minmax(0,1fr);padding:22px}.clipboard-console .clip-filter{position:relative;z-index:1;margin:0}.clipboard-manual-paste{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:12px;border:1px solid rgba(236,216,186,.84);border-radius:20px;background:#fffefaad}.clipboard-manual-paste .textarea{min-height:84px}.monitor-toggle{min-height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid #e6d4bd;border-radius:999px;padding:8px 13px;background:#fffefaad;color:var(--ink);cursor:pointer;box-shadow:0 4px 12px #5c42280d;transition:transform .15s var(--motion-spring),background .15s var(--motion-soft),border-color .15s var(--motion-soft),box-shadow .15s var(--motion-soft)}.monitor-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 18px #5c42281a}.monitor-toggle span{width:14px;height:14px;border-radius:999px;background:#d6cab9;box-shadow:inset 3px 3px #ffffff6b}.monitor-toggle.active{border-color:#9ed9b4;background:#f2fff5;color:#315f42;font-weight:900}.monitor-toggle.active span{background:#74c7a6;animation:magnet-snap .52s var(--motion-spring) both}.capture-copy{display:grid;gap:4px}.capture-copy strong{font-size:1.05rem}.capture-actions,.card-actions,.project-actions,.editor-actions,.new-project-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:1px solid #e6d4bd;border-radius:999px;min-height:40px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#fffefa;color:var(--ink);box-shadow:0 4px 12px #5c42280d;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #5c42281a}.btn:active,.kind-chip:active,.pin-toggle:active,.color-swatch:active,.topbar-icon:active,.fab:active{transform:translateY(1px) scale(.98)}.btn-primary{background:#ff8f8f;border-color:#ff8f8f;color:#fffefa}.btn-primary:hover{background:var(--primary-strong)}.btn-ghost{background:#fffefa9e}.btn-danger{background:#fff2ef;border-color:#ffd0c7;color:var(--danger)}.btn:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none}.btn:disabled:hover{transform:none;box-shadow:none}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;align-items:start;perspective:1100px}.home-list{grid-template-columns:minmax(0,780px);max-width:860px}.home-list .magnet-card{border-radius:20px;transform:none}.home-list .magnet-card:nth-child(n){--card-tilt: 0deg;animation-delay:0ms}.home-list .magnet-card:hover{transform:translateY(-4px)}.card{border:1px solid rgba(234,223,206,.72);background:var(--surface);border-radius:22px;box-shadow:var(--soft-shadow)}.magnet-card{background:var(--card-accent, var(--paper));padding:17px;display:grid;gap:11px;position:relative;overflow:hidden;border:0;border-radius:20px 22px 24px 20px;box-shadow:0 12px 24px #5c42281a;transform:rotate(var(--card-tilt, 0deg));transform-origin:50% 18%;animation:card-arrive .46s var(--motion-spring) both;transition:transform .18s var(--motion-soft),box-shadow .18s var(--motion-soft),filter .18s var(--motion-soft)}.magnet-card:nth-child(3n+1){--card-tilt: -.45deg}.magnet-card:nth-child(3n+2){--card-tilt: .35deg;animation-delay:35ms}.magnet-card:nth-child(3n){--card-tilt: .12deg;animation-delay:70ms}.magnet-card:hover{transform:translateY(-5px) rotate(0);box-shadow:0 22px 44px #5c422829;filter:saturate(1.02)}.magnet-card.is-pinned{box-shadow:0 18px 34px #5c422829}.magnet-card.is-pinned .magnet-dot{animation:magnet-snap .52s var(--motion-spring) both}.card-topline,.tag-row,.attachment-list,.loop-list{display:flex;flex-wrap:wrap;gap:6px}.badge,.tag{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;font-size:.75rem;background:#fff9;color:#675548;max-width:100%}.tag{background:#ffffff8f;color:#4e7a5e}.due-badge{color:#7a4c12;background:#fff8ddbd}.due-badge.overdue{color:#9f2f28;background:#ffe8e2d1}.card-title-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;text-align:left;color:var(--ink);font-weight:900;font-size:1.08rem;cursor:pointer}.card-title-button span:last-child,.card-body,.card-link,.project-link span:last-child{overflow-wrap:anywhere}.magnet-dot{width:18px;height:18px;border-radius:999px;background:#ff8f8f;box-shadow:inset 4px 4px #ffffff6b,0 4px 10px #bd4f5838;flex:0 0 auto;transition:transform .18s var(--motion-spring),box-shadow .18s var(--motion-soft)}.card-title-button:hover .magnet-dot{transform:scale(1.08) rotate(-8deg);box-shadow:inset 4px 4px #ffffff80,0 7px 14px #bd4f5842}.card-body{margin:0;color:#4d4036;white-space:pre-wrap}.card-link{display:block;font-size:.9rem}.card-project-move{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:#ffffff6b;color:#675548;font-size:.78rem;font-weight:900}.card-project-move select{min-height:32px;border-radius:999px;padding:4px 28px 4px 10px;border-color:#c6a9896b;background-color:#fffefab8;font-size:.82rem}.attachment-block{display:grid;gap:8px}.attachment-preview{overflow:hidden;border-radius:16px;background:#ffffff85;min-height:120px;display:grid;place-items:center}.attachment-preview img,.attachment-preview video{display:block;width:100%;max-height:220px;object-fit:cover}.file-chip{display:grid;gap:4px;padding:18px;text-align:center}.attachment-action-row{min-height:24px;display:flex;align-items:center}.attachment-link,.attachment-unavailable{font-size:.84rem;overflow-wrap:anywhere}.attachment-link{color:#315f83;font-weight:800}.attachment-unavailable{color:var(--muted)}.empty-state{grid-column:1 / -1;border:1px dashed #dfc8a8;border-radius:28px;min-height:280px;display:grid;place-items:center;align-content:center;gap:12px;padding:28px;text-align:center;background:#fffefaad;box-shadow:var(--soft-shadow);position:relative;overflow:hidden;animation:content-rise .43s var(--motion-soft) both}.empty-state:before,.empty-state:after{content:"";position:absolute;width:74px;height:58px;border-radius:14px 16px 18px 14px;background:#fff7c7b8;box-shadow:0 10px 22px #5c422814,inset 0 0 0 1px #ffffffa3;pointer-events:none}.empty-state>*{position:relative;z-index:1}.empty-state:before{--paper-tilt: -8deg;--paper-tilt-soft: -4deg;top:20px;left:12%;transform:rotate(-9deg);animation:paper-drift 5.8s ease-in-out infinite}.empty-state:after{--paper-tilt: 7deg;--paper-tilt-soft: 3deg;right:13%;bottom:22px;background:#dff7e8c7;transform:rotate(7deg);animation:paper-drift 6.4s ease-in-out .3s infinite reverse}.empty-state h2,.project-panel h2,.settings-card h2,.editor-panel h2{margin:0}.empty-state p{margin:0;color:var(--muted);max-width:46ch}.project-panel,.settings-grid{margin-bottom:22px}.project-panel{display:grid;gap:14px}.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,172px));align-items:start;gap:24px 20px}.notebook-tile,.notebook-add-tile{min-width:0;border:0;padding:0;background:transparent;color:var(--ink);display:grid;gap:9px;text-align:left;cursor:pointer}.notebook-tile-shell{position:relative;min-width:0}.notebook-tile{width:100%;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.notebook-tile-edit{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border:1px solid rgba(255,255,255,.46);border-radius:7px;background:#1c1f2394;color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease,background .15s ease}.notebook-tile-shell:hover .notebook-tile-edit,.notebook-tile-shell:focus-within .notebook-tile-edit{opacity:1;transform:translateY(0)}.notebook-tile-edit:hover{background:#1c1f23c7}.notebook-tile-cover,.notebook-add-tile>span{position:relative;width:100%;aspect-ratio:110 / 135;overflow:hidden;border:1px solid color-mix(in srgb,var(--notebook-color, var(--border)) 62%,var(--border));border-radius:8px;background:var(--notebook-color);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px color-mix(in srgb,var(--notebook-color, #000) 22%,transparent);transition:transform .18s var(--motion-soft),box-shadow .18s var(--motion-soft)}.notebook-tile-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 48%,rgba(0,0,0,.1))}.notebook-tile-cover svg{position:relative;opacity:.92}.notebook-tile:hover .notebook-tile-cover,.notebook-tile:focus-visible .notebook-tile-cover,.notebook-add-tile:hover>span,.notebook-add-tile:focus-visible>span{transform:translateY(-3px);box-shadow:0 13px 26px color-mix(in srgb,var(--notebook-color, var(--ink)) 26%,transparent)}.notebook-tile.active .notebook-tile-cover{outline:3px solid color-mix(in srgb,var(--notebook-color) 46%,var(--surface));outline-offset:3px}.notebook-tile-label{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;padding-inline:2px}.notebook-tile-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem}.notebook-tile-label small{color:var(--muted);font-size:.75rem}.notebook-add-tile>span{border:1px dashed color-mix(in srgb,var(--muted) 56%,var(--border));background:color-mix(in srgb,var(--surface-soft) 64%,transparent);color:var(--muted);box-shadow:none}.notebook-add-tile strong{padding-inline:2px;color:var(--muted);font-size:.9rem}.notebook-editor-layer{position:fixed;z-index:42;inset:0;padding:24px;background:color-mix(in srgb,var(--ink) 24%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center}.notebook-delete-layer{position:fixed;z-index:44;inset:0;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--ink) 34%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center}.notebook-delete-dialog{width:min(390px,100%);border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));border-radius:14px;background:var(--surface);box-shadow:var(--floating-shadow);display:grid;gap:20px;padding:20px;animation:content-rise .18s var(--motion-soft) both}.notebook-delete-dialog:focus-visible{outline:0}.notebook-delete-heading{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start}.notebook-delete-heading h2{margin:1px 0 7px;font-size:1.08rem;line-height:1.35}.notebook-delete-heading p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}.notebook-delete-icon{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger);display:grid;place-items:center}.notebook-delete-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.notebook-delete-actions .btn{min-width:0;justify-content:center;white-space:nowrap}.notebook-editor-sheet{width:min(430px,100%);border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--floating-shadow);display:grid;gap:18px;padding:20px;animation:content-rise .22s var(--motion-soft) both}.notebook-editor-sheet:focus-visible{box-shadow:var(--floating-shadow)}.notebook-editor-sheet header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notebook-editor-sheet header h2{margin-top:2px;font-size:1.2rem}.notebook-editor-sheet header button{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.notebook-editor-sheet header button:hover{background:var(--surface-soft)}.notebook-editor-kicker,.notebook-name-field>span,.notebook-sheet-color>span{color:var(--muted);font-size:.76rem;font-weight:800}.notebook-name-field,.notebook-sheet-color{display:grid;gap:8px}.notebook-sheet-actions{display:flex;flex-wrap:wrap;gap:8px}.notebook-sheet-actions .btn-danger{margin-left:auto}.notebook-color-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.notebook-color-swatch{width:25px;height:25px;border:2px solid var(--surface);border-radius:50%;background:var(--notebook-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--notebook-color) 50%,var(--border));cursor:pointer}.notebook-color-swatch:hover{transform:scale(1.08)}.notebook-color-swatch.active{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--surface)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.settings-page{width:min(100%,880px);margin:0 auto 32px;display:grid;gap:28px}.settings-section{display:grid;gap:9px}.settings-section>h2{margin:0;padding-inline:4px;color:var(--muted);font-size:.78rem;font-weight:850}.settings-list{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.settings-row{min-height:70px;padding:14px 16px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:13px;color:var(--ink)}.settings-row+.settings-row,.settings-range-control{border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.settings-row>svg{color:var(--muted)}.settings-row>div:first-of-type{min-width:0;display:grid;gap:3px}.settings-row strong{font-size:.92rem}.settings-row span,.settings-row small{color:var(--muted);font-size:.78rem;line-height:1.45}.settings-row select{min-width:150px}.settings-actions-row{align-items:start}.settings-actions-row .capture-actions,.settings-inline-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.device-registration-form{align-items:center}.device-registration-form input{min-width:min(320px,100%)}.settings-actions-row:not(.migration-settings-row){grid-template-columns:24px minmax(220px,.72fr) minmax(0,1.28fr)}.settings-actions-row .capture-actions{min-width:0}.subscription-settings-row{align-items:start}.subscription-status-line{margin-top:8px;display:flex!important;grid-auto-flow:unset;flex-wrap:wrap;align-items:center;gap:7px!important}.subscription-status-line>svg{color:var(--success)}.subscription-legal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.subscription-legal-links button{appearance:none;background:none;border:0;color:var(--accent-strong);cursor:pointer;font:inherit;padding:0;text-decoration:underline;text-underline-offset:3px}.subscription-actions{max-width:360px}.subscription-loading{display:inline-flex;align-items:center;gap:6px}.account-deletion-settings-row>svg{color:var(--danger)}.identity-provider-status{align-items:center;display:flex!important;flex-wrap:wrap;gap:6px 9px!important;margin-top:7px}.identity-provider-status>svg{color:var(--success)}.settings-danger-message{color:var(--danger);display:block;margin-top:8px}.account-deletion-layer{align-items:center;background:#0a0d128f;display:flex;inset:0;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));position:fixed;z-index:1400}.account-deletion-dialog{background:var(--surface);border:1px solid color-mix(in srgb,var(--danger) 42%,var(--border));border-radius:12px;box-shadow:0 20px 60px #0000003d;max-width:520px;padding:22px;width:min(100%,520px)}.account-deletion-dialog header{align-items:flex-start;display:grid;gap:14px;grid-template-columns:auto 1fr auto}.account-deletion-dialog h2,.account-deletion-dialog p{margin:0}.account-deletion-dialog p{color:var(--muted);line-height:1.55;margin-top:8px}.account-deletion-dialog header>button{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.account-deletion-icon{align-items:center;background:color-mix(in srgb,var(--danger) 14%,transparent);border-radius:50%;color:var(--danger);display:inline-flex;height:42px;justify-content:center;width:42px}.account-deletion-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}@media(max-width:720px){.account-deletion-dialog{margin-top:auto}.account-deletion-actions{flex-direction:column}.account-deletion-actions .btn{width:100%}}.settings-range-row{min-height:64px}.settings-range-control{min-height:54px;padding:10px 16px 10px 53px;display:grid;grid-template-columns:minmax(110px,.45fr) minmax(160px,1fr) 54px;align-items:center;gap:14px;color:var(--ink);font-size:.84rem}.settings-range-control input[type=range]{width:100%;accent-color:var(--accent)}.settings-range-control output{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.editor-preference-preview{padding:18px 16px 16px 53px;display:grid;gap:10px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface-soft) 58%,transparent)}.editor-preference-preview-label{color:var(--accent);font-size:.72rem;font-weight:760}.editor-preference-preview-copy{width:min(100%,var(--editor-preview-width));transition:width .16s ease}.editor-preference-preview-copy strong{display:block;margin-bottom:7px;color:var(--ink);font-size:calc(var(--editor-preview-font-size) * 1.12);line-height:1.25}.editor-preference-preview-copy p{margin:0;color:var(--ink);font-size:var(--editor-preview-font-size);line-height:var(--editor-preview-line-height);transition:font-size .12s ease,line-height .12s ease}.editor-preference-preview small{color:var(--muted);font-size:.72rem}.settings-device-row{align-items:start}.settings-device-row .device-list{margin-top:12px}.settings-advanced{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.settings-advanced>summary{min-height:64px;padding:12px 16px;display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:13px;cursor:pointer;list-style:none}.settings-advanced>summary::-webkit-details-marker{display:none}.settings-advanced>summary>span{display:grid;gap:2px}.settings-advanced>summary strong{font-size:.92rem}.settings-advanced>summary small{color:var(--muted)}.settings-advanced>summary>svg:last-child{transition:transform .16s var(--motion-soft)}.settings-advanced[open]>summary>svg:last-child{transform:rotate(180deg)}.settings-advanced-content{border-top:1px solid var(--border);padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{border:1px solid var(--border);border-radius:24px;background:#fffefad6;padding:18px;display:grid;gap:10px;align-content:start;box-shadow:var(--soft-shadow);animation:content-rise .36s var(--motion-soft) both;transition:transform .16s var(--motion-soft),box-shadow .16s var(--motion-soft),border-color .16s var(--motion-soft)}.settings-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #5c42281a}.settings-card.wide{grid-column:1 / -1}.settings-card-danger{border-color:#ffd0c7;background:linear-gradient(135deg,#fffefae6,#fff2efdb)}.sync-checklist{background:radial-gradient(circle at 9% 14%,rgba(255,247,199,.78),transparent 30%),linear-gradient(135deg,#fffefaeb,#effff2c7)}.sync-next-action{display:grid;gap:4px;padding:13px 14px;border:1px solid #f0dcc1;border-radius:18px;background:#fffefab8}.sync-next-action strong{color:#9d6157;font-size:.78rem;text-transform:uppercase}.sync-next-action span{color:#3a2d22;font-weight:760}.sync-console-link{width:fit-content;text-decoration:none}.sync-checklist-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none}.sync-checklist-steps li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #efdcc0;border-radius:18px;background:#fffefaa3;color:var(--muted)}.sync-checklist-steps li.current{border-color:#ffb7a2;background:#fff2efad;color:var(--ink);box-shadow:0 10px 20px #d96b6b1a}.sync-checklist-steps li.done{border-color:#bde9c9;background:#f3fff4b8;color:#315f42}.sync-step-marker{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#fff7c7;color:#7b5d2d;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff85}.sync-checklist-steps li.done .sync-step-marker{background:#dff7e8;color:#315f42}.sync-checklist-steps li.current .sync-step-marker{background:#ffe2d6;color:#9d6157;animation:magnet-snap .52s var(--motion-spring) both}.firebase-setup-helper{background:radial-gradient(circle at 88% 12%,rgba(223,247,232,.72),transparent 28%),linear-gradient(135deg,#fffefaeb,#fff7c785)}.firebase-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.firebase-setup-grid .textarea{min-height:176px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.5;white-space:pre}.firebase-env-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;padding:10px 12px;border:1px solid #f0dcc1;border-radius:16px;background:#fffefaad;color:var(--muted)}.firebase-env-status.ready{border-color:#bde9c9;background:#f3fff4b8;color:#315f42}.firebase-env-status.error{border-color:#ffd0c7;background:#fff2efb8;color:#9d4b42}.settings-note{padding:10px 12px;border-radius:16px;background:#fff7c77a}.settings-card ul{margin:0;padding-left:20px}.confirm-row{display:flex;align-items:flex-start;gap:10px;max-width:720px;color:#705b4b;line-height:1.45}.confirm-row input{margin-top:4px;accent-color:var(--primary)}.device-list{display:grid;gap:10px}.device-swipe-shell{position:relative;min-height:0;overflow:hidden;border-radius:18px;touch-action:pan-y;transition:height .22s var(--motion-soft),opacity .18s ease,transform .22s var(--motion-soft)}.device-swipe-actions{position:absolute;z-index:2;top:50%;right:8px;width:38px;height:38px;transform:translateY(-50%);display:flex;justify-content:stretch;border-radius:9px;background:transparent}.device-swipe-actions button{width:100%;border:0;border-radius:inherit;background:transparent;color:var(--danger);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease}.device-swipe-actions button:hover,.device-swipe-actions button:focus-visible{background:color-mix(in srgb,var(--danger) 13%,transparent)}.device-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 58px 12px 12px;border:1px solid #efdcc0;border-radius:18px;background:#fffefa9e;position:relative;z-index:1;transform:translate(var(--device-swipe-offset, 0));transition:transform .21s var(--motion-soft)}.device-swipe-shell.open .device-row{transform:translate(-76px)}.device-swipe-shell.dragging .device-row{transition:none}.device-swipe-shell.removing{height:0!important;opacity:0;transform:translate(-20px)}.device-row strong,.device-row span{display:block;overflow-wrap:anywhere}.device-row span,.device-row small{color:var(--muted)}.device-row .device-badges{display:flex;align-items:center;gap:6px}.device-row .device-badges .badge{color:inherit}.loop-list span{border:1px solid #efdcc0;border-radius:16px;padding:10px 12px;background:#fffefa;animation:soft-pop .26s var(--motion-spring) both}.editor-backdrop{position:fixed;inset:0;z-index:20;background:#5c422829;display:grid;place-items:end end;padding:28px;animation:backdrop-arrive .18s ease-out both}.editor-panel{width:min(468px,100%);max-height:min(88vh,840px);overflow:auto;border:1px solid rgba(224,196,158,.7);border-radius:30px;background:var(--draft-color, #fff7c7);box-shadow:0 24px 58px #5c42283d;padding:20px;display:grid;gap:14px;transform-origin:88% 100%;animation:sticky-editor-arrive .42s var(--motion-spring) both}.editor-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.editor-kicker{display:inline-flex;color:#8a6654;font-size:.78rem;font-weight:900;text-transform:uppercase}.icon-close{width:36px;height:36px;border:1px solid rgba(92,66,40,.12);border-radius:999px;background:#ffffff94;color:var(--ink);display:grid;place-items:center;cursor:pointer}.icon-close:hover{background:#ffffffd1;transform:rotate(8deg)}.primary-note-field{font-size:.76rem;text-transform:uppercase;color:#876b58}.primary-note-field .textarea{min-height:178px;border:0;border-radius:22px;padding:16px;background:#fffefa9e;color:var(--ink);box-shadow:inset 0 0 0 1px #e0c49e80;font-size:1rem;text-transform:none}.composer-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.kind-picker{display:flex;flex-wrap:wrap;gap:6px}.kind-chip,.pin-toggle{min-height:36px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(92,66,40,.12);border-radius:999px;padding:7px 10px;background:#ffffff70;color:#58493d;cursor:pointer;transition:transform .15s var(--motion-spring),background .15s var(--motion-soft),border-color .15s var(--motion-soft),box-shadow .15s var(--motion-soft)}.kind-chip.active,.pin-toggle.active{background:#fffefa;border-color:#f1c0b1;color:#8f3e45;font-weight:900;box-shadow:0 5px 12px #5c422814;animation:soft-pop .22s var(--motion-spring) both}.pin-toggle.active svg{animation:magnet-snap .52s var(--motion-spring) both}.color-swatches{display:flex;flex-wrap:wrap;gap:9px}.project-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px}.project-edit-grid label{font-size:.78rem;color:var(--muted)}.color-swatch{width:28px;height:28px;border:2px solid rgba(255,255,255,.84);border-radius:999px;box-shadow:0 0 0 1px #5c42282e;cursor:pointer;transition:transform .15s var(--motion-spring),box-shadow .15s var(--motion-soft)}.color-swatch:hover{transform:translateY(-2px) scale(1.05)}.color-swatch.active{box-shadow:0 0 0 2px #8f3e45,0 0 0 5px #ffffffbd}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.compact{margin-top:12px}label{display:grid;gap:6px;font-weight:800}.input,.textarea,select{width:100%;border:1px solid #e4d0b4;border-radius:16px;padding:11px 12px;min-height:44px;background:#fffefadb;color:var(--ink)}.textarea{resize:vertical}.attachment-uploader{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.attachment-draft-chip{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:#fffefa75;animation:soft-pop .24s var(--motion-spring) both}.attachment-draft-chip button{width:26px;height:26px;border:1px solid rgba(92,66,40,.12);border-radius:999px;display:grid;place-items:center;background:#ffffff9e;color:#735b4c;cursor:pointer}.attachment-draft-chip button:hover{background:#fffefa}.file-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px dashed #c6a989;border-radius:999px;background:#fffefa94;cursor:pointer;color:var(--ink);transition:transform .15s var(--motion-soft),background .15s var(--motion-soft),border-color .15s var(--motion-soft)}.file-button:hover{transform:translateY(-1px);border-color:#a98a67;background:#fffefac2}.file-button input{display:none}.advanced-options{border-radius:20px}.advanced-options summary{cursor:pointer;color:#8a6654;font-weight:900;width:fit-content}.advanced-card{margin-top:10px;padding:12px;border-radius:20px;background:#fffefa6b;border:1px solid rgba(224,196,158,.52);display:grid;gap:12px}.editor-actions{justify-content:flex-end}.toast{position:fixed;right:20px;bottom:20px;z-index:30;max-width:min(420px,calc(100vw - 40px));border:1px solid #cce8d5;background:#4d7a63;color:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;animation:toast-arrive .28s var(--motion-spring) both}.toast.leaving{pointer-events:none;animation:toast-leave .18s ease-in both}.toast-error{border-color:color-mix(in srgb,var(--danger) 52%,var(--border));background:color-mix(in srgb,var(--surface) 91%,var(--danger))}.toast-delete{border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.toast-action,.toast-close{border:0;background:transparent;color:inherit;cursor:pointer}.toast-action{min-height:32px;padding:4px 8px;border-radius:7px;font-weight:800;color:var(--accent-strong)}.toast-action:hover,.toast-action:focus-visible,.toast-close:hover,.toast-close:focus-visible{background:color-mix(in srgb,var(--ink) 8%,transparent)}.toast-close{width:32px;height:32px;padding:0;display:inline-grid;place-items:center;border-radius:7px}.mobile-nav{display:none}.fab{display:grid;place-items:center;position:fixed;right:24px;bottom:24px;z-index:14;width:60px;height:60px;border:0;border-radius:999px;background:#ff8f8f;color:#fffefa;box-shadow:0 14px 30px #bd4f5847;cursor:pointer;animation:fab-arrive .52s var(--motion-spring) .22s both;transition:transform .16s var(--motion-spring),box-shadow .16s var(--motion-soft),background .16s var(--motion-soft)}.fab:hover{transform:translateY(-3px) rotate(4deg);box-shadow:0 18px 36px #bd4f5857}.save-motion-cue{position:fixed;right:34px;bottom:88px;z-index:40;width:84px;height:84px;pointer-events:none}.save-motion-cue span{position:absolute;left:26px;top:28px;width:34px;height:28px;border-radius:8px 9px 10px 8px;background:#fff7c7;box-shadow:0 8px 18px #5c42281f;animation:saved-paper .82s var(--motion-spring) both}.save-motion-cue span:nth-child(2){background:#dff7e8;animation-delay:55ms}.save-motion-cue span:nth-child(3){background:#ffe2d6;animation-delay:95ms}@keyframes app-arrive{0%{opacity:0}to{opacity:1}}@keyframes sidebar-arrive{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes content-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-arrive{0%{opacity:0;transform:translateY(18px) rotate(calc(var(--card-tilt, 0deg) - 1.2deg)) scale(.97)}65%{opacity:1;transform:translateY(-2px) rotate(calc(var(--card-tilt, 0deg) + .2deg)) scale(1.01)}to{opacity:1;transform:translateY(0) rotate(var(--card-tilt, 0deg)) scale(1)}}@keyframes sticky-editor-arrive{0%{opacity:0;transform:translateY(28px) rotate(1.2deg) scale(.97)}70%{opacity:1;transform:translateY(-4px) rotate(-.2deg) scale(1.01)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes backdrop-arrive{0%{opacity:0}to{opacity:1}}@keyframes soft-pop{0%{transform:scale(.96)}70%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes magnet-snap{0%{transform:scale(.86) rotate(-12deg)}55%{transform:scale(1.16) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes magnet-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes paper-drift{0%,to{transform:translateY(0) rotate(var(--paper-tilt, -8deg))}50%{transform:translateY(-7px) rotate(var(--paper-tilt-soft, -4deg))}}@keyframes toast-arrive{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes startup-pulse{0%{opacity:.48}to{opacity:.9}}@keyframes fab-arrive{0%{opacity:0;transform:translateY(18px) scale(.86) rotate(-10deg)}70%{opacity:1;transform:translateY(-3px) scale(1.04) rotate(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes saved-paper{0%{opacity:0;transform:translate(8px,12px) rotate(-18deg) scale(.6)}28%{opacity:1}72%{opacity:1;transform:translate(-32px,-36px) rotate(11deg) scale(1)}to{opacity:0;transform:translate(-44px,-46px) rotate(0) scale(.88)}}@media(max-width:900px){.app-shell{display:block}.sidebar{display:none}.main-panel{padding:18px 14px 104px}.topbar{grid-template-columns:1fr}.topbar h1{font-size:2rem}.type-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));width:100%;border-radius:18px}.type-filter button{padding-inline:6px}.type-filter.clip-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.type-filter.clip-filter button{padding-inline:12px;white-space:nowrap}.capture-strip{align-items:stretch;flex-direction:column}.home-capture{grid-template-columns:1fr;align-items:stretch;padding:20px}.home-capture-actions,.clipboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.home-capture-actions .btn,.clipboard-actions .btn,.clipboard-manual-paste .btn,.monitor-toggle{width:100%}.clipboard-manual-paste{grid-template-columns:1fr}.capture-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.capture-actions .btn{width:100%}.board-grid,.project-admin-card{grid-template-columns:1fr}.device-row{grid-template-columns:1fr;padding-right:12px}.device-swipe-actions{z-index:0;inset:0 0 0 auto;width:76px;height:auto;transform:none;border-radius:0;background:color-mix(in srgb,var(--danger) 86%,#8d2f3a)}.device-swipe-actions button{color:#fff}.device-swipe-actions button:hover,.device-swipe-actions button:focus-visible{background:transparent}.sync-checklist-steps li{grid-template-columns:30px minmax(0,1fr)}.sync-checklist-steps .badge{grid-column:2;width:fit-content}.firebase-setup-grid,.form-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:12;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);background:#fffefaf5;border:1px solid var(--border);border-radius:24px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:var(--shadow)}.mobile-nav-item{display:grid;justify-items:center;gap:2px;min-height:52px;padding:6px 2px;font-size:.72rem}.fab{right:16px;bottom:calc(92px + env(safe-area-inset-bottom))}}@media(max-width:520px){.capture-actions,.home-capture-actions,.clipboard-actions{grid-template-columns:1fr}.editor-backdrop{padding:0;align-items:end}.editor-panel{width:100%;max-height:94vh;border-radius:28px 28px 0 0}.composer-toolbar{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.btn,.nav-item,.project-link,.mobile-nav-item,.fab{transition:none}.btn:hover,.nav-item:hover,.project-link:hover,.mobile-nav-item:hover,.fab:hover,.capture-strip:hover,.magnet-card:hover,.project-admin-card:hover,.settings-card:hover,.file-button:hover,.topbar-icon:hover,.color-swatch:hover{transform:none}.save-motion-cue{display:none}}*:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-shell{min-height:100dvh;grid-template-columns:236px minmax(0,1fr);background:linear-gradient(90deg,color-mix(in srgb,var(--surface-soft) 72%,transparent),transparent 28%),var(--background)}.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}:root[data-theme=dark] .app-shell{background:radial-gradient(circle at 20% 10%,rgba(212,122,106,.09),transparent 28%),var(--background)}.sidebar{min-height:100dvh;padding:24px 14px 16px;background:var(--sidebar);border-right:1px solid var(--border);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{margin:0}.brand-mark{width:34px;height:34px;border-radius:10px;box-shadow:0 9px 18px #ff6b5738}.brand strong{font-size:1.05rem}.brand span{display:none}.sidebar-search{min-height:42px;padding:0 10px;border-radius:10px;box-shadow:none}.search-box,.topbar-icon{border-color:var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);box-shadow:none}.search-box input,.input,.textarea,select{color:var(--ink)}.search-box input::placeholder,.input::placeholder,.textarea::placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent)}.nav-list{gap:5px;align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain}.notebook-nav-group{display:grid;gap:2px}.notebook-nav-children{display:grid;gap:2px;margin:0 2px 5px 24px;padding:0 0 4px 8px;border-left:1px solid color-mix(in srgb,var(--border) 78%,transparent)}.nav-item,.project-link{border-radius:10px;min-height:38px;padding:8px 10px;color:var(--ink)}.nav-item:hover,.project-link:hover{background:color-mix(in srgb,var(--surface) 64%,transparent);transform:none}.nav-item.active,.project-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--memo-yellow) 84%,var(--surface)),color-mix(in srgb,var(--memo-peach) 34%,var(--surface)));border-color:color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:var(--card-shadow)}.nav-item.drop-target,.project-tree-row.drop-target .project-link{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}:root[data-theme=dark] .nav-item.active,:root[data-theme=dark] .project-link.active{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.section-heading{text-transform:none;letter-spacing:0;font-size:.82rem;margin:8px 4px 6px}.project-link{min-height:34px;border-color:transparent;background:transparent;font-size:.9rem}.project-link.active{background:color-mix(in srgb,var(--surface) 76%,transparent);border-color:color-mix(in srgb,var(--border) 70%,transparent);box-shadow:none}.project-accordion{display:grid;gap:3px}.project-tree-group{display:grid;gap:2px}.project-tree-row{display:block}.project-tree-project{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding-inline:8px}.notebook-swatch{width:15px;height:18px;border-radius:3px 5px 5px 3px;background:var(--notebook-color);box-shadow:inset 3px 0 #fff3}.project-tree-project small{color:var(--muted);font-size:.72rem;font-weight:760}.project-tree-row.active .project-tree-project{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--ink)}.project-note-list{display:grid;gap:1px;margin:0 0 4px 30px;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.project-note-link{width:100%;min-height:28px;border:0;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--ink) 78%,var(--muted));display:block;padding:5px 8px;text-align:left;cursor:pointer;font-size:.84rem;font-weight:720}.project-note-link span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-note-link:hover,.project-note-link:focus-visible{background:color-mix(in srgb,var(--surface-soft) 78%,transparent);color:var(--ink)}.project-note-link.active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.project-note-empty,.project-note-more{padding:5px 8px;color:var(--muted);font-size:.78rem;font-weight:720}.project-add-button{width:calc(100% - 10px);min-height:28px;margin:6px 5px 0;border:0;border-radius:0;background:color-mix(in srgb,var(--muted) 46%,transparent);color:var(--surface);display:grid;place-items:center;cursor:pointer}.project-add-button:hover{background:color-mix(in srgb,var(--accent) 62%,var(--muted))}.project-quick-add{position:relative}.project-add-popover{position:absolute;left:5px;top:calc(100% + 8px);z-index:26;width:calc(100% - 10px);box-sizing:border-box;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--floating-shadow);padding:10px;display:grid;gap:10px}.project-add-popover label{display:grid;gap:6px}.project-add-popover label span{color:var(--muted);font-size:.76rem;font-weight:850}.project-add-popover .input{box-sizing:border-box;min-width:0;padding-inline:9px;font-size:.82rem}.project-add-popover .notebook-color-picker,.new-project-row .notebook-color-picker{width:100%}.project-add-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:7px}.project-add-actions .btn{min-width:0;min-height:36px;justify-content:center;padding-inline:6px;font-size:.78rem;white-space:nowrap}.sidebar-account{position:relative}.sidebar-user{width:100%;border:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 6px;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.sidebar-user:hover{background:color-mix(in srgb,var(--surface) 68%,transparent)}.sidebar-user strong,.sidebar-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user span{color:var(--muted);font-size:.78rem}.account-popover{position:absolute;left:0;bottom:calc(100% + 10px);z-index:20;width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--floating-shadow);padding:10px;display:grid;gap:10px}.account-popover-header{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.account-popover-header strong,.account-popover-header span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover-header span{color:var(--muted);font-size:.78rem}.account-popover-value{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.account-popover .btn{width:100%;justify-content:center}.mobile-sidebar-layer{position:fixed;inset:0;z-index:80;display:none}.mobile-sidebar-scrim{position:absolute;inset:0;border:0;background:#2021243d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-sidebar-panel{position:relative;width:min(82vw,310px);min-height:100dvh;transform:translate(0);animation:drawer-slide-in .22s var(--motion-soft) both}.mobile-sidebar-panel .sidebar{width:100%;box-shadow:18px 0 38px #20212429}.mobile-sidebar-close{position:absolute;top:calc(14px + env(safe-area-inset-top));right:12px;z-index:2;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);display:grid;place-items:center}@keyframes drawer-slide-in{0%{transform:translate(-102%)}to{transform:translate(0)}}.avatar-dot{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;color:color-mix(in srgb,var(--ink) 56%,var(--muted));background:color-mix(in srgb,var(--surface) 86%,var(--memo-peach));font-weight:850;overflow:hidden}.avatar-dot.image{background:color-mix(in srgb,var(--note-color) 18%,var(--surface))}.avatar-dot img{width:100%;height:100%;object-fit:cover}.main-panel{padding:0;min-height:100dvh}.utility-panel{padding:28px}.utility-topbar h1{font-size:2rem}.utility-topbar-minimal{grid-template-columns:minmax(0,1fr)}.mobile-menu-button{width:44px;height:44px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--ink);display:none;place-items:center;cursor:pointer;box-shadow:var(--card-shadow)}.utility-menu-button{flex:0 0 auto}.wall-workspace{height:100dvh;min-height:100dvh;display:grid;grid-template-columns:minmax(320px,var(--wall-list-width, 410px)) 12px minmax(420px,1fr);overflow:hidden}.wall-list-pane{min-width:0;height:100dvh;min-height:100dvh;padding:28px 20px 96px;border-right:0;background:color-mix(in srgb,var(--background) 86%,var(--surface-soft));overflow-y:auto}.editor-resize-handle{position:relative;min-width:12px;min-height:100dvh;border:0;background:transparent;cursor:col-resize;touch-action:none}.editor-resize-handle:before{content:"";position:absolute;inset-block:0;left:50%;width:1px;transform:translate(-50%);background:var(--border);transition:width .14s var(--motion-soft),background .14s var(--motion-soft),box-shadow .14s var(--motion-soft)}.editor-resize-handle span{position:absolute;top:50%;left:50%;width:4px;height:44px;border-radius:999px;transform:translate(-50%,-50%) scaleY(.78);background:color-mix(in srgb,var(--muted) 42%,transparent);opacity:0;transition:opacity .14s var(--motion-soft),transform .14s var(--motion-soft)}.editor-resize-handle:hover:before,.editor-resize-handle:focus-visible:before,.wall-workspace.editor-width-resizing .editor-resize-handle:before{width:3px;background:color-mix(in srgb,var(--accent) 64%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.editor-resize-handle:hover span,.editor-resize-handle:focus-visible span,.wall-workspace.editor-width-resizing .editor-resize-handle span{opacity:1;transform:translate(-50%,-50%) scaleY(1)}body.pinnote-editor-resize-active,body.pinnote-editor-resize-active *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.wall-search-row{display:none}.wall-list-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:16px}.wall-list-heading{min-width:0}.wall-list-header h1,.mobile-wall-header h1{margin:0;font-size:1.56rem;line-height:1.16;letter-spacing:0}.wall-list-header p,.wall-list-header span,.mobile-wall-header p{margin:4px 0 0;color:var(--muted);font-size:.86rem}.wall-header-actions{display:flex;align-items:center;gap:8px}.home-view-toggle{min-height:38px;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}.home-view-toggle button{min-width:82px;min-height:30px;border:0;border-radius:6px;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--muted);font-size:.76rem;font-weight:760;cursor:pointer}.home-view-toggle button:hover{color:var(--ink);background:color-mix(in srgb,var(--surface) 78%,transparent)}.home-view-toggle button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 10%,transparent)}.magnet-wall-foundation{min-width:0;min-height:100dvh;padding:26px 28px 28px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;background:var(--background)}.magnet-wall-header{min-width:0;display:flex;align-items:center;gap:12px}.magnet-wall-heading{min-width:0;flex:1 1 auto}.magnet-wall-heading h1{margin:0;font-size:1.56rem;line-height:1.16}.magnet-wall-heading p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.magnet-wall-header-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.magnet-wall-header-actions>button{width:40px;height:40px;border:1px solid transparent;border-radius:9px;display:grid;place-items:center;background:transparent;color:var(--ink)}.magnet-wall-header-actions>button.active{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent-strong)}.magnet-wall-stage{position:relative;min-width:0;min-height:520px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:8px;display:grid;place-items:center;background-color:color-mix(in srgb,var(--surface-soft) 44%,var(--background))}.magnet-wall-stage .empty-state{max-width:460px;margin:0;border:0;background:transparent;box-shadow:none}.magnet-wall-loading{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:.86rem;font-weight:650}.magnet-wall-interaction-hint{position:absolute;z-index:40;left:50%;bottom:24px;width:max-content;max-width:min(620px,calc(100% - 32px));min-height:42px;padding:8px 8px 8px 12px;border:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent);border-radius:8px;display:flex;align-items:center;gap:9px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 14%,transparent);color:var(--ink);font-size:.76rem;font-weight:650;line-height:1.4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%);animation:wall-hint-arrive .22s ease-out both}.magnet-wall-interaction-hint>svg{flex:0 0 auto;color:var(--accent)}.magnet-wall-interaction-hint>span{min-width:0}.magnet-wall-interaction-hint button{width:28px;height:28px;flex:0 0 auto;border:0;border-radius:6px;display:grid;place-items:center;padding:0;background:transparent;color:var(--muted);cursor:pointer}.magnet-wall-interaction-hint button:hover,.magnet-wall-interaction-hint button:focus-visible{background:var(--surface-soft);color:var(--ink)}@keyframes wall-hint-arrive{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.wall-canvas-shell,.wall-canvas-viewport{position:absolute;inset:0;min-width:0;min-height:0}.wall-canvas-viewport{overflow:hidden;cursor:default}.wall-canvas-shell.mobile-panorama .wall-canvas-viewport{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:none;-webkit-overflow-scrolling:touch}.wall-mobile-panorama-surface{position:relative;min-width:100%;min-height:100%}.wall-canvas-shell.mobile-panorama .magnet-wall-canvas{left:8px;top:8px}.wall-canvas-shell.mobile-panorama .magnet-wall-card-resize{display:none}.wall-canvas-shell.interactive .wall-canvas-viewport{cursor:grab;touch-action:none}.wall-canvas-shell.interactive .wall-canvas-viewport.panning{cursor:grabbing}.wall-canvas-toolbar{position:absolute;z-index:20;top:12px;left:50%;min-height:38px;padding:4px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:8px;display:flex;align-items:center;gap:2px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 10%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.wall-canvas-toolbar button{min-width:30px;height:30px;border:0;border-radius:6px;display:inline-grid;place-items:center;padding:0 7px;background:transparent;color:var(--ink);font:inherit;font-size:.76rem;font-weight:760;cursor:pointer}.wall-canvas-toolbar button:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.wall-canvas-toolbar button.active{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.wall-canvas-toolbar output{min-width:48px;color:var(--muted);font-size:.74rem;font-variant-numeric:tabular-nums;text-align:center}.wall-canvas-toolbar .wall-toolbar-text-button{min-width:48px}.wall-toolbar-divider{width:1px;height:20px;margin-inline:3px;background:var(--border)}.magnet-wall-canvas{position:absolute;left:0;top:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:3px;background-color:color-mix(in srgb,var(--surface) 82%,var(--background));background-image:radial-gradient(color-mix(in srgb,var(--muted) 24%,transparent) 1px,transparent 1px);background-size:20px 20px;box-shadow:0 18px 50px color-mix(in srgb,var(--ink) 12%,transparent);transform-origin:0 0;will-change:transform}.magnet-wall-card{position:absolute;left:var(--wall-card-left);top:var(--wall-card-top);width:max(150px,var(--wall-card-width));height:max(112px,var(--wall-card-height));min-width:0;overflow:visible;border:1px solid color-mix(in srgb,var(--wall-card-color) 58%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--wall-card-color) 30%,var(--surface));box-shadow:0 8px 18px color-mix(in srgb,var(--ink) 10%,transparent);transition:border-color .14s ease,box-shadow .14s ease;-webkit-user-select:none;user-select:none}.magnet-wall-card.dragging-enabled{cursor:grab;touch-action:none}.magnet-wall-card.dragging-enabled:active{cursor:grabbing}.magnet-wall-card.inline-editing,.magnet-wall-card.inline-editing:active{cursor:default}.magnet-wall-card.selected{border-color:color-mix(in srgb,var(--accent) 78%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),0 14px 28px color-mix(in srgb,var(--ink) 16%,transparent)}.magnet-wall-card-main{width:100%;height:100%;border:0;padding:16px 38px 16px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;overflow:hidden;background:transparent;color:var(--ink);text-align:left;cursor:inherit}.magnet-wall-card-main>strong,.magnet-wall-card-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.magnet-wall-card-main>strong{-webkit-line-clamp:2;font-size:.92rem;line-height:1.3}.magnet-wall-card-title-editor,.magnet-wall-card-body-editor{width:100%;min-width:0;border:0;outline:0;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;cursor:text}.magnet-wall-card-title-editor{min-height:1.3em;padding-right:24px;font-size:.92rem;font-weight:800;line-height:1.3}.magnet-wall-card-body-editor{flex:1 1 auto;min-height:0;overflow:auto;color:var(--muted);font-size:.78rem;line-height:1.45;overscroll-behavior:contain}.magnet-wall-card-body-editor p,.magnet-wall-card-body-editor ul,.magnet-wall-card-body-editor ol,.magnet-wall-card-body-editor blockquote{margin:0 0 .55em}.magnet-wall-card-body-editor img,.magnet-wall-card-body-editor video{max-width:100%;height:auto}.magnet-wall-card-excerpt{-webkit-line-clamp:4;color:var(--muted);font-size:.78rem;line-height:1.45}.magnet-wall-card-image{width:100%;min-height:48px;max-height:46%;flex:1 1 84px;border:1px solid color-mix(in srgb,var(--wall-card-color) 38%,var(--border));border-radius:5px;object-fit:cover;background:color-mix(in srgb,var(--surface) 88%,var(--wall-card-color));pointer-events:none}.magnet-wall-card-excerpt.with-image{flex:0 1 auto;-webkit-line-clamp:2}.magnet-wall-card-checklist{max-width:100%;display:flex;align-items:center;gap:5px;overflow:hidden;color:color-mix(in srgb,var(--ink) 82%,var(--muted));font-size:.74rem;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.magnet-wall-card-checklist svg{flex:0 0 auto}.magnet-wall-card-checklist.checked{color:var(--muted);text-decoration:line-through}.magnet-wall-card-meta{width:100%;margin-top:auto;display:flex;align-items:center;gap:7px;overflow:hidden;color:color-mix(in srgb,var(--muted) 88%,var(--ink));font-size:.68rem;line-height:1.2}.magnet-wall-card-meta>span,.magnet-wall-card-meta time{min-width:0;display:inline-flex;align-items:center;gap:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.magnet-wall-card-meta>span:first-of-type{flex:1 1 auto}.magnet-wall-card-menu-trigger{position:absolute;top:7px;right:7px;width:28px;height:28px;border:0;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);cursor:pointer;z-index:5}.magnet-wall-long-press-overlay{position:absolute;z-index:4;inset:0;border-radius:inherit;pointer-events:none;background:color-mix(in srgb,var(--accent) 26%,transparent);transform:scaleY(0);transform-origin:bottom;animation:wall-long-press-fill .62s linear forwards}@keyframes wall-long-press-fill{to{transform:scaleY(1)}}.magnet-wall-card-menu-trigger:hover,.magnet-wall-card-menu-trigger[aria-expanded=true]{color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.magnet-wall-card-menu{position:absolute;z-index:40;top:40px;right:7px;width:206px;padding:6px;border:1px solid var(--border);border-radius:8px;display:grid;gap:2px;background:var(--surface);box-shadow:0 16px 36px color-mix(in srgb,var(--ink) 20%,transparent);color:var(--ink);cursor:default}.magnet-wall-card-menu>button{width:100%;min-height:34px;border:0;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:8px;background:transparent;color:inherit;font:inherit;font-size:.78rem;font-weight:680;text-align:left;cursor:pointer}.magnet-wall-card-menu>button:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.magnet-wall-card-menu>button.danger-link{color:var(--danger)}.magnet-wall-card-colors{padding:7px 8px;border-block:1px solid color-mix(in srgb,var(--border) 78%,transparent);display:flex;align-items:center;gap:7px}.magnet-wall-card-color{width:22px;height:22px;border:2px solid var(--surface);border-radius:50%;padding:0;background:var(--wall-menu-color);box-shadow:0 0 0 1px var(--border);cursor:pointer}.magnet-wall-card-color[aria-checked=true]{box-shadow:0 0 0 1px var(--surface),0 0 0 3px var(--accent)}.magnet-wall-card-resize{position:absolute;right:3px;bottom:3px;width:22px;height:22px;border:0;border-radius:5px;padding:0;background:linear-gradient(135deg,transparent 48%,color-mix(in srgb,var(--muted) 65%,transparent) 49% 56%,transparent 57%),linear-gradient(135deg,transparent 66%,color-mix(in srgb,var(--muted) 65%,transparent) 67% 74%,transparent 75%);cursor:nwse-resize;opacity:0;touch-action:none}.magnet-wall-card.selected .magnet-wall-card-resize,.magnet-wall-card-resize:focus-visible{opacity:1}@media(forced-colors:active){.magnet-wall-card{border:1px solid CanvasText;background:Canvas;color:CanvasText;forced-color-adjust:auto}.magnet-wall-card.selected{outline:3px solid Highlight;outline-offset:2px}.magnet-wall-card-color{border:2px solid ButtonText}}.wall-item-wall-toggle{width:25px;height:25px;margin-left:auto;border:0;border-radius:5px;display:inline-grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer}.wall-item-wall-toggle:hover,.wall-item-wall-toggle.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-strong)}.wall-header-actions button,.mobile-header-actions button,.note-editor-actions button,.editor-format-toolbar button,.wall-item-actions button{min-width:40px;min-height:40px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer}.wall-header-actions button:hover,.mobile-header-actions button:hover,.note-editor-actions button:hover,.editor-format-toolbar button:hover,.wall-item-actions button:hover{background:color-mix(in srgb,var(--surface) 74%,transparent);border-color:var(--border)}.wall-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.wall-quick-actions .btn{min-height:36px;border-radius:10px;padding:7px 10px}.wall-filter{margin:0 0 12px;border-radius:10px;box-shadow:none;background:color-mix(in srgb,var(--surface) 72%,transparent)}.clipboard-dock{margin-bottom:12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.clipboard-dock summary{min-height:42px;padding:9px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted);font-weight:760}.clipboard-dock-body{display:grid;gap:10px;padding:0 12px 12px}.clipboard-dock-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.clipboard-inbox{display:grid;gap:8px;margin:0 0 14px}.clipboard-inbox-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 2px}.clipboard-inbox-heading h2,.clipboard-saved-heading{margin:0;color:var(--ink);font-size:.86rem;font-weight:820}.clipboard-inbox-heading p{margin:2px 0 0;color:var(--muted);font-size:.75rem;line-height:1.4}.clipboard-inbox-heading>span{flex:0 0 auto;color:var(--muted);font-size:.72rem;font-weight:740}.clipboard-inbox-list{display:grid;gap:6px}.clipboard-inbox-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 10px 10px 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--memo-mint) 18%,var(--surface))}.clipboard-inbox-item p{display:-webkit-box;margin:0 0 3px;overflow:hidden;color:var(--ink);font-size:.84rem;line-height:1.4;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:3}.clipboard-inbox-item small{color:var(--muted);font-size:.68rem}.clipboard-inbox-actions{display:flex;align-items:center;gap:5px}.clipboard-inbox-actions>button:not(.btn){width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:inline-grid;place-items:center;cursor:pointer}.clipboard-inbox-actions>button:not(.btn):hover{background:color-mix(in srgb,var(--surface-soft) 70%,transparent);color:var(--ink)}.clipboard-inbox-actions .btn{min-height:34px;padding:6px 10px;border-radius:8px}.clipboard-inbox.empty{margin-bottom:12px;padding:8px 10px;border-left:2px solid color-mix(in srgb,var(--accent) 46%,var(--border))}.clipboard-saved-heading{margin:4px 2px 8px}.wall-items{display:grid;gap:4px}.note-list-view-control{position:relative}.note-list-view-control>button{min-width:40px;min-height:40px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer}.note-list-view-control>button:hover,.note-list-view-control>button[aria-expanded=true]{border-color:var(--border);background:color-mix(in srgb,var(--surface) 78%,transparent)}.note-list-view-menu{position:absolute;z-index:80;top:calc(100% + 6px);right:0;width:min(230px,calc(100vw - 24px));padding:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 16px 36px #1d22272e}.note-list-view-menu strong{display:block;padding:7px 9px 6px;color:var(--muted);font-size:.74rem}.note-list-view-menu button{width:100%;min-height:38px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;border:0;border-radius:7px;padding:7px 9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.note-list-view-menu button:hover,.note-list-view-menu button.active{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.wall-item-swipe-shell{position:relative;min-width:0;overflow:hidden;border-radius:8px;transform-origin:center left;transition:height .28s var(--motion-soft),opacity .22s ease,transform .28s var(--motion-soft)}.wall-item-swipe-actions{position:absolute;inset:0 0 0 auto;width:144px;display:grid;grid-template-columns:repeat(2,72px);overflow:hidden;border-radius:8px;opacity:0;transform:translate(16px);transition:opacity .18s ease,transform .22s var(--motion-soft)}.wall-item-swipe-shell.open .wall-item-swipe-actions,.wall-item-swipe-shell.dragging .wall-item-swipe-actions{opacity:1;transform:translate(0)}.wall-item-swipe-actions button{border:0;display:grid;align-content:center;justify-items:center;gap:5px;padding:8px 4px;color:#fff;font-size:.7rem;font-weight:780}.wall-item-swipe-actions .swipe-wall{background:#3e78b5}.wall-item-swipe-actions .swipe-delete{background:#c65358}.wall-item{position:relative;display:grid;gap:7px;min-width:0;padding:11px 12px 10px 14px;border:1px solid transparent;border-bottom-color:color-mix(in srgb,var(--border) 74%,transparent);border-radius:8px;background:color-mix(in srgb,var(--note-color, var(--surface)) 14%,var(--surface));box-shadow:none;transform:translate(var(--swipe-drag, 0));transition:transform .19s var(--motion-soft),background .15s var(--motion-soft),border-color .16s var(--motion-soft),box-shadow .16s var(--motion-soft);touch-action:pan-y}.wall-item:before{content:"";position:absolute;inset:9px auto 9px 0;width:3px;border-radius:0 3px 3px 0;background:var(--note-color, var(--accent));opacity:.8}.wall-item-swipe-shell.open .wall-item{transform:translate(-144px)}.wall-item-swipe-shell.removing{height:0!important;opacity:0;transform:scale(.98);pointer-events:none}.wall-item-swipe-shell.removing .wall-item{transform:translate(calc(-100% - 32px))}.wall-item-swipe-shell.removing .wall-item-swipe-actions{opacity:0;transform:translate(-18px)}.wall-item:hover{border-color:color-mix(in srgb,var(--accent) 16%,var(--border));background:color-mix(in srgb,var(--note-color, var(--surface)) 22%,var(--surface))}.wall-item.selected{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--note-color, var(--surface)) 30%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.wall-item.dragging{opacity:.5;transform:scale(.985)}:root[data-theme=dark] .wall-item{background:color-mix(in srgb,var(--note-color, var(--surface)) 18%,var(--surface))}.wall-item-heading{min-width:0;display:flex;align-items:baseline;gap:7px}.wall-todo-toggle{width:22px;height:22px;flex:0 0 auto;border:0;background:transparent;padding:0;color:var(--muted);display:grid;place-items:center;cursor:pointer}.wall-item-title{min-width:0;flex:1 1 auto;border:0;background:transparent;color:var(--ink);padding:0;text-align:left;font-weight:830;line-height:1.3;cursor:pointer}.wall-item-heading time{flex:0 0 auto;color:var(--muted);font-size:.72rem;white-space:nowrap}.wall-item-main{min-width:0;cursor:pointer}.wall-item-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:anywhere}.wall-item-main p{margin:5px 0 0;color:color-mix(in srgb,var(--ink) 74%,var(--muted));font-size:.82rem;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.wall-items.preview-one-line .wall-item-main p{-webkit-line-clamp:1}.wall-items.preview-two-lines .wall-item-main p{-webkit-line-clamp:2}.wall-items.preview-title .wall-item-meta{display:none}.wall-item-meta{min-height:19px;margin:7px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--muted);font-size:.71rem}.wall-item-status-icons{min-width:0;display:inline-flex;align-items:center;gap:3px;color:color-mix(in srgb,var(--accent) 78%,var(--ink))}.wall-item-status-icons:empty{display:none}.wall-project-badge,.due-badge,.reminder-badge,.trash-retention-badge{border:0;border-radius:5px;padding:2px 5px;background:color-mix(in srgb,var(--surface-soft) 76%,transparent);color:color-mix(in srgb,var(--ink) 76%,var(--muted))}.reminder-badge{display:inline-flex;align-items:center;gap:3px;color:color-mix(in srgb,var(--accent) 82%,var(--ink))}.reminder-badge.overdue{color:var(--danger)}.wall-attachment-count{display:inline-flex;align-items:center;gap:3px}.wall-item-recovery-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid color-mix(in srgb,var(--border) 62%,transparent);padding-top:7px}.wall-item-recovery-actions button{border:0;background:transparent;color:var(--ink);padding:3px 0;font-size:.76rem;cursor:pointer}@media(min-width:960px){.wall-list-pane{padding:18px 14px 72px}.wall-list-header{min-height:52px;align-items:center;gap:8px;margin:0 0 4px;padding:0 2px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)}.wall-list-heading h1{overflow:hidden;font-size:1.12rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.wall-list-heading>span{display:block;margin-top:2px;overflow:hidden;font-size:.72rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.wall-header-actions{flex:0 0 auto;gap:2px}.wall-list-header .home-view-toggle{min-height:34px;padding:2px;border-radius:8px}.wall-list-header .home-view-toggle button{width:30px;min-width:30px;min-height:28px;padding:0;border-radius:6px}.wall-list-header .home-view-toggle button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wall-list-header .home-view-toggle svg{width:15px;height:15px}.wall-list-header .wall-header-actions>button,.wall-list-header .note-list-view-control>button{width:34px;min-width:34px;min-height:34px;border-radius:8px}.wall-quick-actions.note-actions{display:none}.wall-items{gap:0}.wall-item-swipe-shell{border-radius:0}.wall-item{gap:3px;min-height:66px;padding:9px 10px 8px 12px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:0;background:color-mix(in srgb,var(--note-color, var(--surface)) 5%,transparent)}.wall-item:before{inset:8px auto 8px 0;width:2px;opacity:.72}.wall-item:hover{border-color:color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--note-color, var(--surface)) 10%,var(--surface))}.wall-item.selected{border-color:color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--note-color, var(--surface)) 16%,var(--surface));box-shadow:inset 2px 0 color-mix(in srgb,var(--note-color, var(--accent)) 88%,var(--accent))}:root[data-theme=dark] .wall-list-pane .wall-item{background:color-mix(in srgb,var(--note-color, var(--surface)) 7%,transparent)}:root[data-theme=dark] .wall-list-pane .wall-item:hover{background:color-mix(in srgb,var(--note-color, var(--surface)) 12%,var(--surface))}:root[data-theme=dark] .wall-list-pane .wall-item.selected{background:color-mix(in srgb,var(--note-color, var(--surface)) 18%,var(--surface))}.wall-item-heading{gap:6px}.wall-item-title{font-size:.9rem;line-height:1.25}.wall-item-heading time{font-size:.66rem}.wall-item-main p{margin-top:3px;font-size:.77rem;line-height:1.34}.wall-item-meta{min-height:16px;margin-top:4px;gap:4px;font-size:.66rem}.wall-project-badge,.due-badge,.reminder-badge,.trash-retention-badge{padding:1px 4px;border-radius:4px}.wall-item-wall-toggle{width:22px;height:22px;border-radius:4px;opacity:0;transition:opacity .14s ease,color .14s ease,background .14s ease}.wall-item:hover .wall-item-wall-toggle,.wall-item.selected .wall-item-wall-toggle,.wall-item-wall-toggle:focus-visible,.wall-item-wall-toggle.active{opacity:1}}.danger-link,.danger-icon{color:var(--danger)!important}.note-context-menu{position:fixed;z-index:160;width:250px;max-height:min(440px,calc(100dvh - 16px));overflow:auto;padding:7px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 20px 50px #14191e3d}.note-context-menu>button,.note-context-notebooks button{width:100%;min-height:38px;border:0;border-radius:7px;padding:7px 9px;display:flex;align-items:center;gap:9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.note-context-menu>button:hover,.note-context-notebooks button:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.context-chevron{margin-left:auto;transition:transform .15s var(--motion-soft)}.context-chevron.open{transform:rotate(180deg)}.note-context-notebooks{max-height:190px;overflow:auto;margin:2px 0 5px;padding:4px 4px 4px 14px;border-left:1px solid var(--border)}.note-context-notebooks button{min-height:34px;font-size:.78rem}.note-context-notebooks button.active{opacity:.56}.context-notebook-color{width:10px;height:10px;flex:0 0 auto;border-radius:3px;box-shadow:inset 0 0 0 1px #00000014}.note-editor-pane{min-width:0;height:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0 28px;background:var(--background);overflow:hidden}.empty-editor{place-items:center;text-align:center}.empty-editor>div{max-width:320px;display:grid;justify-items:center;gap:10px;color:var(--muted)}.empty-editor h2{color:var(--ink);margin:0}.empty-editor p{margin:0}.note-editor-header{width:min(100%,var(--editor-line-length, 820px));min-height:70px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--border) 62%,transparent)}.autosave-status{display:inline-flex;align-items:center;gap:7px;min-height:32px;color:var(--muted);font-size:.86rem}.autosave-status[data-state=saved]{color:#6b9f76}.autosave-status[data-state=saving]{color:#9b7a36}.autosave-status[data-state=error]{color:var(--danger)}.autosave-spinner{animation:autosave-spin .85s linear infinite}@keyframes autosave-spin{to{transform:rotate(360deg)}}.note-editor-actions{display:flex;gap:6px;position:relative}.editor-icon-button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.editor-reminder-wrap{position:relative}.editor-reminder-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:40;box-sizing:border-box;width:min(290px,calc(100vw - 32px));padding:14px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,var(--background));box-shadow:0 18px 44px #20212438;color:var(--ink);display:grid;gap:12px}.editor-reminder-heading{display:flex;align-items:flex-start;gap:10px}.editor-reminder-heading>div{min-width:0;display:grid;gap:2px}.editor-reminder-heading strong{font-size:.95rem}.editor-reminder-heading span{color:var(--muted);font-size:.78rem}.editor-reminder-custom{min-width:0;display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:720}.editor-reminder-input-frame{box-sizing:border-box;display:block;min-width:0;width:100%;max-width:100%;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.editor-reminder-input-frame:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));box-shadow:var(--focus-ring)}.editor-reminder-custom input{box-sizing:border-box;display:block;min-width:0;max-width:100%;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:0;outline:0;background:transparent;color:var(--ink);font:inherit;color-scheme:light dark}.editor-reminder-hint,.editor-reminder-error{margin:0;font-size:.75rem;line-height:1.45}.editor-reminder-hint{color:var(--muted)}.editor-reminder-error{color:var(--danger)}.editor-reminder-footer{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-reminder-footer button{min-height:40px;padding:8px 12px;border-radius:8px;font-size:.82rem;font-weight:780}.reminder-remove-button{border:0;background:transparent;color:var(--danger)}.reminder-save-button{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent);color:#fff}.reminder-save-button:disabled{opacity:.45}.editor-more-wrap{position:relative}.editor-more-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:min(280px,calc(100vw - 32px));padding:8px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,var(--background));box-shadow:0 18px 42px #2021242e;display:grid;gap:2px}.editor-more-menu button{width:100%;min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--ink);display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;padding:9px 11px;text-align:left;font-weight:760}.editor-more-menu button:hover{background:color-mix(in srgb,var(--surface-soft) 70%,transparent)}.editor-more-menu .danger-menu-item{color:var(--danger);border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.note-editor-card{width:min(100%,var(--editor-line-length, 820px));min-height:0;margin-inline:auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;padding:22px 0 12px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.note-editor-scroll-region{min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain;scroll-padding-block:72px 112px}.editor-note-details{flex:0 0 auto;display:grid;gap:10px;padding:14px 0 8px;border-top:1px solid color-mix(in srgb,var(--border) 62%,transparent)}.editor-detail-row{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px}.editor-detail-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--muted)}.editor-project-pills{display:flex;gap:7px;overflow-x:auto;padding:4px 3px;scroll-padding-inline:3px;scroll-snap-type:x proximity;scrollbar-width:none}.editor-project-pills::-webkit-scrollbar{display:none}.editor-project-pills button{min-height:34px;flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--ink);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;white-space:nowrap;cursor:pointer;scroll-snap-align:start}.editor-project-pills button.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--memo-yellow) 72%,var(--surface))}.editor-project-pills .editor-add-notebook{width:34px;justify-content:center;padding-inline:0;border-style:dashed;color:var(--accent)}.editor-notebook-creator{margin-left:36px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface-soft) 72%,var(--surface));display:grid;gap:10px;padding:12px}.editor-notebook-creator label{display:grid;gap:5px;color:var(--muted);font-size:.76rem;font-weight:760}.editor-notebook-creator .input{min-height:40px}.editor-notebook-creator .notebook-color-picker{justify-content:flex-start}.editor-notebook-creator-actions{display:flex;justify-content:flex-end;gap:7px}.editor-color-swatches{gap:7px;overflow-x:auto;padding:4px 3px;scrollbar-width:none}.editor-color-swatches::-webkit-scrollbar{display:none}.editor-color-swatches .color-swatch{width:24px;height:24px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.note-title-input{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:0 0 12px;min-height:48px;background:transparent;font-size:1.48rem;font-weight:850}.rich-note-input{flex:1 0 auto;min-height:calc(100% - 112px);overflow:visible;border:0;border-radius:0;padding:16px 12px 48px 0;background:transparent;color:var(--ink);font-size:var(--editor-font-size, 16px);line-height:var(--editor-line-height, 1.48);outline:none;caret-color:var(--accent)}.rich-note-input:empty:before{content:attr(data-placeholder);color:var(--muted)}.rich-note-input :is(i,em){font-style:italic;font-synthesis:style}.rich-note-input>*:first-child{margin-top:0}.rich-note-input>*:last-child{margin-bottom:0}.rich-note-input h1,.rich-note-input h2,.rich-note-input h3,.rich-note-input h4,.rich-note-input h5,.rich-note-input h6{letter-spacing:0;margin:.8em 0 .36em}.rich-note-input h1{font-size:2em}.rich-note-input h2{font-size:1.7em}.rich-note-input h3{font-size:1.45em}.rich-note-input h4{font-size:1.25em}.rich-note-input h5{font-size:1.08em}.rich-note-input h6{color:color-mix(in srgb,var(--ink) 82%,var(--muted));font-size:.94em;text-transform:uppercase}.rich-note-input p,.rich-note-input div{margin:.18em 0}.rich-note-input ul,.rich-note-input ol{margin:.28em 0;padding-left:24px}.rich-note-input li{margin:.08em 0}.rich-note-input .rich-checklist{list-style:none;padding-left:8px}.rich-note-input .rich-checkbox{color:var(--accent);font-weight:900}.rich-note-input code{border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:6px;background:color-mix(in srgb,var(--background) 74%,var(--surface));padding:.08em .34em;font-size:.88em}.rich-note-input pre{overflow:auto;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:10px;background:color-mix(in srgb,var(--background) 86%,var(--surface));padding:10px}.rich-note-input pre code{border:0;background:transparent;padding:0}.rich-note-input a{color:var(--blue);font-weight:760}.rich-note-input blockquote{margin:.55em 0;padding:.15em 0 .15em 14px;border-left:3px solid color-mix(in srgb,var(--accent) 54%,var(--border));color:color-mix(in srgb,var(--ink) 78%,var(--muted))}.rich-note-input .rich-media{position:relative;display:grid;gap:7px;width:100%;margin:16px 0;max-width:100%;transition:width .14s var(--motion-soft),outline-color .14s var(--motion-soft)}.rich-note-input .rich-media img,.rich-note-input .rich-media video{display:block;width:100%;max-height:460px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 72%,var(--background));box-shadow:0 12px 24px color-mix(in srgb,var(--shadow) 14%,transparent);object-fit:contain}.rich-note-input .rich-media figcaption{color:var(--muted);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}.rich-note-input .rich-media.media-selected{outline:2px solid color-mix(in srgb,var(--accent) 64%,transparent);outline-offset:4px;border-radius:14px}.rich-note-input .rich-media.media-resize-edge:after,.rich-note-input.media-resize-active .rich-media.media-selected:after{content:"";position:absolute;top:20%;right:-7px;width:12px;height:60%;border-radius:999px;background:color-mix(in srgb,var(--accent) 78%,white);box-shadow:0 2px 8px color-mix(in srgb,var(--shadow) 24%,transparent)}.rich-note-input.media-resize-hover,.rich-note-input.media-resize-active,.pinnote-media-resize-active{cursor:ew-resize;-webkit-user-select:none;user-select:none}.rich-note-input.attachment-drop-active{outline:2px dashed var(--accent);outline-offset:-8px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.rich-note-input .rich-media-status{display:grid;min-height:140px;place-items:center;color:var(--muted);background:color-mix(in srgb,var(--surface-strong) 84%,transparent)}.rich-note-input .rich-media-status.is-error{color:var(--danger)}.attachment-upload-list{display:grid;gap:8px;padding:8px 0}.attachment-upload-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.attachment-upload-row>img{width:52px;height:52px;border-radius:6px;object-fit:cover}.attachment-upload-copy{display:grid;min-width:0;gap:4px}.attachment-upload-copy strong,.attachment-upload-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-upload-copy span{color:var(--muted);font-size:12px}.attachment-upload-copy progress{width:100%;height:4px;accent-color:var(--accent)}.attachment-upload-row.is-error{border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}.attachment-upload-actions{display:flex;gap:6px}.attachment-upload-actions button{min-height:32px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:transparent}.attachment-preview-error{color:var(--danger)}@media(max-width:760px){.attachment-upload-row{grid-template-columns:44px minmax(0,1fr)}.attachment-upload-row>img{width:44px;height:44px}.attachment-upload-actions{grid-column:1 / -1;justify-content:flex-end}}.rich-note-input table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--surface) 82%,transparent);margin:.7em 0}.rich-note-input th,.rich-note-input td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}.rich-note-input.table-resize-hover,.rich-note-input.table-resize-hover *,.rich-note-input.table-resize-active,.rich-note-input.table-resize-active *,body.pinnote-table-resize-active,body.pinnote-table-resize-active *{cursor:col-resize!important}.rich-note-input .table-resize-edge{box-shadow:inset -2px 0 0 var(--accent)}body.pinnote-table-resize-active{-webkit-user-select:none;user-select:none}.rich-note-input th:last-child,.rich-note-input td:last-child{border-right:0}.rich-note-input tr:last-child td{border-bottom:0}.rich-note-input th{background:color-mix(in srgb,var(--memo-yellow) 42%,var(--surface));font-weight:850}.editor-attachment-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.editor-attachment-preview{margin:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--surface) 68%,transparent)}.editor-attachment-preview img,.editor-attachment-preview video{display:block;width:100%;max-height:240px;object-fit:contain;background:color-mix(in srgb,var(--background) 82%,transparent)}.editor-file-preview{min-height:96px;display:grid;place-items:center;gap:7px;padding:16px;color:var(--muted);text-align:center;overflow-wrap:anywhere}.editor-attachment-preview figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent);padding:7px 8px;color:var(--muted);font-size:.82rem}.editor-attachment-preview figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-attachment-preview figcaption a{color:var(--blue);font-weight:800}.editor-attachment-strip button{width:18px;height:18px;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.editor-attachment-strip button:hover{background:var(--danger-soft);color:var(--danger)}.editor-format-toolbar{width:min(100%,var(--editor-line-length, 820px));min-height:48px;margin-inline:auto;border:0;border-top:1px solid color-mix(in srgb,var(--border) 68%,transparent);border-radius:0;background:var(--background);display:flex;align-items:center;gap:6px;padding:7px 0 calc(7px + env(safe-area-inset-bottom));overflow-x:auto}.editor-format-toolbar button{min-width:38px;min-height:38px}.media-size-toolbar{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:760}.media-size-toolbar>span{white-space:nowrap}.media-size-toolbar output{min-width:46px;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}.media-size-toolbar button{border-radius:999px}.text-size-stepper{display:inline-flex;align-items:center;gap:2px;padding-right:4px;border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.text-size-stepper button,.mobile-text-size-button{font-size:.84rem;font-weight:820;white-space:nowrap}.mobile-format-toolbar{position:relative;overflow:visible}.mobile-format-primary{width:100%;min-width:0;display:grid;grid-template-columns:repeat(9,minmax(30px,1fr));align-items:center;gap:2px}.mobile-format-toolbar .mobile-format-primary button{min-width:30px}.mobile-format-toolbar button.active,.mobile-format-toolbar .mobile-format-more.active{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.mobile-format-toolbar .mobile-format-more.active svg{transform:rotate(45deg)}.mobile-format-overflow,.mobile-format-colors{position:absolute;left:0;bottom:calc(100% + 8px);z-index:12;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,var(--background));box-shadow:0 16px 34px color-mix(in srgb,var(--shadow) 24%,transparent)}.mobile-format-overflow{right:0;display:grid;grid-template-columns:repeat(7,minmax(38px,1fr));gap:2px;padding:7px}.mobile-format-colors{right:0;min-height:52px;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 14px}.format-color-group{min-height:38px;border-left:1px solid color-mix(in srgb,var(--border) 76%,transparent);display:inline-flex;align-items:center;gap:5px;padding-left:8px;color:var(--muted)}.format-color-button{min-width:26px!important;width:26px;min-height:26px!important;height:26px;border-radius:999px!important;background:var(--text-color-swatch)!important;border:2px solid color-mix(in srgb,var(--surface) 90%,white)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent);padding:0!important}.format-color-button:hover{transform:translateY(-1px)}.mobile-wall-header{display:none}.mobile-nav{display:none!important}.btn{border-radius:10px;border-color:var(--border);background:var(--surface);color:var(--ink)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.badge,.tag{border-radius:8px;background:color-mix(in srgb,var(--surface) 68%,transparent);color:var(--muted)}.toast{background:color-mix(in srgb,var(--surface) 90%,var(--accent));color:var(--ink);border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}.fab{background:var(--accent);box-shadow:0 14px 28px #ff6b5747}:root[data-theme=dark] .topbar h1,:root[data-theme=dark] .home-capture-copy h2,:root[data-theme=dark] .clipboard-console h2,:root[data-theme=dark] .sync-next-action span{color:var(--ink)}:root[data-theme=dark] .topbar p,:root[data-theme=dark] .home-capture-copy p,:root[data-theme=dark] .clipboard-console p,:root[data-theme=dark] .settings-card p,:root[data-theme=dark] .project-admin-main span,:root[data-theme=dark] .capture-copy span,:root[data-theme=dark] .attachment-uploader span{color:var(--muted)}:root[data-theme=dark] .empty-state{border-color:color-mix(in srgb,var(--border) 78%,var(--accent));background:color-mix(in srgb,var(--surface) 92%,var(--background))}:root[data-theme=dark] .empty-state h2{color:var(--ink)}:root[data-theme=dark] .empty-state p{color:color-mix(in srgb,var(--ink) 72%,var(--muted))}:root[data-theme=dark] .empty-state:before{background:color-mix(in srgb,#e6b858 28%,var(--surface));box-shadow:0 10px 22px #00000038,inset 0 0 0 1px color-mix(in srgb,var(--border) 70%,transparent)}:root[data-theme=dark] .empty-state:after{background:color-mix(in srgb,#7dbe99 24%,var(--surface));box-shadow:0 10px 22px #00000038,inset 0 0 0 1px color-mix(in srgb,var(--border) 70%,transparent)}:root[data-theme=dark] .settings-card,:root[data-theme=dark] .project-admin-card{background:color-mix(in srgb,var(--surface) 92%,transparent);border-color:color-mix(in srgb,var(--border) 86%,transparent);box-shadow:var(--card-shadow)}:root[data-theme=dark] .settings-list,:root[data-theme=dark] .settings-advanced,:root[data-theme=dark] .notebook-editor-sheet{border-color:color-mix(in srgb,var(--border) 86%,transparent);background:color-mix(in srgb,var(--surface) 94%,var(--background))}:root[data-theme=dark] .notebook-add-tile>span{border-color:color-mix(in srgb,var(--muted) 46%,var(--border));background:color-mix(in srgb,var(--surface-soft) 82%,transparent)}:root[data-theme=dark] .settings-card:hover,:root[data-theme=dark] .project-admin-card:hover{box-shadow:0 18px 42px #0000004d}:root[data-theme=dark] .wall-item{border-bottom-color:color-mix(in srgb,var(--border) 86%,transparent);background:color-mix(in srgb,var(--note-color, var(--surface)) 18%,var(--surface))}:root[data-theme=dark] .wall-item:hover,:root[data-theme=dark] .wall-item.selected{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--note-color, var(--surface)) 26%,var(--surface))}:root[data-theme=dark] .wall-project-badge,:root[data-theme=dark] .due-badge,:root[data-theme=dark] .trash-retention-badge{background:color-mix(in srgb,var(--surface-soft) 78%,transparent);border-color:color-mix(in srgb,var(--border) 78%,transparent);color:var(--ink)}:root[data-theme=dark] .wall-item-main p,:root[data-theme=dark] .wall-item-meta{color:color-mix(in srgb,var(--ink) 80%,var(--muted))}:root[data-theme=dark] .project-add-button{background:color-mix(in srgb,var(--surface-soft) 86%,transparent);color:var(--ink)}:root[data-theme=dark] .project-add-button:hover{background:color-mix(in srgb,var(--accent) 24%,var(--surface-soft))}:root[data-theme=dark] .settings-card-danger{border-color:color-mix(in srgb,var(--danger) 38%,var(--border));background:radial-gradient(circle at 94% 12%,rgba(255,155,145,.14),transparent 34%),color-mix(in srgb,var(--surface) 90%,var(--background))}:root[data-theme=dark] .sync-checklist,:root[data-theme=dark] .firebase-setup-helper,:root[data-theme=dark] .home-capture,:root[data-theme=dark] .clipboard-console,:root[data-theme=dark] .capture-strip{border-color:color-mix(in srgb,var(--border) 78%,transparent);background:radial-gradient(circle at 12% 14%,rgba(255,130,109,.12),transparent 32%),radial-gradient(circle at 92% 10%,rgba(125,190,153,.1),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface-soft) 76%,transparent));box-shadow:var(--card-shadow)}:root[data-theme=dark] .home-capture:before,:root[data-theme=dark] .clipboard-console:before{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 22px #00000038}:root[data-theme=dark] .home-capture-copy span,:root[data-theme=dark] .clipboard-kicker,:root[data-theme=dark] .sync-next-action strong,:root[data-theme=dark] .editor-kicker,:root[data-theme=dark] .primary-note-field,:root[data-theme=dark] .advanced-options summary{color:color-mix(in srgb,var(--accent) 76%,var(--ink))}:root[data-theme=dark] .sync-next-action,:root[data-theme=dark] .sync-checklist-steps li,:root[data-theme=dark] .firebase-env-status,:root[data-theme=dark] .device-row,:root[data-theme=dark] .loop-list span,:root[data-theme=dark] .settings-note,:root[data-theme=dark] .type-filter,:root[data-theme=dark] .clipboard-manual-paste,:root[data-theme=dark] .advanced-card{border-color:color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--surface-soft) 64%,transparent);color:var(--muted)}:root[data-theme=dark] .sync-checklist-steps li.current,:root[data-theme=dark] .type-filter button.active,:root[data-theme=dark] .monitor-toggle.active,:root[data-theme=dark] .editor-project-pills button.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--ink)}:root[data-theme=dark] .sync-checklist-steps li.done,:root[data-theme=dark] .firebase-env-status.ready{border-color:color-mix(in srgb,#7dbe99 46%,var(--border));background:color-mix(in srgb,#7dbe99 14%,var(--surface));color:color-mix(in srgb,#bfe8cc 78%,var(--ink))}:root[data-theme=dark] .firebase-env-status.error{border-color:color-mix(in srgb,var(--danger) 44%,var(--border));background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:color-mix(in srgb,var(--danger) 82%,var(--ink))}:root[data-theme=dark] .sync-step-marker{background:color-mix(in srgb,var(--memo-yellow) 38%,var(--surface));color:color-mix(in srgb,#ffe1a3 78%,var(--ink))}:root[data-theme=dark] .sync-checklist-steps li.done .sync-step-marker{background:color-mix(in srgb,#7dbe99 24%,var(--surface));color:color-mix(in srgb,#bfe8cc 84%,var(--ink))}:root[data-theme=dark] .sync-checklist-steps li.current .sync-step-marker{background:color-mix(in srgb,var(--accent) 24%,var(--surface));color:var(--ink)}:root[data-theme=dark] .input,:root[data-theme=dark] .textarea,:root[data-theme=dark] select,:root[data-theme=dark] .primary-note-field .textarea{border-color:color-mix(in srgb,var(--border) 86%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);box-shadow:none}:root[data-theme=dark] .note-title-input{background:transparent;border-color:color-mix(in srgb,var(--border) 74%,transparent)}:root[data-theme=dark] .btn{border-color:color-mix(in srgb,var(--border) 86%,transparent);background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink);box-shadow:none}:root[data-theme=dark] .btn:hover{box-shadow:var(--card-shadow)}:root[data-theme=dark] .btn-primary{border-color:var(--accent);background:var(--accent);color:#17191d}:root[data-theme=dark] .btn-danger{border-color:color-mix(in srgb,var(--danger) 42%,var(--border));background:var(--danger-soft);color:var(--danger)}:root[data-theme=dark] .btn-ghost,:root[data-theme=dark] .monitor-toggle,:root[data-theme=dark] .kind-chip,:root[data-theme=dark] .pin-toggle,:root[data-theme=dark] .file-button,:root[data-theme=dark] .attachment-draft-chip{border-color:color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--ink)}:root[data-theme=dark] .kind-chip.active,:root[data-theme=dark] .pin-toggle.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--ink)}:root[data-theme=dark] .icon-close,:root[data-theme=dark] .attachment-draft-chip button{border-color:color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--ink)}:root[data-theme=dark] .icon-close:hover,:root[data-theme=dark] .attachment-draft-chip button:hover,:root[data-theme=dark] .file-button:hover{background:color-mix(in srgb,var(--surface-soft) 82%,transparent)}:root[data-theme=dark] .editor-panel{border-color:color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--draft-color, var(--memo-yellow)) 36%,var(--surface));box-shadow:var(--floating-shadow)}:root[data-theme=dark] .color-swatch{border-color:color-mix(in srgb,var(--surface) 92%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 82%,transparent)}:root[data-theme=dark] .color-swatch.active{box-shadow:0 0 0 2px var(--accent),0 0 0 5px color-mix(in srgb,var(--surface) 72%,transparent)}:root[data-theme=dark] .confirm-row{color:var(--muted)}@media(max-width:1270px)and (min-width:960px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.wall-workspace{grid-template-columns:minmax(320px,var(--wall-list-width, 380px)) 12px minmax(380px,1fr)}}@media(max-width:959px){.app-shell{display:block;min-height:100dvh}.mobile-sidebar-layer{display:block}.main-panel{min-height:100dvh}.utility-panel{padding:calc(14px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.notebook-editor-layer{inset:auto 0;top:var(--visual-viewport-offset-top, 0px);height:var(--visual-viewport-height, 100dvh);min-height:0;align-items:end;padding:0}.notebook-editor-sheet{width:100%;max-height:calc(100% - 10px);border-width:1px 0 0;border-radius:14px 14px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom))}.notebook-delete-dialog{padding:18px}.notebook-delete-actions{grid-template-columns:1fr}.notebook-tile-edit{display:none}.mobile-sidebar-layer{inset:auto 0;top:var(--visual-viewport-offset-top, 0px);height:var(--visual-viewport-height, 100dvh);min-height:0}.mobile-sidebar-panel{height:100%;min-height:0}.mobile-sidebar-panel .sidebar{height:100%;min-height:0;padding-top:calc(24px + env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}.mobile-sidebar-panel .project-add-popover{position:fixed;left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-height:calc(100% - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.settings-page{gap:24px}.settings-row{grid-template-columns:22px minmax(0,1fr)}.settings-actions-row:not(.migration-settings-row){grid-template-columns:22px minmax(0,1fr)}.settings-row>:last-child:not(div:first-of-type){grid-column:2;justify-self:stretch}.settings-row select{width:100%;min-width:0}.settings-actions-row .capture-actions,.settings-inline-controls{grid-column:2;display:grid;grid-template-columns:1fr;justify-content:stretch}.settings-range-control{padding-left:16px;grid-template-columns:minmax(96px,.42fr) minmax(100px,1fr) 48px;gap:9px}.editor-preference-preview{padding-left:16px}.settings-advanced-content{grid-template-columns:1fr;padding:12px}.utility-topbar{grid-template-columns:auto minmax(0,1fr);align-items:center}.utility-topbar-minimal{grid-template-columns:auto minmax(0,1fr)}.utility-topbar .topbar-tools{grid-column:1 / -1}.mobile-menu-button{display:grid}.wall-workspace{height:auto;min-height:100dvh;display:block;overflow:visible}.editor-resize-handle{display:none}.wall-list-pane{height:auto;min-height:100dvh;border-right:0;padding:calc(14px + env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom))}.mobile-wall-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:12px}.mobile-wall-header>div:not(.mobile-header-actions){min-width:0}.mobile-wall-header h1,.mobile-wall-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-wall-header h1{font-size:1.4rem}.mobile-header-actions{display:flex;align-items:center;gap:2px}.mobile-header-actions>button,.mobile-header-actions .note-list-view-control>button{width:36px;min-width:36px;min-height:36px}.mobile-header-actions .home-view-toggle{min-height:36px;padding:2px}.mobile-header-actions .home-view-toggle button{min-width:30px;width:30px;min-height:30px;padding-inline:0}.mobile-header-actions .home-view-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.magnet-wall-foundation{min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));gap:12px}.magnet-wall-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.magnet-wall-header-actions .home-view-toggle button{min-width:38px;width:38px;padding-inline:0}.magnet-wall-header-actions .home-view-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.magnet-wall-header-actions{gap:4px}.magnet-wall-header-actions>button{width:38px;height:38px}.magnet-wall-stage{min-height:calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.magnet-wall-card{width:max(132px,var(--wall-card-width));height:max(104px,var(--wall-card-height))}.magnet-wall-card.mobile-presentation{cursor:default;touch-action:pan-x pinch-zoom}.magnet-wall-card.mobile-presentation .magnet-wall-card-main>strong{font-size:1.04rem}.magnet-wall-card.mobile-presentation .magnet-wall-card-excerpt{font-size:.9rem}.magnet-wall-card-main{padding:12px 34px 12px 12px}.wall-search-row{display:block;margin-bottom:12px}.wall-list-header{display:none}.wall-quick-actions:not(.clipboard-actions){display:none}.wall-quick-actions.clipboard-actions{display:flex}.clipboard-dock{display:block}.wall-item{border-radius:8px;padding:12px 11px 11px 14px}.wall-item-heading{align-items:flex-start}.wall-item-heading time{margin-top:2px}.note-list-view-menu{position:fixed;top:calc(70px + env(safe-area-inset-top));right:12px}.mobile-editor-workspace{position:fixed;inset:auto 0;top:var(--visual-viewport-offset-top, 0px);height:var(--visual-viewport-height, 100dvh);min-height:0;background:var(--background);overflow:hidden}.mobile-note-editor{width:100%;height:100%;min-height:0;padding:0 18px;padding-top:env(safe-area-inset-top);overflow:hidden}.mobile-note-editor .note-editor-header{display:flex;width:100%;min-height:62px;gap:8px}.mobile-note-editor .autosave-status{flex:1 1 auto;min-width:0;max-width:132px;font-size:.78rem}.mobile-note-editor .autosave-status span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-note-editor .autosave-status[data-state=error] span{display:-webkit-box;line-height:1.2;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-note-editor .note-editor-actions{min-width:0;margin-left:auto;gap:2px}.mobile-note-editor .editor-reminder-popover{position:fixed;top:calc(env(safe-area-inset-top) + 64px);left:auto;right:16px;width:min(260px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 84px);overflow-y:auto}.note-editor-card{width:100%;min-height:0;height:100%;padding:16px 0 8px}.mobile-note-editor .note-editor-scroll-region{scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-note-editor .rich-note-input{min-height:calc(100% - 118px);padding-right:0;padding-bottom:42px}.mobile-note-editor .editor-note-details{padding:12px 0 calc(8px + env(safe-area-inset-bottom))}.mobile-note-editor.editor-focused .editor-note-details{display:none}.mobile-note-editor:not(.editor-focused) .mobile-format-toolbar{display:none}.mobile-note-editor.editor-focused .rich-note-input{min-height:100%}.mobile-note-editor .editor-detail-row{grid-template-columns:26px minmax(0,1fr);gap:6px}.mobile-note-editor .editor-project-pills,.mobile-note-editor .editor-color-swatches{margin-inline:-3px}.mobile-note-editor .editor-notebook-creator{margin-left:32px}.project-edit-grid{grid-template-columns:1fr}.note-title-input{font-size:1.26rem}.editor-format-toolbar{width:100%;scrollbar-width:none}.editor-format-toolbar:not(.mobile-format-toolbar){overflow-x:auto}.toast{right:14px;bottom:calc(88px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px)}.fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom))}}@media(max-width:420px){.mobile-note-editor{padding-inline:14px}.mobile-format-primary{grid-template-columns:repeat(9,minmax(30px,1fr))}.mobile-format-overflow{grid-template-columns:repeat(6,minmax(36px,1fr))}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-range-control{grid-template-columns:1fr 46px}.settings-range-control input[type=range]{grid-column:1 / -1;grid-row:2}}@media(max-width:720px){.app-loading{padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.startup-skeleton{min-height:calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:1fr}.startup-skeleton-sidebar,.startup-skeleton-editor{display:none!important}.startup-skeleton>div+div{border-left:0}}@media(max-width:420px){.wall-list-pane{padding-inline:10px}.wall-item-main p,.wall-item-meta{margin-left:0}}.migration-settings-row small{display:block;margin-top:3px}.migration-source-actions{max-width:390px}.migration-upnote-picker{position:relative}.migration-upnote-picker>summary{list-style:none;-webkit-user-select:none;user-select:none}.migration-upnote-picker>summary::-webkit-details-marker{display:none}.migration-upnote-chevron{transition:transform .16s var(--motion-soft)}.migration-upnote-picker[open] .migration-upnote-chevron{transform:rotate(180deg)}.migration-upnote-options{position:absolute;z-index:12;top:calc(100% + 7px);right:0;width:max-content;min-width:220px;padding:6px;display:grid;gap:2px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--floating-shadow)}.migration-upnote-options :is(label,button){min-height:42px;padding:9px 10px;display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.migration-upnote-options :is(label,button):hover{background:var(--surface-soft)}.migration-upnote-options input{display:none}.migration-backdrop{position:fixed;z-index:260;inset:0;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,#111820 46%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.migration-dialog{width:min(620px,100%);max-height:min(760px,calc(100dvh - 48px));overflow-y:auto;border:1px solid var(--border);border-radius:12px;padding:22px;background:var(--surface);color:var(--ink);box-shadow:var(--floating-shadow)}.migration-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.migration-dialog-header>div{display:grid;gap:4px}.migration-dialog-header h2{margin:0;font-size:1.32rem;letter-spacing:0}.migration-dialog-kicker{color:var(--accent-strong);font-size:.72rem;font-weight:850}.migration-source-summary{display:flex;align-items:center;gap:12px;min-width:0;padding-bottom:16px;border-bottom:1px solid var(--border)}.migration-source-summary>svg{color:var(--accent-strong)}.migration-source-summary>div{min-width:0;display:grid;gap:2px}.migration-source-summary span{overflow:hidden;color:var(--muted);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.migration-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:16px 0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--border)}.migration-stats>div{min-height:88px;padding:12px;display:grid;align-content:center;justify-items:center;gap:2px;background:var(--surface-soft)}.migration-stats svg{margin-bottom:3px;color:var(--muted)}.migration-stats strong{font-size:1.16rem}.migration-stats span{color:var(--muted);font-size:.72rem}.migration-preview-note,.migration-warning{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:11px 12px;border-radius:8px;background:color-mix(in srgb,var(--memo-mint) 46%,var(--surface))}.migration-preview-note svg{flex:0 0 auto;margin-top:1px;color:#4c8b69}.migration-preview-note p,.migration-warning p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.migration-warning{background:color-mix(in srgb,var(--memo-yellow) 58%,var(--surface))}.migration-warning>svg{flex:0 0 auto;margin-top:1px;color:#b57a1f}.migration-warning>div{min-width:0;display:grid;gap:4px}.migration-warning small{display:block;color:var(--muted);font-size:.72rem;line-height:1.45}.migration-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.migration-loading,.migration-progress,.migration-complete,.migration-error{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.migration-loading p,.migration-progress p,.migration-complete>p,.migration-error p{max-width:460px;margin:0;color:var(--muted);line-height:1.55}.migration-spinner{width:30px;height:30px;border:3px solid color-mix(in srgb,var(--border) 82%,transparent);border-top-color:var(--accent);border-radius:50%;animation:migration-spin .8s linear infinite}.migration-progress{justify-items:stretch}.migration-progress>strong,.migration-progress>p,.migration-progress>small,.migration-progress>.btn{justify-self:center}.migration-progress-track{width:min(100%,470px);height:8px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.migration-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s var(--motion-soft)}.migration-complete>svg{color:#4c9a70}.migration-complete dl{width:min(100%,450px);margin:8px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--border)}.migration-complete dl>div{padding:11px 8px;display:grid;gap:2px}.migration-complete dt{color:var(--muted);font-size:.68rem}.migration-complete dd{margin:0;font-weight:850}.migration-complete .migration-warning{width:min(100%,500px);text-align:left}.migration-error>svg{color:var(--danger)}@keyframes migration-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.migration-upnote-options{left:0;right:auto}.migration-backdrop{inset:auto 0;top:var(--visual-viewport-offset-top, 0px);height:var(--visual-viewport-height, 100dvh);padding:10px 10px calc(10px + env(safe-area-inset-bottom));place-items:end center}.migration-dialog{max-height:calc(var(--visual-viewport-height, 100dvh) - 20px - env(safe-area-inset-bottom));padding:18px 16px;border-radius:12px 12px 8px 8px}.migration-stats>div{min-height:76px;padding:9px 5px}.migration-dialog-actions{display:grid;grid-template-columns:1fr}.migration-complete dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.migration-spinner{animation-duration:1.8s}.migration-progress-track span{transition:none}}