*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#05070d;--bg2:#0a0e1a;--bg3:#0f1422;--bg4:#14192a;--border:#a0afdc12;--border2:#a0afdc24;--border3:#a0afdc42;--text:#d8e2f0;--text2:#8494b4;--text3:#38486a;--silver:#c0d0e8;--silver2:#8090b0;--copper:#9a7a4a;--copper2:#6a5030;--accent:#6090c8;--accent2:#3a6098;--glow:#5078c81a;--gold:#8a7040;--danger:#904040;--radius:8px;--radius-lg:13px}html{overflow-x:hidden}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:EB Garamond,Georgia,serif;position:relative;overflow-x:hidden}body:after{content:"";z-index:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(70% 50% at 15% 0,#3250a00f 0%,#0000 65%),radial-gradient(50% 40% at 85% 100%,#5032780d 0%,#0000 65%);position:fixed;inset:0}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00030fe0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);width:100%;max-width:430px;margin:1rem;padding:1.75rem;position:relative;box-shadow:0 30px 90px #000028e6}.modal:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,#0000,#a0afdc26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.drawer-overlay{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00030fb3;display:none;position:fixed;inset:0}.drawer-overlay.open{display:block}.drawer{background:var(--bg2);border-left:1px solid var(--border2);z-index:151;flex-direction:column;width:380px;max-width:95vw;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer-overlay.open .drawer{transform:translate(0)}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1.25rem;display:flex}.search-wrap{flex:1;min-width:180px;position:relative}.search-wrap svg{color:var(--text3);pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:8px 11px 8px 33px;font-family:EB Garamond,serif;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--border2);outline:none}.search-input::placeholder{color:var(--text3);font-style:italic}.ctrl-select{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);cursor:pointer;padding:8px 11px;font-family:EB Garamond,serif;font-size:13px}.stats{flex-wrap:wrap;gap:10px;margin-bottom:1.25rem;display:flex}.stat{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);padding:.5rem 1rem;font-size:12px;font-style:italic}.stat strong{color:var(--copper);font-style:normal;font-weight:400}.archive-note{border:1px solid var(--border);border-radius:var(--radius);color:var(--text3);background:#283c780a;align-items:flex-start;gap:9px;margin-top:2.5rem;padding:.85rem 1.1rem;font-size:12px;font-style:italic;line-height:1.6;display:flex}.archive-note svg{color:var(--text3);flex-shrink:0;width:13px;height:13px;margin-top:2px}.size-warn{color:#b07070;background:#90404012;border:1px solid #9040402e;border-radius:6px;align-items:center;gap:7px;margin-bottom:1rem;padding:.5rem .85rem;font-size:12px;font-style:italic;display:none}.modal h3{letter-spacing:.14em;text-transform:uppercase;color:var(--silver);margin-bottom:1.25rem;font-family:Cinzel,serif;font-size:14px;font-weight:500}.modal-sub{color:var(--text3);margin-top:-.85rem;margin-bottom:1rem;font-size:12px;font-style:italic}.modal-field{margin-bottom:1rem}.modal-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:5px;font-family:Cinzel,serif;font-size:10px;display:block}.modal-field input,.modal-field select,.modal-field textarea{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--text);padding:9px 12px;font-family:EB Garamond,serif;font-size:14px;font-style:italic}.modal-field textarea{resize:vertical;min-height:80px;line-height:1.5}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:var(--accent2);outline:none}.modal-actions{gap:8px;margin-top:1.5rem;display:flex}.btn-confirm{color:var(--accent);border:1px solid var(--accent2);border-radius:var(--radius);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#3a60981f;flex:1;padding:9px;font-family:Cinzel,serif;font-size:10px;transition:background .15s}.btn-confirm:hover{background:#3a609838}.btn-cancel{color:var(--text3);border:1px solid var(--border);border-radius:var(--radius);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;flex:1;padding:9px;font-family:Cinzel,serif;font-size:10px}.btn-cancel:hover{background:var(--bg3)}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.drawer-title{letter-spacing:.14em;text-transform:uppercase;color:var(--silver);align-items:center;gap:8px;font-family:Cinzel,serif;font-size:12px;font-weight:500;display:flex}.drawer-close{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:Cinzel,serif;font-size:14px;transition:color .15s}.drawer-close:hover{color:var(--silver)}.drawer-body{flex:1;padding:1.25rem;overflow-y:auto}.drawer-empty{text-align:center;color:var(--text3);padding:3rem 1rem;font-size:14px;font-style:italic}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border2);border-top-color:var(--copper);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.archive-toast{z-index:400;background:var(--bg2);border:1px solid var(--border2);border-left:2px solid var(--copper);border-radius:var(--radius);max-width:320px;color:var(--text2);opacity:0;pointer-events:none;padding:12px 18px;font-family:EB Garamond,Georgia,serif;font-size:13px;font-style:italic;line-height:1.5;transition:opacity .25s,transform .25s;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px);box-shadow:0 20px 60px #00002899}.archive-toast.show{opacity:1;transform:translateY(0)}