*{margin:0;padding:0;box-sizing:border-box}:root{--retro-cream: #faf7f0;--retro-card: #ffffff;--retro-orange: #e76f51;--ink: #111111;--ink-muted: #666666;--border: #1a1a1a;--border-subtle: #e0dbce;--shadow: 3px 3px 0px #1a1a1a;--shadow-sm: 2px 2px 0px #1a1a1a;--font-serif: "Syne", serif, -apple-system;--font-mono: "Space Grotesk", monospace;--font-sans: "Plus Jakarta Sans", sans-serif}body{font-family:var(--font-sans);background-color:var(--retro-cream);color:var(--ink);min-height:100vh;padding:clamp(.5rem,2vw,2rem);-webkit-font-smoothing:antialiased;background-image:linear-gradient(to right,rgba(26,26,26,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(26,26,26,.035) 1px,transparent 1px);background-size:32px 32px}.hidden{display:none!important}.retro-window{max-width:860px;margin:0 auto;width:100%}.retro-box{background:var(--retro-card);border:2px solid var(--border);box-shadow:var(--shadow)}.auth-section{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:.5rem}.auth-box{width:100%;max-width:380px;padding:clamp(1.5rem,4vw,2.25rem)}.box-tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;background:#f0ece1;padding:.2rem .5rem;border:1.5px solid var(--border);margin-bottom:1rem}.tag-dot{width:6px;height:6px;border-radius:50%;background:var(--retro-orange)}.auth-title{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2rem);line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}.retro-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-family:var(--font-mono);font-size:.78rem;font-weight:700;text-transform:uppercase}.field input,.retro-form textarea{width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;border:1.5px solid var(--border);background:#fff;outline:none;transition:all .12s}.field input:focus,.retro-form textarea:focus{border-color:var(--border);box-shadow:2px 2px 0 var(--border)}.auth-error{font-size:.82rem;color:#dc2626;font-weight:600}.retro-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.25rem;font-family:var(--font-mono);font-size:.85rem;font-weight:700;border:2px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .12s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.retro-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow)}.retro-btn:active{transform:translate(1px,1px);box-shadow:none}.btn-orange{background:var(--retro-orange);color:#fff}.btn-black{background:var(--ink);color:#fff}.btn-danger{background:#fee2e2;color:#dc2626;border-color:#dc2626}.retro-dashboard{display:flex;flex-direction:column;gap:1rem}.retro-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:2px solid var(--border);box-shadow:var(--shadow)}.nav-brand{display:flex;align-items:center;gap:.4rem}.brand-symbol{font-size:1.15rem;color:var(--retro-orange)}.brand-name{font-family:var(--font-serif);font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.nav-right{display:flex;align-items:center;gap:.85rem}.user-pill{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--ink-muted)}.nav-link-btn{background:none;border:none;font-family:var(--font-mono);font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:.3rem}.retro-hero-strip{display:flex;justify-content:space-between;align-items:center;background:#fff;border:2px solid var(--border);box-shadow:var(--shadow);padding:1rem 1.25rem;gap:.75rem;flex-wrap:wrap}.hero-title{font-family:var(--font-serif);font-size:clamp(1.3rem,3.5vw,1.85rem);font-weight:800;letter-spacing:-.02em}.marker-highlight{background:#ffd166;padding:0 .35rem;border:1.5px solid var(--border);box-shadow:2px 2px 0 var(--border);display:inline-block;transform:rotate(-1deg)}.stat-pills{display:flex;gap:.4rem}.stat-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.25rem .55rem;border:1.5px solid var(--border);background:#fff8e7;box-shadow:1.5px 1.5px 0 var(--border);white-space:nowrap}.stat-muted{background:#f1ede3;color:var(--ink-muted)}.retro-capture-box{background:#fff;border:2px solid var(--border);box-shadow:var(--shadow);padding:.65rem .85rem}.quick-form{display:flex;align-items:center;gap:.6rem}.retro-text-input{flex:1;min-width:0;padding:.65rem .75rem;font-family:inherit;font-size:.95rem;font-weight:500;border:1.5px solid var(--border);background:var(--retro-cream);outline:none;transition:all .12s}.retro-text-input:focus{background:#fff;box-shadow:2px 2px 0 var(--border)}.btn-add{padding:.65rem 1rem;white-space:nowrap;flex-shrink:0}.queue-section{display:flex;flex-direction:column;gap:.6rem}.section-sub-header{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-muted)}.sub-title{font-weight:700;letter-spacing:.05em}.drag-hint{font-size:.7rem}.queue-list{display:flex;flex-direction:column;gap:.5rem;min-height:100px}.retro-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;background:#fff;border:2px solid var(--border);box-shadow:var(--shadow-sm);padding:.65rem .85rem;gap:.65rem;transition:transform .12s,box-shadow .12s}.retro-row:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow)}.retro-row.dragging{opacity:.35;background:var(--retro-cream);border-style:dashed}.retro-row.drag-over{border-top:3px solid var(--retro-orange)}.row-drag{cursor:grab;font-size:1.1rem;color:#888;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;touch-action:none}.row-drag:active{cursor:grabbing}.row-drag-disabled{font-size:.9rem;color:#10b981;font-weight:700;display:flex;align-items:center;justify-content:center}.row-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.row-text{font-size:.95rem;font-weight:600;color:var(--ink);cursor:pointer;word-break:break-word;line-height:1.35}.retro-row.done-row .row-text{text-decoration:line-through;opacity:.5}.row-sub{font-size:.78rem;color:var(--ink-muted);display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row-link{color:#1d4ed8;font-family:var(--font-mono);text-decoration:underline;text-underline-offset:2px}.row-actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.action-btn{background:transparent;border:1.5px solid var(--border);font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:.25rem .45rem;cursor:pointer;transition:all .1s;touch-action:manipulation}.action-btn:hover{background:var(--retro-cream);box-shadow:1px 1px 0 var(--border)}.btn-toggle:hover{background:#dcfce7}.btn-del:hover{background:#fee2e2;color:#dc2626;border-color:#dc2626}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.4rem 0;font-family:var(--font-mono)}.page-btn{background:#fff;border:1.5px solid var(--border);box-shadow:1.5px 1.5px 0 var(--border);padding:.3rem .65rem;font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .12s;touch-action:manipulation}.page-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--border)}.page-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.page-info{font-size:.78rem;font-weight:600;color:var(--ink-muted)}.done-section{margin-top:.75rem;overflow:hidden}.done-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fdfbf7;border:none;cursor:pointer;font-family:inherit;transition:background-color .15s;touch-action:manipulation}.done-accordion-toggle:hover{background:#f6f1e6}.toggle-left{display:flex;align-items:center;gap:.5rem}.chevron{font-size:.7rem;transition:transform .2s ease;color:var(--ink)}.done-section.expanded .chevron{transform:rotate(90deg)}.done-title{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.done-counter{background:#e5e0d3;font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.05rem .4rem;border-radius:10px}.toggle-hint{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-muted)}.done-drawer{padding:.85rem 1rem;border-top:1.5px dashed var(--border);background:#fff;display:flex;flex-direction:column;gap:.65rem}.done-list .retro-row{opacity:.8;background:#faf8f4}.small-empty{padding:1.25rem!important}.retro-empty-box{background:#fff;border:2px dashed var(--border);padding:2rem 1rem;text-align:center}.empty-star{font-size:1.5rem;color:var(--retro-orange);display:block;margin-bottom:.35rem}.retro-empty-box p{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-muted)}.retro-bottom-bar{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-muted);padding:.65rem 0;border-top:2px solid var(--border);margin-top:.5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111180;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{width:100%;max-width:440px;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:2px solid var(--border);padding-bottom:.4rem}.modal-tag{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.05em}.close-btn{background:none;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;padding:.2rem .4rem}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.retro-toast{position:fixed;bottom:1.25rem;right:1.25rem;padding:.55rem .9rem;background:var(--ink);color:#fff;border:1.5px solid #ffffff;box-shadow:2px 2px #0006;font-family:var(--font-mono);font-size:.78rem;font-weight:700;z-index:999}@media(max-width:640px){body{padding:.5rem;background-size:24px 24px}.retro-nav{padding:.6rem .75rem}.brand-name{font-size:1.1rem}.retro-hero-strip{padding:.85rem;gap:.5rem}.hero-title{font-size:1.25rem}.stat-pills{width:100%;justify-content:flex-start}.retro-capture-box{padding:.5rem .65rem}.retro-text-input{font-size:.9rem;padding:.55rem .65rem}.btn-add{padding:.55rem .8rem;font-size:.8rem}.retro-row{grid-template-columns:24px 1fr;row-gap:.4rem;column-gap:.5rem;padding:.6rem .75rem}.row-actions{grid-column:1 / -1;justify-content:flex-end;border-top:1px dashed #e8e4da;padding-top:.35rem;margin-top:.2rem}.action-btn{padding:.3rem .6rem;font-size:.75rem}.done-accordion-toggle{padding:.65rem .85rem}.toggle-hint{display:none}.modal-box{padding:1.25rem}}