@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";
.vault-room{--vault-amber:#ff9f00;--vault-amber-dim:#ff9f0066;--vault-bg:#0c0905;--vault-metal-dark:#1e1912;--vault-metal-light:#2c251b;--vault-glow:0 0 15px #ff9f0099;background-color:var(--vault-bg);width:100%;min-height:100vh;color:var(--vault-amber);box-sizing:border-box;justify-content:center;align-items:center;padding:2rem;font-family:Share Tech Mono,monospace;display:flex;position:relative;overflow:hidden}.storage-bg-overlay{pointer-events:none;z-index:1;opacity:.15;background:radial-gradient(circle,#0000 20%,#000 95%);width:100%;height:100%;position:absolute;top:0;left:0}.shelves{background:repeating-linear-gradient(0deg, transparent, transparent 120px, var(--vault-metal-dark) 120px, var(--vault-metal-light) 124px);border-right:4px solid var(--vault-metal-dark);width:25%;position:absolute;top:0;bottom:0}.shelves-left{left:0;transform:perspective(600px)rotateY(20deg)}.shelves-right{border-right:none;border-left:4px solid var(--vault-metal-dark);right:0;transform:perspective(600px)rotateY(-20deg)}.terminal-monitor{width:100%;max-width:1100px;height:85vh;max-height:800px;box-shadow:0 25px 60px #000c, inset 0 0 40px #000000e6, 0 0 30px var(--vault-amber-dim);z-index:10;background-color:#120e09;border:18px solid #221a12;border-radius:35px;flex-direction:column;display:flex;position:relative;overflow:hidden}.scanlines{z-index:100;pointer-events:none;background:linear-gradient(#120e0a00 50%,#0000004d 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.screen-flicker{z-index:99;pointer-events:none;background:#ff9f0005;width:100%;height:100%;animation:.15s infinite crt-flicker;position:absolute;top:0;left:0}.screen-glare{z-index:98;pointer-events:none;background:radial-gradient(circle at 50% 15%,#ffffff0a 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes crt-flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.terminal-content{z-index:5;flex-direction:column;flex-grow:1;padding:2.5rem;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 0 80px #000c}.vault-header{flex-shrink:0;margin-bottom:2rem}.header-top{letter-spacing:.2em;color:var(--vault-amber-dim);justify-content:space-between;font-size:.75rem;display:flex}.blink-dot{animation:1s infinite alternate pulse-dot}@keyframes pulse-dot{0%{opacity:.3}to{opacity:1;text-shadow:var(--vault-glow)}}.vault-title{letter-spacing:.15em;text-shadow:var(--vault-glow);margin:.5rem 0;font-size:2.2rem;font-weight:400}.vault-divider{background-color:var(--vault-amber-dim);height:2px;box-shadow:var(--vault-glow)}.vault-prompt{letter-spacing:.05em;color:var(--vault-amber);margin-bottom:2rem;font-size:.95rem}.drawer-grid{flex-grow:1;grid-template-columns:1fr;gap:1.5rem;display:grid}.drawer-card{border:2px solid var(--vault-amber-dim);color:inherit;cursor:pointer;text-align:left;background:#19120a;border-radius:8px;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden;box-shadow:inset 0 0 15px #0009}.drawer-card:hover{border-color:var(--vault-amber);box-shadow:var(--vault-glow), inset 0 0 20px #ff9f000d;transform:translateY(-2px)}.drawer-handle{border-right:2px solid var(--vault-amber-dim);background:linear-gradient(90deg,#120e09 0%,#2c2115 50%,#120e09 100%);justify-content:center;align-items:center;width:45px;transition:background .3s;display:flex;position:relative}.drawer-card:hover .drawer-handle{background:linear-gradient(90deg, #2c2115 0%, var(--vault-amber-dim) 50%, #2c2115 100%);border-right-color:var(--vault-amber)}.drawer-handle:after{content:"";background:var(--vault-metal-dark);border:1px solid var(--vault-amber-dim);border-radius:4px;width:10px;height:60px}.drawer-card:hover .drawer-handle:after{border-color:var(--vault-amber)}.drawer-info{flex-grow:1;padding:1.5rem 2rem}.drawer-tag{letter-spacing:.2em;color:var(--vault-amber-dim);font-size:.7rem}.drawer-title{letter-spacing:.1em;text-shadow:0 0 5px #ff9f004d;margin:.3rem 0;font-size:1.4rem;font-weight:400}.drawer-card:hover .drawer-title{text-shadow:var(--vault-glow)}.drawer-desc{color:#ff9f00b3;margin:0;font-size:.85rem;line-height:1.4}.vault-footer{text-align:center;flex-shrink:0;margin-top:auto;padding-top:2rem}.exit-btn{color:var(--vault-amber-dim);letter-spacing:.1em;font-size:.9rem;text-decoration:none;transition:color .3s}.exit-btn:hover{color:var(--vault-amber);text-shadow:var(--vault-glow)}.tavish-logs-view{flex-direction:column;flex-grow:1;min-height:0;display:flex}.view-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.back-btn{border:1px solid var(--vault-amber-dim);color:var(--vault-amber-dim);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-family:inherit;transition:all .3s}.back-btn:hover{color:var(--vault-amber);border-color:var(--vault-amber);box-shadow:var(--vault-glow)}.view-title{letter-spacing:.1em;font-size:.95rem}.logs-layout{flex-grow:1;grid-template-columns:380px 1fr;gap:2rem;min-height:0;display:grid}.logs-sidebar{border-right:1px dashed var(--vault-amber-dim);flex-direction:column;gap:1.5rem;min-height:0;padding-right:1.5rem;display:flex}.log-list-container{flex-direction:column;flex-grow:1;min-height:0;display:flex}.sidebar-section-header{letter-spacing:.25em;color:var(--vault-amber-dim);border-bottom:1px solid var(--vault-amber-dim);margin-bottom:.8rem;padding-bottom:4px;font-size:.75rem;font-weight:700}.log-list{flex-direction:column;flex-grow:1;gap:.8rem;padding-right:5px;display:flex;overflow-y:auto}.log-list::-webkit-scrollbar{width:6px}.terminal-content::-webkit-scrollbar{width:6px}.log-list::-webkit-scrollbar-thumb{background:var(--vault-amber-dim);border-radius:3px}.terminal-content::-webkit-scrollbar-thumb{background:var(--vault-amber-dim);border-radius:3px}.log-list::-webkit-scrollbar-thumb:hover{background:var(--vault-amber)}.terminal-content::-webkit-scrollbar-thumb:hover{background:var(--vault-amber)}.log-list-item{cursor:pointer;background:#19120a66;border:1px solid #ff9f0033;border-radius:4px;padding:.8rem 1rem;transition:all .3s}.log-list-item:hover{border-color:var(--vault-amber-dim);background:#19120acc}.log-list-item.active{border-color:var(--vault-amber);background:#ff9f0014;box-shadow:inset 0 0 5px #ff9f0033}.item-meta{color:var(--vault-amber-dim);justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.65rem;display:flex}.delete-log-btn{color:var(--vault-amber-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1;transition:color .2s}.delete-log-btn:hover{color:red}.item-title{letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.log-form{border:1px solid var(--vault-amber-dim);background:#0003;border-radius:6px;flex-shrink:0;padding:1rem}.form-group{margin-bottom:.8rem}.form-input,.form-textarea{border:1px solid var(--vault-amber-dim);width:100%;color:var(--vault-amber);box-sizing:border-box;background:#120e09cc;border-radius:4px;padding:8px;font-family:inherit;font-size:.8rem}.form-input:focus,.form-textarea:focus{border-color:var(--vault-amber);outline:none;box-shadow:0 0 5px #ff9f004d}.form-textarea{resize:none;height:60px}.form-submit-btn{background:var(--vault-amber-dim);width:100%;color:var(--vault-amber);border:1px solid var(--vault-amber);cursor:pointer;border-radius:4px;padding:8px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .3s}.form-submit-btn:hover{background:var(--vault-amber);color:#000;box-shadow:var(--vault-glow)}.log-viewer{border:1px solid var(--vault-amber-dim);background:#0006;border-radius:8px;padding:2.5rem;overflow-y:auto;box-shadow:inset 0 0 20px #000c}.log-display{animation:.3s ease-out screen-fade-in}@keyframes screen-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.display-header{color:var(--vault-amber-dim);justify-content:space-between;margin-bottom:1rem;font-size:.75rem;display:flex}.display-title{letter-spacing:.05em;text-shadow:var(--vault-glow);margin:0 0 1.5rem;font-size:1.6rem;font-weight:400;line-height:1.3}.display-divider{background-color:var(--vault-amber-dim);height:1px;margin-bottom:1.5rem}.display-content{white-space:pre-wrap;color:#ff9f00f2;font-size:1rem;line-height:1.6}.viewer-placeholder{height:100%;color:var(--vault-amber-dim);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-icon{margin-bottom:1rem;font-size:2.5rem}.placeholder-text{letter-spacing:.15em;text-align:center;font-size:.85rem}