*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--color-background);color:var(--color-text);line-height:1.5}.app{display:flex;min-height:100vh}.nav{width:240px;background:var(--color-black);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;border-right:1px solid rgba(247,216,105,.15);z-index:100;display:flex;flex-direction:column;transition:transform .2s ease}.app.nav-closed .nav{transform:translate(-100%)}.nav-toggle{position:fixed;top:14px;left:14px;z-index:90;width:36px;height:36px;border:1px solid rgba(247,216,105,.3);border-radius:var(--radius-sm);background:var(--color-black);color:var(--color-gold);font-size:15px;line-height:1;cursor:pointer;transition:border-color .12s}.nav-toggle:hover{border-color:var(--color-gold)}.nav-collapse{margin-left:auto;width:26px;height:26px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:none;color:#ffffff80;font-size:15px;line-height:1;cursor:pointer;flex-shrink:0;transition:all .12s}.nav-collapse:hover{border-color:#f7d86980;color:var(--color-gold)}.nav-scrim{display:none}.nav::-webkit-scrollbar{width:3px}.nav::-webkit-scrollbar-thumb{background:#f7d86933}.nav-logo{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.logo-sq{width:32px;height:32px;background:var(--color-gold);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Playfair Display,serif;font-size:13px;font-weight:600;color:var(--color-black)}.logo-text{font-family:Playfair Display,serif;font-size:13px;font-weight:500;color:var(--color-white);line-height:1.3}.logo-sub{font-family:Inter,sans-serif;font-size:9px;color:#ffffff4d;margin-top:1px;letter-spacing:.04em;text-transform:uppercase}.nav-sec{padding:14px 16px 4px;font-size:9px;font-weight:600;color:#f7d86966;text-transform:uppercase;letter-spacing:.1em}.ni{text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:9px 16px;cursor:pointer;font-size:12px;color:#fff6;border:none;background:none;width:100%;text-align:left;font-family:Inter,sans-serif;border-left:2px solid transparent;transition:all .12s}.ni:hover{background:#ffffff0a;color:#ffffffb3}.ni.on{background:#f7d8691a;color:var(--color-gold);border-left-color:var(--color-gold);font-weight:500}.ni-num{font-size:9px;color:#ffffff29}.ni.on .ni-num{color:#f7d86959}.nav-footer{margin-top:auto;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08)}.nav-user{font-size:11px;color:#ffffffb3;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out{margin-top:8px;width:100%;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:none;color:#ffffff80;font-family:Inter,sans-serif;font-size:11px;cursor:pointer;transition:all .12s}.sign-out:hover{border-color:#f7d86980;color:var(--color-gold)}.main{margin-left:240px;flex:1;min-height:100vh;min-width:0;transition:margin-left .2s ease}.app.nav-closed .main{margin-left:0}.app.nav-closed .hero{padding-left:64px}.hero{background:var(--color-black);padding:36px 40px 28px;border-bottom:1px solid rgba(247,216,105,.12)}.eyebrow{font-size:10px;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.h-title{font-family:Playfair Display,serif;font-size:var(--font-lg);font-weight:500;color:var(--color-white);margin-bottom:8px;line-height:1.25}.h-sub{font-size:13px;color:#ffffff73;line-height:1.7;max-width:600px;font-weight:300}.body{padding:28px 40px;max-width:1080px}.gold-line{height:2px;background:var(--color-gold);border-radius:1px;margin-bottom:20px;width:56px}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:14px;background:var(--color-surface)}.ct{font-family:Playfair Display,serif;font-size:15px;font-weight:500;color:var(--color-text);margin-bottom:3px}.cs{font-size:12px;color:var(--color-charcoalLight);margin-bottom:12px}.add-form{display:flex;gap:var(--spacing-sm)}.add-form input,.auth-form input,.field input{flex:1;font-size:13px;padding:8px 11px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:Inter,sans-serif}.add-form input:focus,.auth-form input:focus,.field input:focus{outline:none;border-color:var(--color-goldDark)}.cat-form{display:flex;flex-direction:column;gap:10px}.cat-form-row{display:flex;gap:10px;align-items:flex-end}.field{flex:1;display:block}.field.sm{flex:0 0 110px}.mrow>.cat-form{flex:1;min-width:0;padding:2px 0}.field input{width:100%}.crumb{font-size:12px;color:var(--color-charcoalLight);margin-bottom:14px}.crumb a{color:var(--color-charcoalMid);text-decoration:none;font-weight:500}.crumb a:hover{color:var(--color-goldDark)}.crumb-sep{margin:0 6px;color:var(--color-border)}.btn-gold{padding:8px 18px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--color-gold);background:var(--color-gold);color:var(--color-black);font-family:Inter,sans-serif;white-space:nowrap;transition:background .12s}.btn-gold:hover{background:var(--color-goldDark);border-color:var(--color-goldDark)}.btn-gold:disabled{opacity:.6;cursor:default}.lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-charcoalLight);margin-bottom:5px;display:block}.error{background:var(--color-redLight);border:1px solid var(--color-red);border-left-width:3px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-red);font-size:12px;padding:10px 13px;margin-bottom:14px;line-height:1.6}.empty{font-size:12px;color:var(--color-charcoalLight);font-weight:300}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.mrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--color-border)}.mrow:last-child{border-bottom:none;padding-bottom:0}.mav{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0;background:var(--color-goldLight);color:var(--color-amber)}.mav.blue{background:var(--color-blueLight);color:var(--color-blue)}.mrb{flex:1;min-width:0}.mrt{font-size:13px;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:7px}.mrm{font-size:11px;color:var(--color-charcoalLight);margin-top:1px}.row-link{color:inherit;text-decoration:none}.row-link:hover{color:var(--color-goldDark);text-decoration:underline}.row-del{border:none;background:none;color:var(--color-charcoalLight);cursor:pointer;font-size:13px;padding:4px 6px;border-radius:var(--radius-sm);flex-shrink:0}.row-del:hover{color:var(--color-red);background:var(--color-redLight)}.badge{font-size:9px;padding:2px 8px;border-radius:var(--radius-pill);font-weight:500;flex-shrink:0;white-space:nowrap;display:inline-block}.bg{background:var(--color-greenLight);color:var(--color-green)}.ba{background:var(--color-amberLight);color:var(--color-amber)}.br{background:var(--color-redLight);color:var(--color-red)}.bb{background:var(--color-blueLight);color:var(--color-blue)}.bgold{background:var(--color-goldLight);color:var(--color-amber)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips-filter{margin-bottom:10px}.chip{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 11px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-charcoalMid);cursor:pointer;font-family:Inter,sans-serif;transition:border-color .12s,background .12s,color .12s}.chip:hover{border-color:var(--color-goldDark);color:var(--color-goldDark)}.chip.on{background:var(--color-black);border-color:var(--color-black);color:var(--color-gold)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-background)}.auth-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.auth-hdr{background:var(--color-black);padding:24px 22px 20px;border-bottom:1px solid rgba(247,216,105,.12);display:flex;align-items:center;gap:12px}.auth-hdr .eyebrow{margin-bottom:4px}.auth-title{font-family:Playfair Display,serif;font-size:18px;font-weight:500;color:var(--color-white);line-height:1.25}.sub-tabs{display:flex;gap:3px;margin:16px 22px 0;background:var(--color-background);padding:4px;border-radius:5px;border:1px solid var(--color-border)}.stab{flex:1;padding:7px 13px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;color:var(--color-charcoalMid);border:none;background:none;font-family:Inter,sans-serif;transition:all .12s;white-space:nowrap}.stab.on{background:var(--color-black);color:var(--color-gold)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:18px 22px 22px}.auth-form label{display:block}.auth-form input{width:100%}.auth-form .error{margin-bottom:0}.link-btn{align-self:center;border:none;background:none;padding:0;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:var(--color-charcoalMid);text-decoration:underline;cursor:pointer;transition:color .12s}.link-btn:hover{color:var(--color-gold)}.key-reveal{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.key-reveal code{flex:1;padding:10px 12px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;overflow-x:auto;white-space:nowrap}.bk{background:var(--color-offWhite);color:var(--color-charcoalMid);border:1px solid var(--color-border)}.badge-btn{border:none;cursor:pointer;font-family:Inter,sans-serif}.badge-btn.bk{border:1px solid var(--color-border)}.badge-btn:hover{background:var(--color-redLight);color:var(--color-red);border-color:var(--color-red)}.pos-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:4px}.pp-meter{height:4px;border-radius:var(--radius-pill);background:var(--color-offWhite);border:1px solid var(--color-border);overflow:hidden;margin-top:5px;max-width:260px}.pp-fill{height:100%;border-radius:var(--radius-pill)}.pp-bg{background:var(--color-greenMid)}.pp-ba{background:var(--color-goldDark)}.pp-br{background:var(--color-red)}.pos-add{font-size:10px;padding:2px 6px;border:1px dashed var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-charcoalLight);font-family:Inter,sans-serif;cursor:pointer;max-width:110px}.pos-add:hover{border-color:var(--color-goldDark);color:var(--color-charcoalMid)}.chip.onb{background:var(--color-blueLight);border-color:#85b7eb;color:var(--color-blue)}.hint{font-size:10px;color:var(--color-charcoalLight);margin-top:5px;font-weight:300}.row-btn{padding:4px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-charcoalMid);font-family:Inter,sans-serif;flex-shrink:0;transition:all .12s}.row-btn:hover{border-color:var(--color-goldDark);color:var(--color-black);background:var(--color-goldLight)}.row-btn:disabled{opacity:.6;cursor:default}.notice{background:var(--color-greenLight);border:1px solid var(--color-greenMid);border-left-width:3px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-green);font-size:12px;padding:10px 13px;margin-bottom:14px;line-height:1.6}.qb-list-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}a.btn-gold,a.row-btn{display:inline-block;text-decoration:none;text-align:center}.field select{width:100%;font-size:13px;padding:8px 11px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:Inter,sans-serif}.field select:focus{outline:none;border-color:var(--color-goldDark)}.qb-parts{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.qb-parts .lbl{display:block}.qb-part-row{display:flex;align-items:center;gap:10px;width:100%;max-width:520px}.qb-part-row input[type=text]{flex:1;font-size:13px;padding:8px 11px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:Inter,sans-serif}.qb-part-row input[type=text]:focus{outline:none;border-color:var(--color-goldDark)}.qb-part-row input[type=radio]{accent-color:var(--color-gold);flex-shrink:0}.qb-choice{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text)}.qb-ord{width:18px;font-size:11px;color:var(--color-charcoalMid);text-align:right;flex-shrink:0}.qb-actions{align-items:center}.tq-pick-wrap .lbl{display:block;margin-bottom:8px}.tq-pick{display:flex;flex-direction:column;max-height:260px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.tq-pick-row{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--color-text);cursor:pointer;border-bottom:1px solid var(--color-border)}.tq-pick-row:last-child{border-bottom:none}.tq-pick-row input[type=checkbox]{accent-color:var(--color-gold);flex-shrink:0}.tq-ord{width:16px;font-size:11px;font-weight:600;color:var(--color-goldDark);text-align:right;flex-shrink:0}.tq-prompt{flex:1}.tt-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.tt-options{display:flex;flex-direction:column;gap:8px}.tt-compose{display:flex;flex-direction:column;gap:10px}.tt-sequence{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text);min-height:28px}.tt-actions{display:flex;align-items:center;gap:10px;margin-top:4px}.mav.tt-good{background:#e7f4ea;color:#2f7d3f}.mav.tt-bad{background:#fbe9e7;color:#b3392c}.assign-panel{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border)}.assign-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.assign-who,.assign-due{font-size:12px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:Inter,sans-serif}.assign-who{flex:1 1 200px;min-width:0}.assign-who:focus,.assign-due:focus{outline:none;border-color:var(--color-goldDark)}.assign-summary{margin-bottom:6px}.fc-deck{display:flex;align-items:center;gap:8px;flex-shrink:0}.fc-deck .lbl{margin-bottom:0}.fc-deck select{font-size:12px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:Inter,sans-serif}.fc-deck select:focus{outline:none;border-color:var(--color-goldDark)}.fc-card{display:flex;flex-direction:column;gap:14px}.fc-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fc-prompt{font-family:Playfair Display,serif;font-size:22px;line-height:1.35;color:var(--color-text)}.fc-hints .chip{cursor:default}.fc-hint{margin-top:0}.fc-back{border-top:1px solid var(--color-border);padding-top:12px}.fc-answer{font-size:16px;font-weight:600;color:var(--color-goldDark)}@media(max-width:899px){.nav{width:min(280px,85vw);box-shadow:4px 0 24px #0006}.app:not(.nav-closed) .nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.main,.app.nav-closed .main{margin-left:0}.hero,.app.nav-closed .hero{padding:20px 20px 20px 64px}.body{padding:20px 16px}.add-form,.cat-form-row,.key-reveal,.qb-list-hdr,.mrow{flex-wrap:wrap}.add-form input{flex:1 1 180px}.field.sm{flex:1 1 110px}.h-sub{font-size:12px}}