:root{--font-ui:"Manrope", sans-serif;--font-display:"Shantell Sans", cursive;--radius-xs:10px;--radius-sm:16px;--radius-md:22px;--radius-lg:30px;--radius-pill:999px;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--shadow-soft:0 10px 30px #36270f14;--shadow-card:0 24px 55px #311f091f;--shadow-float:0 18px 50px #0f172a2e;--motion-smooth:cubic-bezier(.22, 1, .36, 1);--desk-grid:radial-gradient(circle at 12% 20%, #ffffff52, transparent 26%), radial-gradient(circle at 86% 12%, #f2a84c2e, transparent 22%), linear-gradient(180deg, #ffffff1f, transparent 35%)}:root,[data-theme=light]{--color-bg:#f3eadc;--color-bg-strong:#ead8ba;--color-surface:#fffaf2c2;--color-surface-strong:#fffaf1;--color-panel:#5f3a1b14;--color-border:#5d3d241f;--color-border-strong:#5d3d2433;--color-text:#2e2218;--color-text-muted:#6f5a4a;--color-accent:#8c5430;--color-accent-strong:#6f4024;--color-accent-soft:#8c54301f;--color-danger:#b84a3a;--color-success:#2f7a55;--color-warning:#c17d1c;--color-syncing:#d9a441;--color-error:#cf5341;--note-cream:#fffef9;--note-yellow:#fff9cf;--note-pink:#ffe3ef;--note-blue:#e6f2ff;--note-green:#e7f7ea;--note-lavender:#efe7ff;--tag-0:#3b6ea5;--tag-1:#7a5cb8;--tag-2:#5d7a52;--tag-3:#a44d7d;--tag-4:#b06a2c;--tag-5:#2f7f74;--tag-6:#8f4b8f;--tag-7:#8c5430}[data-theme=dark]{--color-bg:#1f201c;--color-bg-strong:#171814;--color-surface:#272822db;--color-surface-strong:#34352ef5;--color-panel:#a6e22e14;--color-border:#f8f8f21a;--color-border-strong:#f8f8f22e;--color-text:#f8f8f2;--color-text-muted:#b7b7ad;--color-accent:#a6e22e;--color-accent-strong:#66d9ef;--color-accent-soft:#a6e22e24;--color-danger:#f92672;--color-success:#a6e22e;--color-warning:#fd971f;--color-syncing:#66d9ef;--color-error:#f92672;--note-cream:#32312b;--note-yellow:#463d21;--note-pink:#442a35;--note-blue:#233544;--note-green:#253a29;--note-lavender:#312642;--tag-0:#66d9ef;--tag-1:#ae81ff;--tag-2:#a6e22e;--tag-3:#f92672;--tag-4:#fd971f;--tag-5:#5fd7c5;--tag-6:#e879f9;--tag-7:#e6db74}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-ui);color:var(--color-text);background:var(--desk-grid), linear-gradient(180deg, var(--color-bg), var(--color-bg-strong));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}[data-theme=dark] body{background:radial-gradient(circle at 18% 16%, #66d9ef1a, transparent 18%), radial-gradient(circle at 82% 18%, #f9267214, transparent 24%), radial-gradient(circle at 68% 76%, #a6e22e14, transparent 20%), radial-gradient(circle at 24% 72%, #fd971f14, transparent 18%), linear-gradient(180deg, var(--color-bg), var(--color-bg-strong))}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;gap:var(--space-6);padding:var(--space-5) var(--space-6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--color-surface) 88%, transparent);border-bottom:1px solid var(--color-border);transition:padding .18s var(--motion-smooth), gap .18s var(--motion-smooth), box-shadow .18s ease, background-color .18s ease;grid-template-columns:minmax(0,.9fr) minmax(360px,1.8fr) auto;align-items:center;display:grid;position:sticky;top:0}.brand-block,.login-brand{align-items:center;gap:var(--space-4);display:flex}.brand-mark{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));color:#fff;width:3rem;height:3rem;box-shadow:var(--shadow-soft);border-radius:1rem;place-items:center;display:grid}.eyebrow{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .15rem;font-size:.72rem;font-weight:800}.brand-block h1,.login-brand h1,.modal-header h2,.dialog-card h2{margin:0}.brand-subtitle,.lede,.board-copy,.dialog-card p{color:var(--color-text-muted);margin:.35rem 0 0}.header-search{align-items:center;gap:var(--space-3);min-height:3.25rem;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-strong);transition:transform .18s var(--motion-smooth), border-color .18s ease, box-shadow .18s ease, background-color .18s ease;display:flex;box-shadow:inset 0 1px #ffffff4d}.header-search:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 8px 18px #3e2b1714}.header-search:focus-within{border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-border));box-shadow:inset 0 1px 0 #fff6, 0 0 0 4px color-mix(in srgb, var(--color-accent) 14%, transparent), 0 10px 22px #3e2b171a;transform:translateY(-1px)}.header-search input,.field input,.field textarea,.field select,.tag-input-shell input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none}.header-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-clear-btn{background:color-mix(in srgb, var(--color-text) 8%, transparent);width:1.65rem;height:1.65rem;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;place-items:center;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .18s,color .18s,box-shadow .18s;display:grid}.search-clear-btn:hover{background:color-mix(in srgb, var(--color-danger) 18%, transparent);color:var(--color-danger);box-shadow:0 2px 8px color-mix(in srgb, var(--color-danger) 25%, transparent);transform:rotate(90deg)scale(1.15)}.search-clear-btn:active{transform:rotate(90deg)scale(.92)}:where(a,button,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible,.tag-input-shell:focus-within{border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 16%, transparent);outline:none}.color-swatch:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.field textarea{resize:vertical;min-height:3rem}.header-actions{align-items:center;gap:var(--space-3);display:flex}.sync-indicator,.user-chip{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-strong);white-space:nowrap;align-items:center;gap:.55rem;padding:.7rem .9rem;display:inline-flex}.sync-dot{border-radius:999px;width:.6rem;height:.6rem}.sync-dot.is-ok{background:var(--color-success)}.sync-dot.is-syncing{background:var(--color-syncing)}.sync-dot.is-error{background:var(--color-error)}.button,.icon-button,.sidebar-item,.google-button,.pin-toggle,.color-swatch,.tag-chip{transition:transform .18s var(--motion-smooth), background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;transition:transform .18s var(--motion-smooth), background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease}.button{border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;gap:.55rem;padding:.85rem 1.15rem;font-weight:700;display:inline-flex}.button-primary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));color:#fff;box-shadow:var(--shadow-soft)}.button-secondary,.icon-button,.pin-toggle{background:var(--color-surface-strong);border:1px solid var(--color-border);color:var(--color-text)}.button-danger{background:var(--color-danger);color:#fff}.header-tech-button{border-color:var(--color-border);background:0 0}.icon-button{border-radius:999px;place-items:center;width:2.8rem;height:2.8rem;display:grid}.button:hover,.icon-button:hover,.sidebar-item:hover,.google-button:hover,.pin-toggle:hover,.tag-chip:hover{transform:translateY(-1px)}.icon-button.is-active,.pin-toggle.is-active{color:var(--color-accent-strong);border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-border));background:var(--color-accent-soft)}.pin-toggle{border-radius:var(--radius-md);text-align:left;justify-content:flex-start;align-items:flex-start;gap:.85rem;width:100%;padding:.95rem 1rem}.pin-toggle-icon{background:color-mix(in srgb, var(--color-accent) 16%, transparent);border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.pin-toggle-copy{gap:.18rem;display:grid}.pin-toggle-copy strong{font-size:.95rem}.pin-toggle-copy span{color:var(--color-text-muted);font-size:.84rem;line-height:1.4}.pin-toggle.is-active .pin-toggle-icon{background:color-mix(in srgb, var(--color-accent) 28%, transparent)}.user-avatar{object-fit:cover;border-radius:999px;width:1.9rem;height:1.9rem}.user-avatar-fallback{background:var(--color-accent-soft);place-items:center;font-weight:800;display:grid}.workspace{gap:var(--space-6);padding:var(--space-6);grid-template-columns:auto minmax(0,1fr);display:grid}.sidebar{width:18rem;transition:width .34s var(--motion-smooth);position:relative}.sidebar-toggle{z-index:2;border:1px solid var(--color-border);background:var(--color-surface-strong);width:2.2rem;height:2.2rem;color:var(--color-text);border-radius:999px;place-items:center;display:grid;position:absolute;top:1rem;right:-.8rem}.sidebar-panel,.login-card,.loading-card,.dialog-card,.modal-card,.empty-board{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-float)}.sidebar-panel{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;min-width:18rem;padding:1.35rem 1rem 1rem;overflow:hidden}.sidebar.is-collapsed{width:1.66rem}.sidebar-header{padding:.5rem .5rem 1rem}.sidebar-header h2{margin:0}.sidebar-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.sidebar-item{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:0 0;border:1px solid #0000;padding:.9rem 1rem;display:flex}.sidebar-item.is-active{background:linear-gradient(135deg, var(--color-accent-soft), #ffffff05);border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}.sidebar-item-name{align-items:center;gap:.55rem;display:inline-flex}.sidebar-item-count{color:var(--color-text-muted)}.board{gap:var(--space-6);min-width:0;display:grid}.empty-board{border-radius:var(--radius-lg);padding:var(--space-6)}.tag-chip-list,.color-picker{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}[data-theme=dark] .app-header,[data-theme=dark] .sidebar-panel,[data-theme=dark] .login-card,[data-theme=dark] .loading-card,[data-theme=dark] .dialog-card,[data-theme=dark] .modal-card,[data-theme=dark] .empty-board{box-shadow:0 18px 40px #00000047,0 0 0 1px #f8f8f20a,inset 0 1px #ffffff08}[data-theme=dark] .icon-button{color:#f8f8f2;background:#1b1c18e6;border-color:#f8f8f21a}[data-theme=dark] .icon-button:hover{border-color:#a6e22e57;box-shadow:0 0 16px #a6e22e14}[data-theme=dark] .button-primary{background:var(--color-accent);color:var(--color-bg-strong);box-shadow:0 4px 12px #a6e22e33}[data-theme=dark] .button-primary:hover{box-shadow:0 6px 16px #a6e22e4d}.login-shell,.loading-screen{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.login-card,.loading-card{width:min(100%,34rem);padding:var(--space-8);border-radius:var(--radius-lg)}.login-points{gap:var(--space-3);margin:var(--space-6) 0;display:grid}.login-point{align-items:center;gap:var(--space-3);color:var(--color-text-muted);display:flex}.google-button{border:none;justify-content:center;width:100%}.auth-error{color:var(--color-danger);margin:1rem 0 0}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-5);background:#110e0c80;place-items:center;display:grid;position:fixed;inset:0}.modal-card,.dialog-card{border-radius:var(--radius-lg);width:min(100%,44rem);padding:var(--space-6)}.modal-card{grid-template-rows:auto minmax(0,1fr) auto;max-height:min(90dvh,52rem);display:grid;overflow:hidden}.dialog-card{width:min(100%,28rem)}.delete-dialog-header{align-items:center;gap:1rem;display:flex}.delete-dialog-icon{background:color-mix(in srgb, var(--color-danger) 18%, transparent);width:3rem;height:3rem;color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 28%, var(--color-border));border-radius:999px;place-items:center;display:grid}.delete-dialog-copy{margin:1rem 0 0}.delete-dialog-preview{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-strong);gap:.25rem;margin:1.1rem 0 0;padding:.95rem 1rem;display:grid}.delete-dialog-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.78rem;font-weight:800}.delete-dialog-warning{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-warning) 14%, transparent);color:var(--color-text);align-items:center;gap:.6rem;margin-top:.9rem;padding:.8rem .95rem;display:flex}.dialog-card .dialog-actions{margin-top:1.35rem}.tech-stack-card{-webkit-overflow-scrolling:touch;width:min(100%,54rem);max-height:min(90vh,52rem);overflow-y:auto}.bento-header-eyebrow{align-items:center;gap:.6rem;display:flex}.bento-count-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-panel);border-radius:var(--radius-pill);border:1px solid var(--color-border);padding:.12rem .5rem;font-size:.68rem;font-weight:800}.tech-stack-intro{color:var(--color-text-muted);margin:.4rem 0 0;font-size:.92rem}.bento-header-actions{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.bento-copy-btn{border-radius:var(--radius-pill);align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:.82rem;font-weight:700;display:inline-flex}.bento-copy-btn.is-active{color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border));background:color-mix(in srgb, var(--color-success) 12%, transparent)}.bento-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.35rem;display:grid}.bento-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-strong);transition:transform .2s var(--motion-smooth), box-shadow .2s ease, border-color .2s ease;flex-direction:column;justify-content:space-between;padding:1.25rem 1.35rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.bento-card:before{content:"";background:var(--bento-accent,var(--color-accent));opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.bento-card:hover{border-color:color-mix(in srgb, var(--bento-accent,var(--color-accent)) 45%, var(--color-border));transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.bento-card-react{--bento-accent:#61dafb}.bento-card-firebase{--bento-accent:#f5820d}.bento-card-vite{--bento-accent:#f59e0b}.bento-card-motion{--bento-accent:#a855f7}.bento-card-css{--bento-accent:#8c5430}.bento-card-lucide{--bento-accent:#3b82f6}.bento-card-deploy{--bento-accent:#2f7a55}.bento-col-1{grid-column:span 1}.bento-col-2{grid-column:span 2}.bento-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bento-icon{border-radius:var(--radius-sm);width:2.65rem;height:2.65rem;color:var(--color-text);background:color-mix(in srgb, var(--bento-accent,var(--color-accent)) 16%, transparent);border:1px solid color-mix(in srgb, var(--bento-accent,var(--color-accent)) 25%, transparent);place-items:center;display:grid}.bento-category{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-panel);border-radius:var(--radius-pill);border:1px solid var(--color-border);padding:.2rem .55rem;font-size:.68rem;font-weight:800}.bento-card-body{flex:1;margin:.85rem 0 0}.bento-title{font-family:var(--font-display);color:var(--color-text);margin:0 0 .4rem;font-size:1.18rem;font-weight:700;line-height:1.25}.bento-desc{color:var(--color-text-muted);margin:0;font-size:.88rem;line-height:1.6}.bento-tags{flex-wrap:wrap;gap:.4rem;margin-top:1.1rem;display:flex}.bento-tag{background:color-mix(in srgb, var(--bento-accent,var(--color-accent)) 12%, transparent);color:var(--color-text);border:1px solid color-mix(in srgb, var(--bento-accent,var(--color-accent)) 22%, transparent);border-radius:4px;padding:.18rem .55rem;font-size:.72rem;font-weight:600}@media (width<=860px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-col-2{grid-column:span 2}}@media (width<=580px){.bento-grid{grid-template-columns:1fr}.bento-col-1,.bento-col-2{grid-column:span 1}}.modal-header,.modal-actions,.dialog-actions{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.modal-body{gap:var(--space-4);margin:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding-top:var(--space-4);padding-bottom:var(--space-4);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-right:.35rem;display:grid;overflow-y:auto}.field{gap:.55rem;display:grid}.field span{font-size:.92rem;font-weight:700}.field input,.field textarea,.field select,.tag-input-shell{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);padding:.95rem 1rem}.field-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tag-input-shell{gap:.8rem;display:grid}.tag-chip{border:1px solid var(--color-border);background:var(--color-accent-soft);color:var(--color-text);border-radius:var(--radius-pill);align-items:center;gap:.35rem;padding:.45rem .7rem;display:inline-flex}.color-swatch{border:2px solid #0000;border-radius:999px;width:2.4rem;height:2.4rem}.color-swatch.is-selected{border-color:var(--color-accent-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent)}.color-cream{background:var(--note-cream)}.color-yellow{background:var(--note-yellow)}.color-pink{background:var(--note-pink)}.color-blue{background:var(--note-blue)}.color-green{background:var(--note-green)}.color-lavender{background:var(--note-lavender)}.toast-region{z-index:60;gap:.7rem;display:grid;position:fixed;bottom:1.2rem;right:1.2rem}.toast-card{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-strong);box-shadow:var(--shadow-float);padding:.85rem 1rem}.toast-success{border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border))}.toast-error{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border))}@media (width<=1080px){.app-header{padding:var(--space-5);grid-template-columns:1fr}.header-actions{flex-wrap:wrap;gap:.75rem}.workspace{gap:var(--space-5);padding:var(--space-5);grid-template-columns:1fr}.sidebar{width:100%;transition:none}.sidebar-panel{width:100%;min-width:0}.sidebar-toggle{right:1rem}}@media (width<=900px){.brand-block{gap:.9rem}.brand-mark{width:2.7rem;height:2.7rem}.brand-subtitle{font-size:.9rem}.header-actions{align-items:stretch}.header-actions>.button,.header-actions>.sync-indicator,.header-actions>.user-chip{min-height:2.8rem}.header-tech-button{order:3}.sync-indicator{order:4}.user-chip{order:5;max-width:100%;overflow:hidden}.sidebar-panel{padding-top:3.25rem}.sidebar-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tech-stack-card{width:min(100%,38rem)}}@media (width<=720px){.app-header,.modal-card,.dialog-card,.login-card,.loading-card,.empty-board{padding:var(--space-4)}.workspace{padding:var(--space-4);gap:var(--space-4)}.app-header{gap:.9rem}.app-header.is-condensed{gap:.7rem;padding-top:.72rem;padding-bottom:.72rem;box-shadow:0 10px 24px #00000014}.brand-block{align-items:flex-start}.app-header.is-condensed .brand-mark{border-radius:.85rem;width:2.35rem;height:2.35rem}.brand-block h1{font-size:1.1rem}.brand-subtitle{font-size:.85rem;line-height:1.35}.app-header.is-condensed .brand-subtitle{display:none}.header-search{min-height:3rem;padding:0 .9rem}.app-header.is-condensed .header-search{min-height:2.65rem}.header-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.app-header.is-condensed .header-actions{gap:.55rem}.header-actions>.button,.header-actions>.sync-indicator,.header-actions>.user-chip,.header-actions>.icon-button{justify-content:center;width:100%}.sync-indicator,.user-chip,.header-tech-button,.button.button-primary{min-height:2.9rem}.app-header.is-condensed .sync-indicator,.app-header.is-condensed .user-chip,.app-header.is-condensed .button.button-primary,.app-header.is-condensed .header-tech-button{display:none}.app-header.is-condensed .header-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.user-chip{padding-inline:.75rem}.user-chip span{text-overflow:ellipsis;overflow:hidden}.sidebar{padding-top:0}.sidebar-toggle{width:2rem;height:2rem;top:.75rem;right:.75rem}.sidebar-panel{border-radius:var(--radius-md);padding:3rem .8rem .8rem}.sidebar-list{grid-template-columns:1fr}.sidebar-item{padding:.82rem .9rem}.modal-card,.dialog-card,.tech-stack-card{border-radius:var(--radius-md);width:100%;max-height:calc(100dvh - 1.7rem)}.modal-backdrop{padding:.85rem}.modal-body{gap:1rem;margin:1rem 0;padding-right:.1rem}.field-row{grid-template-columns:1fr}.toast-region{bottom:.85rem;left:.85rem;right:.85rem}}@media (width<=480px){.app-header,.workspace{padding:.9rem}.header-actions{grid-template-columns:1fr 1fr}.sync-indicator span:last-child{font-size:.82rem}.button,.sync-indicator,.user-chip{padding:.75rem .9rem}.modal-header{align-items:flex-start}.modal-header h2,.dialog-card h2{font-size:1.2rem}.delete-dialog-header{align-items:flex-start}}.error-card{gap:var(--space-4);text-align:left;justify-items:start;max-width:32rem;display:grid}.error-detail{padding:var(--space-3);border-radius:var(--radius-xs);background:var(--color-panel);width:100%;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;overflow-x:auto}.expanded-card-modal{--rail-width:4.2rem;--rail-color:var(--tag-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--note-cream);width:min(100%,60rem);max-height:min(92dvh,56rem);box-shadow:var(--shadow-float);display:flex;position:relative;overflow:hidden}.expanded-card-modal.note-cream{background:var(--note-cream)}.expanded-card-modal.note-yellow{background:var(--note-yellow)}.expanded-card-modal.note-pink{background:var(--note-pink)}.expanded-card-modal.note-blue{background:var(--note-blue)}.expanded-card-modal.note-green{background:var(--note-green)}.expanded-card-modal.note-lavender{background:var(--note-lavender)}.expanded-card-rail{width:var(--rail-width);padding-top:var(--space-6);border-right:1.5px solid color-mix(in srgb, var(--rail-color) 65%, var(--color-border));text-align:center;background:color-mix(in srgb, var(--rail-color) 8%, var(--color-panel));flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;display:flex}.expanded-card-day{font-family:var(--font-display);color:var(--color-text);font-size:1.65rem;font-weight:700;line-height:1}.expanded-card-month{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-size:.8rem;font-weight:700;line-height:1}.expanded-card-pin-marker{color:var(--rail-color);place-items:center;margin-top:.6rem;display:grid}.expanded-card-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.expanded-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-8) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.expanded-card-header-left{min-width:0}.expanded-eyebrow-row{align-items:center;gap:.75rem;display:flex}.deck-counter{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-panel);border-radius:var(--radius-pill);border:1px solid var(--color-border);padding:.15rem .5rem;font-size:.7rem;font-weight:800}.deck-read-badge{background:color-mix(in srgb, var(--color-success) 16%, transparent);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 35%, var(--color-border))}.expanded-card-title{font-family:var(--font-display);color:var(--color-text);overflow-wrap:anywhere;margin:.25rem 0 0;font-size:1.75rem;font-weight:700;line-height:1.25}.expanded-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.deck-nav-group{align-items:center;gap:.25rem;display:flex}.deck-nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.expanded-close-button,.modal-header>.icon-button{flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .18s,border-color .18s,color .18s,box-shadow .18s}.expanded-close-button:hover,.modal-header>.icon-button:hover{background:color-mix(in srgb, var(--color-danger) 14%, var(--color-surface-strong));border-color:color-mix(in srgb, var(--color-danger) 40%, var(--color-border));color:var(--color-danger);box-shadow:0 4px 14px color-mix(in srgb, var(--color-danger) 18%, transparent);transform:rotate(90deg)scale(1.1)}.expanded-close-button:active,.modal-header>.icon-button:active{transform:rotate(90deg)scale(.94)}.expanded-checklist{gap:.45rem;margin:0 0 .95rem}.expanded-checklist .task-label{gap:.7rem;font-size:1.05rem;line-height:1.75}.expanded-checklist .task-checkbox{width:1.15rem;height:1.15rem;margin-top:.32rem}.expanded-card-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:var(--space-6) var(--space-8);flex:1;overflow-y:auto}.expanded-note-heading{font-family:var(--font-display);color:var(--color-text);margin:1.35rem 0 .55rem;font-size:1.22rem;font-weight:700}.expanded-note-heading:first-child{margin-top:0}.expanded-note-paragraph{color:var(--color-text);overflow-wrap:anywhere;margin:0 0 .95rem;font-size:1.05rem;line-height:1.8}.expanded-note-list{color:var(--color-text);margin:0 0 .95rem;padding-left:1.5rem;font-size:1.05rem;line-height:1.8;list-style-type:disc}.expanded-note-attachments{border-top:1px dashed var(--color-border);flex-direction:column;gap:.6rem;margin-top:1.75rem;padding-top:1.2rem;display:flex}.expanded-attachments-title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:.78rem;font-weight:800}.expanded-attachments-list{flex-direction:column;gap:.45rem;display:flex}.expanded-empty-copy{color:var(--color-text-muted);margin:0;font-size:1.05rem;font-style:italic}.expanded-card-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-8);border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 60%, transparent);flex-wrap:wrap;display:flex}.expanded-card-meta{letter-spacing:.11em;text-transform:uppercase;color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;display:flex}.expanded-card-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.button-danger-hover:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.button.is-read-active{color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border));background:color-mix(in srgb, var(--color-success) 12%, transparent)}[data-theme=dark] .expanded-card-modal{box-shadow:0 18px 40px #00000059,0 0 0 1px #f8f8f20f,inset 0 1px #ffffff08}@media (width<=720px){.expanded-card-modal{--rail-width:3rem;border-radius:var(--radius-md);width:100%;max-height:calc(100dvh - 1.7rem)}.expanded-card-day{font-size:1.25rem}.expanded-card-month{font-size:.7rem}.expanded-card-header,.expanded-card-body,.expanded-card-footer{padding:var(--space-4)}.expanded-card-title{font-size:1.3rem}.expanded-note-paragraph,.expanded-note-list{font-size:.95rem;line-height:1.7}.expanded-card-footer{align-items:stretch;gap:var(--space-3);flex-direction:column}.expanded-card-actions{grid-template-columns:repeat(2,1fr);display:grid}}.flashcard-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));align-items:start;min-width:0;display:grid}.flashcard{--rail-width:3.1rem;--rail-color:var(--tag-2);border:1px solid var(--color-border);background:var(--note-cream);min-width:0;padding:.9rem 1.1rem .95rem calc(var(--rail-width) + 1rem);cursor:pointer;transition:box-shadow .18s var(--motion-smooth), border-color .18s ease;border-radius:5px;position:relative;box-shadow:1px 2px 5px #3c281412}.flashcard:hover{border-color:color-mix(in srgb, var(--rail-color) 40%, var(--color-border));box-shadow:1px 6px 16px #3c28141f}.flashcard.note-cream{background:var(--note-cream)}.flashcard.note-yellow{background:var(--note-yellow)}.flashcard.note-pink{background:var(--note-pink)}.flashcard.note-blue{background:var(--note-blue)}.flashcard.note-green{background:var(--note-green)}.flashcard.note-lavender{background:var(--note-lavender)}.flashcard-rail{width:var(--rail-width);background:color-mix(in srgb, var(--rail-color) 8%, var(--color-panel));border-right:1.5px solid color-mix(in srgb, var(--rail-color) 65%, var(--color-border));text-align:center;border-top-left-radius:4px;border-bottom-left-radius:4px;flex-direction:column;align-items:center;gap:.25rem;padding-top:.95rem;display:flex;position:absolute;top:0;bottom:0;left:0}.flashcard-day{font-family:var(--font-display);color:var(--color-text);font-size:1.15rem;font-weight:700;line-height:1}.flashcard-month{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6rem;font-weight:700;line-height:1}.flashcard-pin-marker{color:var(--rail-color);place-items:center;margin-top:.4rem;display:grid}.flashcard-read-marker{color:var(--color-success);place-items:center;margin-top:.35rem;display:grid}.flashcard-title{font-family:var(--font-display);color:var(--color-text);overflow-wrap:anywhere;margin:0 0 .65rem;font-size:1.2rem;font-weight:600;line-height:1.25}.flashcard-note{color:var(--color-text);opacity:.9;overflow-wrap:anywhere;font-size:.92rem;line-height:1.7;overflow:hidden}.flashcard-note.is-clamped{max-height:150px}.flashcard-note.is-clamped.has-overflow{-webkit-mask-image:linear-gradient(#000 calc(100% - 1.6rem),#0000);mask-image:linear-gradient(#000 calc(100% - 1.6rem),#0000)}.flashcard-note.is-expanded{max-height:none;-webkit-mask-image:none;mask-image:none}.note-paragraph,.note-list,.note-heading{margin:0 0 .5rem;font-size:.92rem;line-height:1.7}.note-heading{opacity:1;font-weight:700}.note-list{padding-left:1.1rem;list-style-type:disc}.note-checklist{flex-direction:column;gap:.3rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.note-task-item{align-items:flex-start;display:flex}.task-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.55rem;min-width:0;font-size:.92rem;line-height:1.6;display:inline-flex}.task-checkbox{appearance:none;border:1.5px solid var(--color-border-strong);background:var(--color-surface-strong);cursor:pointer;border-radius:3px;flex-shrink:0;place-items:center;width:1.05rem;height:1.05rem;margin-top:.22rem;transition:background-color .14s,border-color .14s;display:grid}.task-checkbox:checked{background:var(--color-accent);border-color:var(--color-accent)}.task-checkbox:checked:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:.32rem;height:.58rem;transform:rotate(45deg)translate(-.5px,-1px)}.task-text{overflow-wrap:anywhere;transition:opacity .14s}.task-text.is-checked{opacity:.6;text-decoration:line-through}.search-highlight{background:color-mix(in srgb, var(--color-warning) 32%, #fff066);color:var(--color-text);border-radius:3px;padding:.05rem .22rem;font-weight:600}[data-theme=dark] .search-highlight{background:color-mix(in srgb, var(--color-warning) 45%, gold);color:#171814}.note-rich-content>:last-child{margin-bottom:0}.note-inline-code{background:var(--color-accent-soft);border-radius:4px;padding:.06rem .32rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.87em}.note-inline-link{color:var(--color-accent-strong);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);text-decoration:none}.note-inline-link:hover{border-bottom-color:var(--color-accent)}.note-attachments{flex-direction:column;gap:.2rem;margin-top:.55rem;display:flex}.attachment-link{min-width:0;color:var(--color-accent-strong);opacity:.9;align-items:center;gap:.4rem;font-size:.8rem;text-decoration:none;display:inline-flex}.attachment-link:hover{text-decoration:underline}.attachment-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.read-more-button{letter-spacing:.05em;color:var(--color-accent-strong);background:0 0;border:none;margin-top:.55rem;padding:0;font-size:.78rem;font-weight:700}.read-more-button:hover{text-decoration:underline}.flashcard-footer{align-items:center;gap:.6rem;min-width:0;margin-top:.75rem;display:flex}.flashcard-meta{letter-spacing:.11em;text-transform:uppercase;min-width:0;color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.63rem;font-weight:700;display:flex}.flashcard-meta .meta-sep{color:var(--color-text-muted);opacity:.5}.flashcard-meta .meta-priority-high,.flashcard-meta .meta-priority-critical{color:var(--color-danger)}.flashcard-meta .meta-read-tag{color:var(--color-success);font-weight:800}.flashcard-actions{opacity:0;flex:none;gap:.12rem;margin-left:auto;transition:opacity .16s;display:flex}.flashcard:hover .flashcard-actions,.flashcard:focus-within .flashcard-actions{opacity:1}.flashcard-actions .icon-button{width:1.65rem;height:1.65rem;color:var(--color-text-muted);box-shadow:none;background:0 0;border:none;border-radius:5px}.flashcard-actions .icon-button:hover{background:color-mix(in srgb, var(--color-text) 8%, transparent);color:var(--color-text);transform:none}.flashcard.is-read{opacity:.88}.flashcard.is-read:hover{opacity:1}.flashcard-actions .icon-button.is-active{color:var(--rail-color)}.flashcard-actions .icon-button.is-read-active{color:var(--color-success)}@media (hover:none){.flashcard-actions{opacity:1}}@media (width<=720px){.flashcard{--rail-width:2.7rem;padding:.8rem .9rem .85rem calc(var(--rail-width) + .85rem)}.flashcard-title{font-size:1.12rem}}@media (prefers-reduced-motion:reduce){.flashcard,.flashcard-actions{transition:none}}