*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0b08;--bg-card: #181210;--bg-card-hover: #1f1712;--border: #2e2018;--border-light: #3d2d1e;--ember: #e8621a;--ember-dim: #a8431000;--ember-glow: rgba(232, 98, 26, .15);--amber: #f0a030;--ash: #8a7060;--smoke: #c0a890;--white: #f5ede4;--green: #4a9e6a;--red: #c05040;--pending-border: #e8621a;--approved-border: #4a9e6a;--rejected-border: #555;--font-serif: "Libre Baskerville", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 4px;--radius-lg: 8px}html,body{background:var(--bg);color:var(--smoke);font-family:var(--font-serif);font-size:15px;line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}.app{max-width:720px;margin:0 auto;padding:0 1.5rem 4rem}.app-header{padding:2rem 0 1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.header-inner{display:flex;align-items:center;gap:1rem}.header-flame{font-size:2rem;filter:drop-shadow(0 0 12px var(--ember));animation:flicker 3s ease-in-out infinite}@keyframes flicker{0%,to{filter:drop-shadow(0 0 12px var(--ember))}50%{filter:drop-shadow(0 0 20px var(--amber))}}.app-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--white);letter-spacing:-.02em;line-height:1}.app-subtitle{font-family:var(--font-mono);font-size:.7rem;color:var(--ash);letter-spacing:.15em;text-transform:uppercase;margin-top:.2rem}.tab-bar{display:flex;gap:.5rem;margin-top:1.25rem}.tab-btn{background:none;border:1px solid var(--border-light);color:var(--ash);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;padding:.35rem .85rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--white);border-color:var(--ash)}.tab-btn--active{color:var(--amber);border-color:var(--amber)}.refresh-btn{margin-left:auto;background:none;border:1px solid var(--border-light);color:var(--ash);font-size:1.2rem;width:36px;height:36px;border-radius:var(--radius);cursor:pointer;transition:color .2s,border-color .2s;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{color:var(--ember);border-color:var(--ember)}.main{display:flex;flex-direction:column;gap:2.5rem}.section-title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ash);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.section-count{background:var(--border);color:var(--smoke);font-size:.65rem;padding:.1rem .45rem;border-radius:99px}.card-list{display:flex;flex-direction:column;gap:1px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s}.card--pending{border-left:3px solid var(--pending-border);box-shadow:-4px 0 20px #e8621a14}.card--approved{border-left:3px solid var(--approved-border);opacity:.7}.card--rejected{border-left:3px solid var(--rejected-border);opacity:.5}.card-header{padding:1rem 1.25rem;cursor:pointer;position:relative;transition:background .15s}.card-header:hover{background:var(--bg-card-hover)}.card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.card-status{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .5rem;border-radius:99px;border:1px solid currentColor}.card--pending .card-status{color:var(--ember)}.card--approved .card-status{color:var(--green)}.card--rejected .card-status{color:var(--ash)}.card-date{font-family:var(--font-mono);font-size:.7rem;color:var(--ash)}.card-path{font-family:var(--font-mono);font-size:.85rem;color:var(--amber);font-weight:500;margin-bottom:.4rem}.card-reason{font-size:.85rem;color:var(--smoke);font-style:italic;line-height:1.4}.card-toggle{position:absolute;right:1.25rem;top:1rem;font-size:.65rem;color:var(--ash)}.card-body{border-top:1px solid var(--border);padding:1.25rem}.card-content{font-family:var(--font-mono);font-size:.78rem;line-height:1.7;color:var(--smoke);white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;max-height:320px;overflow-y:auto}.card-content::-webkit-scrollbar{width:4px}.card-content::-webkit-scrollbar-track{background:transparent}.card-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.card-actions{display:flex;gap:.75rem;align-items:center}.card-error{font-family:var(--font-mono);font-size:.75rem;color:var(--red);margin-bottom:.5rem}.btn{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;padding:.5rem 1.25rem;border-radius:var(--radius);border:1px solid;cursor:pointer;transition:all .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--approve{background:#4a9e6a1f;border-color:var(--green);color:var(--green)}.btn--approve:hover:not(:disabled){background:#4a9e6a40}.btn--reject{background:transparent;border-color:var(--border-light);color:var(--ash)}.btn--reject:hover:not(:disabled){border-color:var(--red);color:var(--red)}.card-resolved{font-family:var(--font-mono);font-size:.72rem;color:var(--ash);font-style:italic}.empty-state{text-align:center;padding:4rem 2rem;color:var(--ash);font-style:italic}.empty-flame{display:block;font-size:2.5rem;margin-bottom:1rem;opacity:.4}.empty-sub{font-size:.85rem;margin-top:.5rem;opacity:.6}.session-card--unread{border-left:3px solid var(--amber);box-shadow:-4px 0 20px #f0a03014}.session-unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0}.session-card--ended{border-left:3px solid var(--border-light);opacity:.7}.session-status--running{color:var(--green)}.session-status--paused{color:var(--amber)}.session-status--ended{color:var(--ash)}.session-duration{font-family:var(--font-mono);font-size:.7rem;color:var(--ash)}.session-model{font-style:normal;font-family:var(--font-mono);font-size:.72rem;color:var(--ash);margin-top:.25rem}.session-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ash);margin-bottom:.4rem}.btn--reply{background:transparent;border:1px solid var(--border-light);color:var(--ash);font-family:var(--font-mono);font-size:.78rem;padding:.3rem .7rem;border-radius:var(--radius);cursor:pointer;transition:border-color .15s,color .15s}.btn--reply:hover{border-color:var(--ember);color:var(--ember)}.session-reply-form{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.session-reply-textarea{font-size:.85rem}.session-reply-confirm{font-family:var(--font-mono);font-size:.78rem;color:var(--green)}.session-thread-wrapper{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-light)}.thread{display:flex;flex-direction:column;gap:.85rem}.thread-controls{display:flex;justify-content:flex-end}.thread-message{display:flex;flex-direction:column;gap:.35rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.thread-message--user{border-left:3px solid var(--amber)}.thread-message--assistant{border-left:3px solid var(--ember)}.thread-message--system{border-left:3px solid var(--ash);opacity:.75}.thread-role{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ash)}.thread-blocks{display:flex;flex-direction:column;gap:.5rem}.thread-text{margin:0}.thread-tool{border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg-card)}.thread-tool-header{display:flex;align-items:center;gap:.6rem;width:100%;padding:.4rem .6rem;background:transparent;border:0;color:var(--smoke);font-family:var(--font-mono);font-size:.78rem;cursor:pointer;text-align:left}.thread-tool-header:hover{background:var(--bg-card-hover)}.thread-tool-name{color:var(--ember);font-weight:600}.thread-tool-status{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ash)}.thread-tool-status--approved,.thread-tool-status--executed{color:var(--green)}.thread-tool-status--rejected{color:var(--red)}.thread-tool-status--pending{color:var(--amber)}.thread-tool-toggle{margin-left:auto;color:var(--ash)}.thread-tool-body{padding:.5rem .6rem .6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem}.thread-tool-result{font-family:var(--font-mono);font-size:.75rem}.thread-tool-result summary{cursor:pointer;color:var(--ash);padding:.25rem 0}.prompt-request-card--pending{border-left:3px solid var(--amber)}.prompt-request-card--executing{border-left:3px solid var(--ember)}.prompt-request-card--done{border-left:3px solid var(--approved-border);opacity:.75}.prompt-request-card--error{border-left:3px solid var(--red)}.prompt-request-status--pending{color:var(--amber)}.prompt-request-status--executing{color:var(--ember)}.prompt-request-status--done{color:var(--green)}.prompt-request-status--error{color:var(--red)}.prompt-request-type{font-family:var(--font-mono);font-size:.68rem;color:var(--ash);padding:.1rem .4rem;border:1px solid var(--border-light);border-radius:var(--radius)}.send-form{display:flex;flex-direction:column;gap:.75rem}.send-textarea{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--white);font-family:var(--font-serif);font-size:.9rem;line-height:1.6;padding:.75rem;resize:vertical;width:100%;outline:none}.send-textarea:focus{border-color:var(--ember)}.send-error{font-family:var(--font-mono);font-size:.78rem;color:var(--red)}.send-tool-limit{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--smoke)}.send-tool-limit input{width:5rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--white);font-family:var(--font-mono);font-size:.85rem;padding:.35rem .5rem;outline:none}.send-tool-limit input:focus{border-color:var(--ember)}.memory-content{font-size:.9rem;color:var(--smoke);line-height:1.6;white-space:pre-wrap;word-break:break-word}.error-banner{background:#c050401a;border:1px solid var(--red);border-radius:var(--radius);padding:.75rem 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--red)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:100%;max-width:360px;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.login-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-input{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--white);font-family:var(--font-mono);font-size:.875rem;padding:.625rem .75rem;width:100%;outline:none}.login-input:focus{border-color:var(--ember)}.login-btn{margin-top:.25rem;width:100%;justify-content:center}.login-error{color:var(--red);font-family:var(--font-mono);font-size:.8rem}
