:root{--ink: #14171a;--ink-deep: #0e1012;--panel: rgba(255, 255, 255, .04);--panel-hover: rgba(255, 255, 255, .07);--border: rgba(233, 224, 205, .12);--border-strong: rgba(233, 224, 205, .22);--cream: #ece5d8;--cream-dim: rgba(236, 229, 216, .65);--cream-faint: rgba(236, 229, 216, .4);--lamp: #d9a05b;--ember: #c96a3a;--sage: #7fa08a;--steel: #7d9bb0;--wine: #b06a6a;--gold: #b89a4e;--status-reading: #7d9bb0;--status-completed: #7fa08a;--status-planning: #b89a4e;--status-dropped: #b06a6a;--status-on-hold: #9a8fb0;--font-display: "Fraunces", Georgia, serif;--font-mono: "Space Mono", "Courier New", monospace;--nav-height: 60px;--radius: 10px;--radius-sm: 6px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-display);background:var(--ink);color:var(--cream);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 45% at 75% 0%,rgba(217,160,91,.07),transparent 60%),radial-gradient(ellipse 80% 70% at 10% 100%,rgba(201,106,58,.04),transparent 55%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.app-container{position:relative;min-height:100vh;z-index:1}.main-content{position:relative;z-index:1;padding-top:calc(var(--nav-height) + 28px);padding-left:28px;padding-right:28px;padding-bottom:64px;max-width:1200px;margin:0 auto}.main-content.login-layout{padding:0;max-width:100%;display:flex;align-items:center;justify-content:center;min-height:100vh}a{color:var(--lamp);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--ember)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ink-deep)}::-webkit-scrollbar-thumb{background:#2c3237;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3a4248}*{scrollbar-width:thin;scrollbar-color:#2c3237 var(--ink-deep)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.card:hover{background:var(--panel-hover);border-color:var(--border-strong)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid}.badge-reading{color:var(--status-reading);border-color:#7d9bb066;background:#7d9bb01a}.badge-completed{color:var(--status-completed);border-color:#7fa08a66;background:#7fa08a1a}.badge-planning{color:var(--status-planning);border-color:#b89a4e66;background:#b89a4e1a}.badge-dropped{color:var(--status-dropped);border-color:#b06a6a66;background:#b06a6a1a}.badge-on-hold{color:var(--status-on-hold);border-color:#9a8fb066;background:#9a8fb01a}.barcode{display:flex;align-items:flex-end;gap:1px;height:20px;opacity:.5}.barcode span{display:block;background:var(--cream)}.barcode span:nth-child(3n){width:2px;height:78%}.barcode span:nth-child(4n){width:1px;height:100%}.barcode span:nth-child(5n){width:3px;height:65%}.barcode span:nth-child(7n){width:1px;height:88%}.barcode span:nth-child(2n){width:1px;height:92%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--cream);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--lamp);color:var(--lamp);background:var(--panel-hover)}.btn-primary{background:var(--ember);border-color:var(--ember);color:#fdf6ea}.btn-primary:hover{background:#d97a45;border-color:#d97a45;color:#fff}.btn-danger{border-color:#b06a6a80;color:var(--wine)}.btn-danger:hover{border-color:var(--wine);color:#d08a8a}.btn-sm{padding:5px 12px;font-size:.66rem}input,select,textarea{font-family:var(--font-mono);background:#ffffff0d;color:var(--cream);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:.82rem;outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--cream-faint)}input:focus,select:focus,textarea:focus{border-color:var(--lamp);background:#ffffff12}.section-title{font-size:1.35rem;font-weight:600;color:var(--cream);margin-bottom:18px;display:flex;align-items:baseline;gap:12px}.section-title .accent{font-family:var(--font-mono);font-size:.68rem;color:var(--lamp);letter-spacing:.16em;text-transform:uppercase}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-strong),transparent);align-self:center}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:14px;border-bottom:1px solid var(--border);padding-bottom:16px}.page-header h1{font-size:2rem;font-weight:700;color:var(--cream);letter-spacing:-.01em}.page-header p{color:var(--cream-dim);font-size:.85rem;font-family:var(--font-mono)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:12px;color:var(--cream-dim)}.empty-state .icon{font-size:2.6rem;opacity:.5}.empty-state h3{color:var(--cream);font-weight:500}.empty-state p{font-size:.8rem;max-width:320px;font-family:var(--font-mono);color:var(--cream-faint)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;font-family:var(--font-mono);color:var(--cream-dim);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.loading-spinner{width:40px;height:40px;border:2px solid var(--border);border-top-color:var(--lamp);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0ebf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{width:100%;max-width:520px;max-height:82vh;overflow-y:auto}.paper-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.paper-card:hover{background:var(--panel-hover);border-color:var(--border-strong)}.slightly-rotated,.slightly-rotated-2{transform:none}.dogeared:before{display:none}.stamp{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid;transform:none}.stamp-reading{color:var(--status-reading);border-color:#7d9bb066;background:#7d9bb01a}.stamp-completed{color:var(--status-completed);border-color:#7fa08a66;background:#7fa08a1a}.stamp-planning{color:var(--status-planning);border-color:#b89a4e66;background:#b89a4e1a}.stamp-dropped{color:var(--status-dropped);border-color:#b06a6a66;background:#b06a6a1a}.stamp-on-hold{color:var(--status-on-hold);border-color:#9a8fb066;background:#9a8fb01a}:root{--stamp-red: #b06a6a;--stamp-blue: #7d9bb0;--stamp-green: #7fa08a;--stamp-amber: #b89a4e;--paper-warm: var(--cream);--paper-dim: var(--panel);--paper-edge: var(--border);--ink-text: var(--cream);--ink-strong: var(--cream);--ink-faint: var(--cream-dim);--chrome: var(--cream);--chrome-dim: var(--cream-dim);--card-radius: var(--radius)}@media (max-width: 900px){.main-content{padding-left:16px;padding-right:16px}}@media (max-width: 600px){.grid-auto{grid-template-columns:repeat(2,1fr);gap:12px}.page-header h1{font-size:1.5rem}.section-title{font-size:1.15rem}}.glass-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.glass-card:hover{background:var(--panel-hover);border-color:var(--border-strong)}.glass-card-interactive{cursor:pointer}.glass-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--cream);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.glass-button:hover{border-color:var(--lamp);color:var(--lamp);background:var(--panel-hover)}.glass-button-primary{background:var(--ember);border-color:var(--ember);color:#fdf6ea}.glass-button-primary:hover{background:#d97a45;border-color:#d97a45;color:#fff}.glass-button-danger{border-color:#b06a6a80;color:var(--wine)}.glass-button-danger:hover{border-color:var(--wine);color:#d08a8a}.glass-input{width:100%;padding:9px 12px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--cream);font-family:var(--font-mono);font-size:.82rem;outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.glass-input::placeholder{color:var(--cream-faint)}.glass-input:focus{border-color:var(--lamp);background:#ffffff12}.glass-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#14171ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.neon-glow{color:var(--lamp);font-weight:700}.neon-glow-pink{color:var(--ember)}.neon-glow-purple{color:var(--lamp)}.neon-glow-blue{color:var(--steel)}.animate-fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .5s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.glass-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);margin:16px 0}.glass-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.68rem;font-family:var(--font-mono);color:var(--cream-dim)}.score-display{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:.85rem;font-family:var(--font-mono)}.score-display .star{color:var(--lamp);font-size:.8rem}@media (max-width: 600px){.glass-panel{padding:16px}}