*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #0d0d0e;--paper: #f7f5f0;--cream: #ede9e1;--pro: #1a6b45;--pro-light: #d4edda;--con: #8b1a1a;--con-light: #f8d7da;--accent: #c8a84b;--muted: #7a7670;--border: #d6d1c8;--shadow: 0 2px 12px rgba(13,13,14,.08);--shadow-lg: 0 8px 32px rgba(13,13,14,.14);--radius: 6px;font-family:DM Sans,sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}body{min-height:100vh}.splash{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--paper)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{min-height:100vh;padding:0 1.5rem}.container{max-width:900px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;border-bottom:1.5px solid var(--border);margin-bottom:2.5rem}.topbar-brand{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:900;letter-spacing:-.5px}.topbar-brand span{color:var(--accent)}button{font-family:DM Sans,sans-serif;cursor:pointer;border:none}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .15s}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#2a2a2e;transform:translateY(-1px);box-shadow:var(--shadow)}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.btn-pro{background:var(--pro);color:#fff}.btn-pro:hover{background:#145438}.btn-con{background:var(--con);color:#fff}.btn-con:hover{background:#6b1414}.btn-danger{background:transparent;color:var(--con);border:1.5px solid var(--con)}.btn-danger:hover{background:var(--con);color:#fff}.btn-sm{padding:.35rem .8rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0d0e,#1f1c18 60%,#2a2418);padding:2rem}.auth-card{width:100%;max-width:440px;background:var(--paper);border-radius:12px;padding:3rem 2.5rem;box-shadow:0 24px 80px #0006;animation:fadeUp .4s ease}.auth-logo{font-family:Playfair Display,serif;font-size:2rem;font-weight:900;margin-bottom:.25rem}.auth-logo span{color:var(--accent)}.auth-sub{color:var(--muted);font-size:.9rem;margin-bottom:2rem}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.75rem}.auth-tab{flex:1;padding:.55rem;border-radius:var(--radius);background:var(--cream);color:var(--muted);font-weight:500;font-size:.875rem;cursor:pointer;border:none;transition:all .15s}.auth-tab.active{background:var(--ink);color:#fff}.field{margin-bottom:1.25rem}.field label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.4rem}.field input{width:100%;padding:.7rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:.95rem;background:#fff;transition:border-color .15s}.field input:focus{outline:none;border-color:var(--accent)}.field-hint{font-size:.75rem;color:var(--muted);margin-top:.3rem}.error-msg{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:var(--radius);padding:.65rem 1rem;font-size:.85rem;margin-bottom:1rem}.success-msg{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;border-radius:var(--radius);padding:.65rem 1rem;font-size:.85rem;margin-bottom:1rem}.auth-link{background:none;border:none;color:var(--muted);font-size:.8rem;cursor:pointer;padding:.75rem 0 0;display:block;text-align:center;text-decoration:underline;transition:color .15s}.auth-link:hover{color:var(--ink)}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.dash-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:900}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.eval-card{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:1.5rem;cursor:pointer;transition:all .2s;position:relative}.eval-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.eval-card-title{font-family:Playfair Display,serif;font-size:1.15rem;font-weight:700;margin-bottom:.4rem}.eval-card-desc{font-size:.85rem;color:var(--muted);margin-bottom:1rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eval-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted)}.eval-card-delete{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:.2rem .4rem;border-radius:4px;transition:all .15s}.eval-card-delete:hover{background:var(--con-light);color:var(--con)}.empty-state{text-align:center;padding:5rem 2rem;color:var(--muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--ink);margin-bottom:.5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .15s ease}.modal{background:var(--paper);border-radius:12px;padding:2rem;width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:fadeUp .2s ease}.modal h2{font-family:Playfair Display,serif;font-size:1.4rem;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.eval-back{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.875rem;cursor:pointer;border:none;background:none;margin-bottom:1.5rem;transition:color .15s}.eval-back:hover{color:var(--ink)}.eval-header{margin-bottom:2rem}.eval-header-title{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:900;line-height:1.1}.eval-header-desc{color:var(--muted);margin-top:.5rem;font-size:.95rem}.score-bar{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.score-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.score-val{font-family:DM Mono,monospace;font-size:1.5rem;font-weight:500}.score-pro{color:var(--pro)}.score-con{color:var(--con)}.score-verdict{font-size:.85rem;padding:.3rem .8rem;border-radius:20px;font-weight:600}.score-verdict.favorable{background:var(--pro-light);color:var(--pro)}.score-verdict.unfavorable{background:var(--con-light);color:var(--con)}.score-verdict.neutral{background:var(--cream);color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.columns{grid-template-columns:1fr}}.col{background:#fff;border:1.5px solid var(--border);border-radius:10px;overflow:hidden}.col-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--border)}.col-title{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.col-title.pro{color:var(--pro)}.col-title.con{color:var(--con)}.col-body{padding:.75rem;min-height:200px}.item{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .75rem;border-radius:6px;border:1.5px solid transparent;background:var(--cream);margin-bottom:.5rem;transition:all .15s;animation:fadeUp .2s ease}.item:hover{border-color:var(--border)}.item-text{flex:1;font-size:.9rem;line-height:1.45;word-break:break-word}.item-weight{font-family:DM Mono,monospace;font-size:.75rem;color:var(--muted);white-space:nowrap}.item-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem;padding:.1rem;line-height:1;border-radius:3px;transition:all .15s;flex-shrink:0}.item-del:hover{color:var(--con);background:var(--con-light)}.add-form{padding:.75rem;border-top:1.5px solid var(--border)}.add-form textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:.6rem .8rem;font-family:DM Sans,sans-serif;font-size:.875rem;resize:none;min-height:60px;transition:border-color .15s}.add-form textarea:focus{outline:none;border-color:var(--accent)}.add-form-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.weight-select{padding:.35rem .5rem;border:1.5px solid var(--border);border-radius:var(--radius);font-family:DM Mono,monospace;font-size:.8rem;background:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}