: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}[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}*{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}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;gap:var(--space-5);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,1.2fr) minmax(280px,.9fr) 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,.board-hero 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{cursor:pointer}.field textarea{resize:vertical;min-height:9rem}.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,.read-more-button,.tag-chip{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,.read-more-button: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}.board-hero,.empty-board{border-radius:var(--radius-lg);padding:var(--space-6)}.flashcard-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(290px,360px));justify-content:start;align-items:start;display:grid}.workspace.is-sidebar-collapsed .flashcard-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.flashcard{--rule-height:31px;height:fit-content;min-height:18rem;box-shadow:var(--shadow-card);border:1px solid #6d543829;border-radius:1.9rem;align-self:start;position:relative;overflow:hidden}.flashcard:before{content:"";background:linear-gradient(90deg, #d23f3f24 0, #d23f3f24 2px, transparent 2px, transparent 54px), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rule-height) - 2px), #467ab129 calc(var(--rule-height) - 2px), #467ab129 var(--rule-height));pointer-events:none;position:absolute;inset:0}.flashcard.is-pinned{outline:2px solid color-mix(in srgb, var(--color-warning) 50%, transparent)}.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-holes{gap:1.35rem;display:grid;position:absolute;top:1.1rem;left:.85rem}.flashcard-hole{background:#5a47322e;border-radius:999px;width:.8rem;height:.8rem;box-shadow:inset 0 1px 2px #0000002e}.flashcard-inner{z-index:1;flex-direction:column;gap:0;min-width:0;height:100%;padding:0 1.15rem 0 4.15rem;display:flex;position:relative}.flashcard-header,.flashcard-footer{align-items:flex-start;gap:var(--space-3);display:flex}.flashcard-header{min-height:var(--rule-height);flex-direction:row;flex:none;justify-content:space-between;align-items:flex-start;gap:.9rem}.flashcard-footer{background:#ffffff1f;border-top:1px dashed #6d54381f;grid-template-columns:repeat(4,2.8rem);justify-content:end;align-items:center;margin:0 -1.15rem 0 -4.15rem;padding:.95rem 1.15rem 1rem 4.15rem;display:grid}.flashcard-footer .icon-button{flex:none}.flashcard-badges,.tag-chip-list,.color-picker{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}.flashcard-badges{height:var(--rule-height);justify-content:flex-end;overflow:hidden}.flashcard-date{color:var(--color-text-muted);font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:var(--rule-height);max-width:6.5rem}.flashcard-title{font-family:var(--font-display);font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:400;line-height:var(--rule-height);color:#3e2b17;min-height:var(--rule-height);margin:0;padding:0}.flashcard-body{flex-direction:column;flex:auto;min-width:0;min-height:0;padding-bottom:.25rem;display:flex}.flashcard-note{line-height:var(--rule-height);color:#654;font-size:.98rem;overflow:hidden}.note-rich-content{display:block}.note-paragraph,.note-heading,.note-list{margin:0;padding:0}.note-heading{font-size:.98rem;line-height:var(--rule-height)}.note-list{padding-left:1.15rem;list-style-type:disc}.note-list li{line-height:var(--rule-height)}.note-inline-link,.attachment-link{color:var(--color-accent-strong);text-decoration:none}.note-inline-link:hover,.attachment-link:hover{text-decoration:underline}.note-inline-code{background:#00000014;border-radius:.45rem;padding:.12rem .38rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.note-attachments{border-top:1px dashed #6d543829;flex-direction:column;gap:0;margin-top:0;display:flex}.attachment-link{min-width:0;height:var(--rule-height);font-size:.88rem;line-height:var(--rule-height);align-items:center;gap:.45rem;display:inline-flex}.attachment-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flashcard-note.is-expanded{max-height:none}.read-more-button{color:#4d7f59;background:0 0;border:none;margin-top:.7rem;padding:0;font-weight:700}.badge{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;color:#fff;border:none;align-items:center;padding:.45rem .88rem;font-size:.72rem;font-weight:800;display:inline-flex}.badge-priority{font-weight:900;box-shadow:inset 0 0 0 1px #ffffff2e,0 4px 10px #3e2b171f}[data-theme=light] .badge-priority{box-shadow:inset 0 0 0 1px #fff3,0 0 0 2px #3e2b1714,0 4px 10px #3e2b171f}.badge-coding,.badge-priority-low{background:#4b648e}.badge-prompt,.badge-priority-medium{background:#d8840a}.badge-general{background:#4b648e}.badge-research,.badge-priority-high{background:#be5b2d}.badge-other,.badge-priority-critical{background:#8f3f36}[data-theme=dark] .flashcard-title{color:#f8f8f2}[data-theme=dark] .flashcard-note{color:#d7d7cf}[data-theme=dark] .note-inline-code{background:#f8f8f214}[data-theme=dark] .flashcard-footer{background:#14151247}[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] .flashcard{border-color:#f8f8f214;box-shadow:0 22px 48px #00000057,0 0 0 1px #f8f8f208}[data-theme=dark] .flashcard:before{background:linear-gradient(90deg, #f9267229 0, #f9267229 2px, transparent 2px, transparent 54px), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rule-height) - 2px), #66d9ef24 calc(var(--rule-height) - 2px), #66d9ef24 var(--rule-height))}[data-theme=dark] .flashcard:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#a6e22e0f,#0000 26%),radial-gradient(circle at 0 100%,#66d9ef0d,#0000 28%);position:absolute;inset:0}[data-theme=dark] .flashcard-hole{background:#f8f8f224;box-shadow:inset 0 1px 2px #ffffff14}[data-theme=dark] .flashcard-date{color:#b7b7ad}[data-theme=dark] .read-more-button{color:#a6e22e}[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{width:min(100%,42rem);max-height:min(86vh,44rem);overflow:auto}.tech-stack-intro{color:var(--color-text-muted);margin:.45rem 0 0}.tech-stack-list{gap:.9rem;margin-top:1.4rem;display:grid}.tech-stack-item{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-strong);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.95rem;padding:1rem 1.05rem;display:grid}.tech-stack-icon{width:2.6rem;height:2.6rem;color:var(--color-text);border-radius:.95rem;place-items:center;display:grid}.tech-stack-icon-react{background:#61dafb29}.tech-stack-icon-vite{background:#ffc4572e}.tech-stack-icon-css{background:#8c54301f}.tech-stack-icon-firebase{background:#ffa6002e}.tech-stack-icon-motion{background:#a855f729}.tech-stack-icon-lucide{background:#3b82f629}.tech-stack-icon-deploy{background:#2f7a5529}.tech-stack-copy{min-width:0}.tech-stack-copy strong{font-size:.97rem;display:block}.tech-stack-copy p{color:var(--color-text-muted);margin:.35rem 0 0;line-height:1.55}.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-5) 0;-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}.flashcard-grid,.workspace.is-sidebar-collapsed .flashcard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@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}.flashcard-grid,.workspace.is-sidebar-collapsed .flashcard-grid{grid-template-columns:1fr}.flashcard{border-radius:1.55rem}.flashcard-inner{padding:1.05rem .95rem 0 3.55rem}.flashcard-holes{gap:1.15rem;left:.72rem}.flashcard-title{font-size:clamp(1.15rem,6vw,1.45rem)}.flashcard-header{flex-direction:column;align-items:flex-start}.flashcard-badges{justify-content:flex-start}.flashcard-date{max-width:none}.flashcard-note,.note-heading,.note-list li{line-height:28px}.flashcard:before{background:linear-gradient(90deg,#d23f3f24 0 2px,#0000 2px 54px),repeating-linear-gradient(#0000 0 26px,#467ab129 26px 28px)}[data-theme=dark] .flashcard:before{background:linear-gradient(90deg,#f9267229 0 2px,#0000 2px 54px),repeating-linear-gradient(#0000 0 26px,#66d9ef24 26px 28px)}.flashcard-footer{grid-template-columns:repeat(4,minmax(2.55rem,1fr));margin-left:-3.55rem;padding-left:3.55rem;padding-right:.95rem}.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}.tech-stack-item{grid-template-columns:1fr;gap:.75rem}.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}.flashcard-grid,.workspace.is-sidebar-collapsed .flashcard-grid{gap:.9rem}.flashcard-inner{padding:.95rem .85rem 0 3.2rem}.flashcard-footer{gap:.55rem;margin-left:-3.2rem;padding-left:3.2rem}.flashcard-hole{width:.68rem;height:.68rem}.flashcard-holes{gap:1.08rem;left:.62rem}.modal-header{align-items:flex-start}.modal-header h2,.dialog-card h2{font-size:1.2rem}.delete-dialog-header{align-items:flex-start}}