:root{--bg-deep: #060a14;--bg-base: #0a0e1a;--bg-card: #0f1525;--bg-card-hover: #141b2e;--bg-input: #0c1220;--border: #1a2340;--border-focus: #3b4f8a;--text-primary: #e8ecf4;--text-secondary: #7a86a1;--text-muted: #4a5568;--accent-purple: #8b5cf6;--accent-teal: #06d6a0;--accent-blue: #3b82f6;--accent-pink: #ec4899;--gradient-hero: linear-gradient(135deg, #8b5cf6 0%, #06d6a0 100%);--gradient-glow: radial-gradient(ellipse at 70% 40%, rgba(139, 92, 246, .08) 0%, transparent 60%);--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981;--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 12px;--radius-pill: 100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell>main{flex:1;display:flex;flex-direction:column}a{color:var(--accent-purple);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-teal)}.app-header{background:#060a14d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 2rem;height:56px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.app-header-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-primary)}.app-header-brand svg{width:28px;height:28px}.app-header-brand span{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.app-header h1{font-size:1.2rem;font-weight:700;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header nav{display:flex;gap:.25rem;align-items:center}.app-header nav a{color:var(--text-secondary);font-size:.82rem;font-weight:500;padding:.4rem .8rem;border-radius:var(--radius);transition:all .2s}.app-header nav a:hover{color:var(--text-primary);background:#8b5cf614}.app-footer{text-align:center;padding:2.5rem 1rem;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border);margin-top:3rem}.app-footer a{color:var(--text-secondary);transition:color .2s}.app-footer a:hover{color:var(--accent-teal)}.container{max-width:1400px;margin:0 auto;padding:2rem 4rem}.hero-section{position:relative;min-height:calc(100vh - 56px);display:flex;align-items:center;overflow:hidden;padding:3rem 2rem 4rem}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-glow),radial-gradient(ellipse at 30% 80%,rgba(6,214,160,.04) 0%,transparent 50%);pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 80%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.hero-left{display:flex;flex-direction:column;gap:1.5rem}.hero-terminal{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);background:#0f1525cc;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-terminal .prompt{color:var(--accent-teal)}.hero-terminal .cmd{color:var(--text-primary)}.hero-terminal .flag{color:var(--accent-purple)}.hero-title{line-height:1.05}.hero-title .line-accent{display:flex;align-items:flex-start;gap:1rem}.hero-title .accent-bar{width:3px;height:100%;min-height:120px;background:var(--gradient-hero);border-radius:2px;flex-shrink:0}.hero-title h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;letter-spacing:-.03em}.hero-title .gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .white-text{color:#fff;display:block}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:300;line-height:1.7;max-width:460px}.hero-subtitle strong{color:var(--text-primary);font-weight:600}.hero-pills{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.hero-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;background:#0f1525b3;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.82rem;font-weight:500;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.hero-pill:hover{border-color:#8b5cf64d;color:var(--text-primary);background:#8b5cf60f}.hero-pill .pill-icon{width:16px;height:16px;flex-shrink:0;color:var(--accent-teal)}.hero-cta{display:flex;gap:.75rem;margin-top:.5rem}.hero-right{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}.orbital{position:relative;width:360px;height:360px}.orbital-ring{position:absolute;border-radius:50%;border:1px solid rgba(139,92,246,.08)}.orbital-ring-1{top:0;right:0;bottom:0;left:0;animation:orbit-spin 50s linear infinite}.orbital-ring-2{top:50px;right:50px;bottom:50px;left:50px;border-color:#06d6a014;animation:orbit-spin 35s linear infinite reverse}.orbital-ring-3{top:100px;right:100px;bottom:100px;left:100px;border-color:#3b82f61a;animation:orbit-spin 25s linear infinite}.orbital-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,var(--accent-purple) 0%,rgba(139,92,246,.3) 60%,transparent 100%);box-shadow:0 0 40px #8b5cf64d,0 0 80px #8b5cf61a}.orbital-dot{position:absolute;border-radius:50%;animation:pulse-dot 3s ease-in-out infinite}.dot-1{width:7px;height:7px;top:-3px;left:50%;margin-left:-3px;background:var(--accent-teal);box-shadow:0 0 12px #06d6a099}.dot-2{width:5px;height:5px;bottom:15%;left:-2px;background:var(--accent-purple);box-shadow:0 0 10px #8b5cf680;animation-delay:1.5s}.dot-3{width:6px;height:6px;bottom:-3px;left:50%;margin-left:-3px;background:var(--accent-pink);box-shadow:0 0 10px #ec489980;animation-delay:.7s}.dot-4{width:5px;height:5px;top:10%;right:-2px;background:var(--accent-blue);box-shadow:0 0 10px #3b82f680;animation-delay:2s}.dot-5{width:4px;height:4px;bottom:20%;left:-2px;background:var(--accent-teal);box-shadow:0 0 8px #06d6a066;animation-delay:1s}.hero-url{position:absolute;bottom:0;right:0;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.install-section{max-width:800px;margin:0 auto;padding:4rem 2rem 2rem}.install-section h2{font-size:1.6rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.install-section h3{font-size:.95rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text-primary)}.install-section p{color:var(--text-secondary);font-size:.9rem}.install-section code{font-family:var(--font-mono);background:#8b5cf61a;padding:.15rem .4rem;border-radius:4px;font-size:.85em;color:var(--accent-purple)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem;transition:border-color .2s}.card:hover{border-color:#8b5cf626}.card h2{font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.card h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;font-size:.85rem;color:var(--text-secondary)}.form-group input{width:100%;padding:.6rem .9rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;color:var(--text-primary);font-family:var(--font-display);transition:border-color .2s,box-shadow .2s;outline:none}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.4rem;background:var(--accent-purple);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:500;font-family:var(--font-display);cursor:pointer;transition:all .2s;text-decoration:none}.btn:hover{background:#7c3aed;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf640}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent-purple);color:var(--text-primary);background:#8b5cf60f;box-shadow:none;transform:none}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover{background:var(--danger-hover);box-shadow:0 4px 12px #ef444440}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}pre.code-block{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:.9rem 1.1rem;border-radius:var(--radius);overflow-x:auto;font-size:.82rem;font-family:var(--font-mono);line-height:1.6}.error-msg{color:var(--danger);font-size:.85rem;margin-top:.5rem}.success-msg{color:var(--success);font-size:.85rem;margin-top:.5rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.search-bar{display:flex;gap:.5rem;margin:1rem 0}.search-bar input{padding:.55rem .9rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;color:var(--text-primary);font-family:var(--font-display);outline:none;transition:border-color .2s}.search-bar input:focus{border-color:var(--accent-purple)}.search-bar input::placeholder{color:var(--text-muted)}.log-entry{padding:.75rem 0;border-bottom:1px solid var(--border)}.log-entry:last-child{border-bottom:none}.log-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.log-meta{font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.log-content{font-size:.85rem;color:var(--text-primary);line-height:1.6;opacity:.9;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin-top:.4rem;padding:.5rem .75rem;background:#00000026;border-radius:var(--radius);border:1px solid var(--border)}.btn-expand{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:0;width:1rem;flex-shrink:0;transition:color .2s}.btn-expand:hover{color:var(--text-primary)}.log-tag{display:inline-block;padding:.08rem .4rem;border-radius:var(--radius-pill);font-size:.65rem;font-family:var(--font-mono);background:#06d6a014;color:var(--accent-teal);border:1px solid rgba(6,214,160,.15)}.search-highlight{background:#facc1540;color:#fbbf24;border-radius:2px;padding:0 2px}.btn-delete{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:0 .3rem;line-height:1;flex-shrink:0;transition:color .2s}.btn-delete:hover{color:var(--danger)}.delete-confirm{display:flex;gap:.3rem;flex-shrink:0}.btn-delete-yes{background:var(--danger);color:#fff;border:none;border-radius:4px;font-size:.7rem;padding:.2rem .5rem;cursor:pointer;font-family:var(--font-display);transition:background .2s}.btn-delete-yes:hover{background:var(--danger-hover)}.btn-delete-no{background:none;border:1px solid var(--border);border-radius:4px;font-size:.7rem;padding:.2rem .5rem;cursor:pointer;color:var(--text-secondary);font-family:var(--font-display);transition:all .2s}.btn-delete-no:hover{border-color:var(--text-secondary)}.badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-user_input{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.badge-claude_reply{background:#06d6a01a;color:#34d399;border:1px solid rgba(6,214,160,.2)}.badge-summary{background:#facc151a;color:#fbbf24;border:1px solid rgba(250,204,21,.2)}.badge-decision{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.badge-error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-file{background:#06b6d41a;color:#22d3ee;border:1px solid rgba(6,182,212,.2)}.machine-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem;border-radius:var(--radius-pill);font-size:.7rem;font-family:var(--font-mono);background:#8b5cf614;color:var(--accent-purple);border:1px solid rgba(139,92,246,.15)}.combobox{position:relative;width:220px;flex-shrink:0}.combobox input{width:100%;padding:.55rem .9rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;color:var(--text-primary);font-family:var(--font-display);outline:none;transition:border-color .2s}.combobox input:focus{border-color:var(--accent-purple)}.combobox input::placeholder{color:var(--text-muted)}.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);list-style:none;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px #0006}.combobox-dropdown li{padding:.45rem .9rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);transition:background .1s,color .1s}.combobox-dropdown li:hover,.combobox-dropdown li.highlighted{background:#8b5cf61a;color:var(--text-primary)}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.pager-info{font-size:.82rem;color:var(--text-secondary);font-family:var(--font-mono)}.machine-list{list-style:none;margin-top:.5rem}.machine-list li{padding:.4rem 0;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.machine-list li strong{color:var(--text-primary)}.machine-list li span{color:var(--text-muted);font-size:.82rem}.auth-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.auth-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem}.auth-card h2{font-size:1.4rem;font-weight:700;margin-bottom:1.25rem;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:fit-content}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-footer{margin-top:1.25rem;font-size:.85rem;text-align:center;color:var(--text-secondary)}.auth-footer a{color:var(--accent-purple);font-weight:500}.account-section-muted{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.passkey-list{display:flex;flex-direction:column;gap:.5rem}.passkey-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem}.passkey-item strong{display:block;font-size:.9rem}.passkey-date{color:var(--text-muted);font-size:.75rem}.btn-sm{padding:.25rem .625rem;font-size:.8rem}@media(max-width:768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:left}.hero-right{display:none}.hero-section{min-height:auto;padding:2rem 1rem 3rem}.hero-pills,.hero-cta{flex-direction:column}.hero-cta .btn{text-align:center}.search-bar{flex-direction:column}.search-bar input{width:100%!important}.combobox{width:100%}.app-header{padding:0 1rem}.container{padding:1.5rem 1rem}.install-section{padding:2rem 1rem;max-width:100%}.install-section h2{font-size:1.3rem}pre.code-block{font-size:.68rem;padding:.7rem .8rem;word-break:break-all;white-space:pre-wrap}.log-meta{flex-direction:column;gap:.25rem}}