@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,600;0,700;1,400&family=Syne:wght@400;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080810;--surface: #0e0e1a;--surface2: #13131f;--surface3: #1a1a2e;--border: #1e1e35;--border-bright: #2a2a48;--text: #e4e4f0;--text-muted: #5a5a7a;--text-dim: #3a3a5a;--safe: #3b82f6;--safe-bg: #0a1628;--explore: #a78bfa;--explore-bg: #120d24;--impulse: #f59e0b;--impulse-bg: #1c1004;--wish: #34d399;--wish-bg: #041a12;--risk-low: #34d399;--risk-moderate: #f59e0b;--risk-high: #f87171;--risk-critical: #c084fc;--font-ui: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Syne", sans-serif;--radius: 10px;--radius-lg: 16px;--radius-sm: 6px;--grid-opacity: .03;--glow-opacity: .06}[data-theme=light]{--bg: #ffffff;--surface: #f8f8fc;--surface2: #f0f0f7;--surface3: #e8e8f2;--border: #dcdce8;--border-bright: #c4c4d8;--text: #0d0d1a;--text-muted: #5a5a72;--text-dim: #9898b0;--safe: #2563eb;--safe-bg: #eff6ff;--explore: #7c3aed;--explore-bg: #f5f3ff;--impulse: #d97706;--impulse-bg: #fffbeb;--wish: #059669;--wish-bg: #ecfdf5;--risk-low: #059669;--risk-moderate: #d97706;--risk-high: #dc2626;--risk-critical: #7c3aed;--grid-opacity: .035;--glow-opacity: 0}[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] body:before{background-image:linear-gradient(rgba(100,80,200,var(--grid-opacity)) 1px,transparent 1px),linear-gradient(90deg,rgba(100,80,200,var(--grid-opacity)) 1px,transparent 1px)}[data-theme=light] body:after{display:none}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-bright)}[data-theme=light] .compiled-pre{background:var(--surface2);color:#1a1a2e;border-color:var(--border)}[data-theme=light] .panel,[data-theme=light] .form-card,[data-theme=light] .result-card,[data-theme=light] .diff-card{box-shadow:0 1px 4px #0000000f}[data-theme=light] .modal-overlay{background:#00000040}[data-theme=light] .mode-btn{background:var(--surface)}[data-theme=light] .token-bar{background:var(--surface2)}[data-theme=light] .diff-row.add{background:#f0fdf4}[data-theme=light] .diff-row.remove{background:#fef2f2}[data-theme=light] .diff-row.empty{background:var(--surface2)}.theme-toggle{font-size:1rem!important;padding:.3rem .55rem!important;min-width:unset!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(60,60,120,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(60,60,120,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(100,80,255,.06) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .3s ease both}.fade-up-1{animation:fadeUp .3s .05s ease both}.fade-up-2{animation:fadeUp .3s .1s ease both}.fade-up-3{animation:fadeUp .3s .15s ease both}.app{min-height:100vh;padding:2.5rem 1.5rem 5rem}.container{max-width:960px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:1rem;flex-wrap:wrap}.logo-mark{display:flex;align-items:baseline;gap:.75rem}.logo-text{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#c4b5fd,#818cf8,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-version{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:.05em;padding:.2rem .5rem;border:1px solid var(--border);border-radius:4px;align-self:center}.header-actions{display:flex;gap:.5rem;align-items:center}.icon-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-ui);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.icon-btn:hover{color:var(--text);border-color:var(--border-bright);background:var(--surface2)}.icon-btn.active{background:var(--surface3);border-color:var(--explore);color:var(--explore)}.icon-btn .badge{background:var(--surface3);border:1px solid var(--border-bright);border-radius:3px;padding:.05rem .35rem;font-size:.68rem;color:var(--text-muted)}.icon-btn.active .badge{background:var(--explore-bg);border-color:var(--explore);color:var(--explore)}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.5rem}.mode-btn{position:relative;padding:1rem .75rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;transition:all .2s ease;overflow:hidden}.mode-btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .2s}.mode-btn:hover{border-color:var(--border-bright)}.mode-btn.active-safe{background:var(--safe-bg);border-color:var(--safe);box-shadow:0 0 20px #3b82f626,inset 0 1px #3b82f633}.mode-btn.active-exploration{background:var(--explore-bg);border-color:var(--explore);box-shadow:0 0 20px #a78bfa26,inset 0 1px #a78bfa33}.mode-btn.active-impulse{background:var(--impulse-bg);border-color:var(--impulse);box-shadow:0 0 20px #f59e0b26,inset 0 1px #f59e0b33}.mode-btn.active-wish{background:var(--wish-bg);border-color:var(--wish);box-shadow:0 0 20px #34d39926,inset 0 1px #34d39933}.mode-indicator{width:6px;height:6px;border-radius:50%;margin:0 auto .6rem;transition:all .2s;background:var(--border-bright)}.active-safe .mode-indicator{background:var(--safe);box-shadow:0 0 8px var(--safe)}.active-exploration .mode-indicator{background:var(--explore);box-shadow:0 0 8px var(--explore)}.active-impulse .mode-indicator{background:var(--impulse);box-shadow:0 0 8px var(--impulse);animation:pulse-glow 1.5s ease infinite}.active-wish .mode-indicator{background:var(--wish);box-shadow:0 0 8px var(--wish)}.mode-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.3rem;transition:color .2s;font-family:var(--font-mono)}.active-safe .mode-label{color:var(--safe)}.active-exploration .mode-label{color:var(--explore)}.active-impulse .mode-label{color:var(--impulse)}.active-wish .mode-label{color:var(--wish)}.mode-desc{display:block;font-size:.68rem;color:var(--text-dim);line-height:1.4;transition:color .2s}.mode-btn:hover .mode-desc,.mode-btn[class*=active] .mode-desc{color:var(--text-muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem;animation:fadeUp .2s ease both}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel-title{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.15em;color:var(--text-dim)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.chip{padding:.25rem .65rem;background:var(--surface2);border:1px solid var(--border);border-radius:4px;font-size:.72rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s;font-family:var(--font-ui)}.chip:hover{border-color:var(--border-bright);color:var(--text)}.chip.selected{background:var(--surface3);border-color:var(--explore);color:var(--explore)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.65rem}.template-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.65rem;transition:all .15s ease}.template-card:hover{border-color:var(--border-bright);transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.template-card-name{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--text)}.template-mode-badge{font-family:var(--font-mono);font-size:.62rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;border:1px solid;flex-shrink:0}.template-goal{font-size:.74rem;color:var(--text-muted);line-height:1.5}.template-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border)}.template-meta{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}.use-btn{padding:.25rem .7rem;background:transparent;border:1px solid var(--border-bright);border-radius:4px;color:var(--text-muted);font-family:var(--font-ui);font-size:.72rem;font-weight:700;cursor:pointer;letter-spacing:.05em;transition:all .15s}.use-btn:hover{background:var(--explore);border-color:var(--explore);color:#fff}.history-list{display:flex;flex-direction:column;gap:.4rem}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-align:left;width:100%;gap:1rem}.history-item:hover{border-color:var(--border-bright);background:var(--surface3)}.history-item-left{display:flex;flex-direction:column;gap:.2rem;min-width:0}.history-item-top{display:flex;align-items:center;gap:.5rem}.history-mode{font-family:var(--font-mono);font-size:.65rem;font-weight:600;padding:.1rem .35rem;border-radius:3px;border:1px solid}.history-intent{font-size:.78rem;color:var(--text-muted)}.history-tokens{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}.history-time{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);flex-shrink:0}.form-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem;border:1px solid var(--border);transition:border-color .3s ease}.form-label{display:block;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.5rem}.form-textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 3rem 2.5rem 1rem;color:var(--text);font-family:var(--font-ui);font-size:.95rem;line-height:1.6;resize:vertical;transition:border-color .2s,box-shadow .2s;min-height:100px}.form-textarea:focus{outline:none;border-color:var(--border-bright);box-shadow:0 0 0 3px #6464c814}.form-textarea::placeholder{color:var(--text-dim)}.form-textarea.wish-mode{border-color:#34d39940;background:#041a1280}.form-textarea.wish-mode:focus{border-color:#34d39980;box-shadow:0 0 0 3px #34d3990f}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.form-select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem 2rem .6rem .75rem;color:var(--text);font-family:var(--font-ui);font-size:.85rem;cursor:pointer;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235a5a7a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.form-select:focus{outline:none;border-color:var(--border-bright)}.form-select option{background:var(--surface3)}.submit-btn{width:100%;padding:.9rem;border:1px solid;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.9rem;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.submit-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.submit-btn:not(:disabled):hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 20px #0006}.submit-btn:not(:disabled):active{transform:translateY(0)}.submit-btn.safe{background:var(--safe-bg);border-color:var(--safe);color:var(--safe);box-shadow:0 0 20px #3b82f61a}.submit-btn.exploration{background:var(--explore-bg);border-color:var(--explore);color:var(--explore);box-shadow:0 0 20px #a78bfa1a}.submit-btn.impulse{background:var(--impulse-bg);border-color:var(--impulse);color:var(--impulse);box-shadow:0 0 20px #f59e0b1a}.submit-btn.wish{background:var(--wish-bg);border-color:var(--wish);color:var(--wish);box-shadow:0 0 20px #34d3991a}.loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin-right:.5rem;vertical-align:middle}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;animation:fadeUp .3s ease both}.token-bar{display:flex;align-items:center;gap:2rem;padding:.85rem 1.5rem;background:var(--surface2);border-bottom:1px solid var(--border);flex-wrap:wrap}.token-stat{display:flex;flex-direction:column;gap:.15rem}.token-label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.15em;color:var(--text-dim)}.token-value{font-family:var(--font-mono);font-size:.85rem;font-weight:600}.token-divider{width:1px;height:28px;background:var(--border);flex-shrink:0}.meta-row{display:flex;flex-wrap:wrap;gap:.4rem;padding:1rem 1.5rem 0}.meta-badge{display:flex;align-items:center;gap:.35rem;padding:.25rem .65rem;background:var(--surface2);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.68rem}.meta-badge-key{color:var(--text-dim)}.meta-badge-val{color:var(--explore);font-weight:600}.compound-row{margin:.75rem 1.5rem 0;padding:.6rem .9rem;background:var(--surface2);border:1px solid var(--border);border-left:2px solid var(--impulse);border-radius:var(--radius-sm);font-size:.78rem}.compound-row span:first-child{color:var(--text-dim);margin-right:.4rem}.compound-row span:last-child{color:var(--impulse);font-weight:600}.constraints-section{padding:.75rem 1.5rem 0}.constraints-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--text-dim);margin-bottom:.5rem}.constraints-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}.constraints-list li{font-size:.82rem;color:var(--text-muted);display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}.constraints-list li:before{content:"·";color:var(--text-dim);flex-shrink:0;margin-top:.05em}.constraints-list li.conflict{color:var(--risk-high)}.constraints-list li.conflict:before{content:"!"}.output-section{padding:1rem 1.5rem 1.5rem}.output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.output-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--text-dim)}.output-actions{display:flex;gap:.35rem}.output-btn{padding:.3rem .65rem;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s}.output-btn:hover{border-color:var(--border-bright);color:var(--text)}.output-btn.copied{background:#34d3991a;border-color:var(--wish);color:var(--wish)}.compiled-pre{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.7;color:#94a3b8;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:480px;overflow-y:auto}.wish-success{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;border-bottom:1px solid rgba(52,211,153,.15)}.wish-success-text{font-size:.85rem;font-weight:700;color:var(--wish);letter-spacing:.03em}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeUp .15s ease both}.modal{background:var(--surface);border:1px solid #ef444440;border-radius:var(--radius-lg);padding:2rem;max-width:460px;width:90%;box-shadow:0 0 60px #ef44441a}.modal-icon{font-size:2rem;margin-bottom:.75rem}.modal-title{font-size:1rem;font-weight:800;color:var(--risk-high);margin-bottom:.75rem;letter-spacing:-.01em}.modal-body{font-size:.87rem;color:var(--text-muted);line-height:1.65;margin-bottom:1.5rem}.modal-choices{display:flex;flex-direction:column;gap:.5rem}.modal-choice{padding:.85rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all .15s;width:100%}.modal-choice:hover{border-color:var(--border-bright);background:var(--surface3)}.modal-choice.recommended{background:var(--safe-bg);border-color:var(--safe)}.modal-choice-label{font-size:.85rem;font-weight:700;margin-bottom:.2rem}.modal-choice-desc{font-size:.75rem;color:var(--text-muted)}.error-msg{color:var(--risk-high);font-size:.82rem;margin-top:.75rem;font-family:var(--font-mono);padding:.5rem .75rem;background:#f871710d;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm)}.diff-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.25rem;animation:fadeUp .25s ease both}.diff-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--surface2);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.diff-title{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--text-dim)}.diff-stats{display:flex;gap:1rem;align-items:center}.diff-stat{font-family:var(--font-mono);font-size:.72rem;font-weight:600}.diff-stat.added{color:var(--risk-low)}.diff-stat.removed{color:var(--risk-high)}.diff-stat.same{color:var(--text-dim)}.diff-similarity{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);padding:.2rem .55rem;background:var(--surface3);border:1px solid var(--border);border-radius:4px}.diff-version-labels{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}.diff-version-label{padding:.5rem 1rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;color:var(--text-dim);display:flex;align-items:center;gap:.5rem}.diff-version-label:first-child{border-right:1px solid var(--border);color:var(--risk-high)}.diff-version-label:last-child{color:var(--risk-low)}.diff-body{display:grid;grid-template-columns:1fr 1fr;max-height:520px;overflow-y:auto}.diff-col{font-family:var(--font-mono);font-size:.73rem;line-height:1.6;overflow-x:hidden}.diff-col:first-child{border-right:1px solid var(--border)}.diff-row{display:flex;align-items:flex-start;min-height:1.6em}.diff-row.equal{background:transparent}.diff-row.add{background:#34d39914}.diff-row.remove{background:#f8717114}.diff-row.empty{background:#ffffff03}.diff-gutter{flex-shrink:0;width:2.5rem;padding:0 .4rem;text-align:right;color:var(--text-dim);font-size:.62rem;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);line-height:1.6em;opacity:.5}.diff-sign{flex-shrink:0;width:1rem;text-align:center;font-weight:700;font-size:.72rem;line-height:1.6em}.diff-row.add .diff-sign{color:var(--risk-low)}.diff-row.remove .diff-sign{color:var(--risk-high)}.diff-text{flex:1;padding:0 .6rem 0 .2rem;white-space:pre-wrap;word-break:break-all;color:var(--text-muted);line-height:1.6em}.diff-row.add .diff-text{color:#86efac}.diff-row.remove .diff-text{color:#fca5a5}.diff-row.equal .diff-text{color:var(--text-muted)}.diff-pin-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s}.diff-pin-btn:hover{border-color:var(--impulse);color:var(--impulse)}.diff-pin-btn.pinned{border-color:var(--impulse);color:var(--impulse);background:#f59e0b14}.diff-notice{padding:1.5rem;text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);line-height:1.7}.version-list{display:flex;flex-direction:column;gap:.4rem}.version-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.7rem .9rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s;cursor:pointer;text-align:left;width:100%}.version-item:hover{border-color:var(--border-bright);background:var(--surface3)}.version-item-meta{display:flex;flex-direction:column;gap:.15rem}.version-item-name{font-size:.83rem;font-weight:700;color:var(--text)}.version-item-sub{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.63rem;color:var(--text-dim)}.version-mode-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;border:1px solid}.version-actions{display:flex;gap:.35rem}.version-action-btn{background:none;border:1px solid var(--border);border-radius:4px;padding:.25rem .55rem;font-family:var(--font-mono);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text-dim)}.version-action-btn:hover{border-color:var(--border-bright);color:var(--text)}.version-action-btn.pin:hover{border-color:var(--impulse);color:var(--impulse)}.version-action-btn.del:hover{border-color:var(--risk-high);color:var(--risk-high)}.save-version-row{display:flex;gap:.4rem;align-items:center;margin-top:.5rem;animation:fadeUp .15s ease both}.save-version-input{flex:1;background:var(--surface2);border:1px solid var(--border-bright);border-radius:4px;padding:.35rem .6rem;color:var(--text);font-family:var(--font-ui);font-size:.8rem}.save-version-input:focus{outline:none;border-color:var(--explore)}.save-version-input::placeholder{color:var(--text-dim)}.save-version-confirm{padding:.35rem .75rem;background:var(--explore-bg);border:1px solid var(--explore);border-radius:4px;color:var(--explore);font-family:var(--font-mono);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .15s}.save-version-confirm:hover{background:var(--explore);color:#fff}.save-version-cancel{padding:.35rem .6rem;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:var(--font-mono);font-size:.72rem;cursor:pointer;transition:all .15s}.save-version-cancel:hover{border-color:var(--border-bright);color:var(--text)}.voice-in-textarea{position:absolute;bottom:.55rem;right:.55rem;z-index:10}.back-to-landing{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);text-decoration:none;border:1px solid var(--border);padding:.25rem .6rem;border-radius:3px;transition:color .15s,border-color .15s;white-space:nowrap}.back-to-landing:hover{color:var(--text-muted);border-color:var(--border-bright)}.settings-section{padding:0 0 .75rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section-title{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.5rem}.settings-section-desc{font-family:var(--font-ui);font-size:.77rem;color:var(--text-muted);line-height:1.65;margin:0 0 .85rem}.settings-key-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.65rem}.settings-key-input{flex:1;background:var(--surface2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:.45rem .75rem;color:var(--text);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;min-width:0;transition:border-color .15s}.settings-key-input:focus{outline:none;border-color:var(--explore)}.settings-key-input::placeholder{color:var(--text-dim);letter-spacing:0}.settings-key-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-mono);font-size:.68rem;padding:.45rem .7rem;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.settings-key-toggle:hover{border-color:var(--border-bright);color:var(--text)}.settings-key-actions{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem}.settings-save-btn{font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:.4rem 1rem;background:var(--explore-bg);border:1px solid var(--explore);border-radius:var(--radius-sm);color:var(--explore);cursor:pointer;transition:background .15s,color .15s}.settings-save-btn:hover:not(:disabled){background:var(--explore);color:#fff}.settings-save-btn:disabled{opacity:.4;cursor:default}.settings-clear-btn{font-family:var(--font-mono);font-size:.72rem;padding:.4rem .85rem;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:border-color .15s,color .15s}.settings-clear-btn:hover{border-color:var(--risk-high);color:var(--risk-high)}.settings-key-status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--safe)}.settings-status-dot{width:6px;height:6px;border-radius:50%;background:var(--safe);flex-shrink:0;box-shadow:0 0 6px var(--safe)}.settings-key-status code{font-family:var(--font-mono);color:var(--text-muted)}.settings-privacy{font-family:var(--font-mono);font-size:.67rem;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .85rem;line-height:1.6;margin-top:.75rem}.settings-privacy code{font-family:var(--font-mono);color:var(--text-muted)}.settings-coming-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.settings-coming-list li{font-family:var(--font-ui);font-size:.77rem;color:var(--text-dim);padding-left:1rem;position:relative}.settings-coming-list li:before{content:"·";position:absolute;left:0;color:var(--explore)}.settings-providers{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.settings-provider-row{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;transition:border-color .2s}.settings-provider-row.has-key{border-color:var(--provider-color, var(--explore))}.settings-provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.settings-provider-id{display:flex;align-items:center;gap:.45rem}.settings-provider-icon{font-size:.9rem;line-height:1}.settings-provider-name{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--text);letter-spacing:.04em}.settings-key-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 5px currentColor}.settings-provider-link{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);text-decoration:none;border:1px solid var(--border);padding:2px 7px;border-radius:3px;transition:color .15s,border-color .15s}.settings-provider-link:hover{color:var(--text-muted);border-color:var(--border-bright)}.settings-models-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.settings-model-chip{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 6px;white-space:nowrap}.settings-model-more{color:var(--text-dim);font-style:italic}.settings-key-tail{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);align-self:center;margin-left:auto;padding-left:.5rem}@media(max-width:640px){.app{padding:1.5rem 1rem 4rem}.modes{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.header{flex-direction:column;gap:1rem}.token-bar{gap:1rem}}.voice-wrap{position:relative;display:flex;align-items:center;gap:.6rem;flex-shrink:0}.voice-btn{position:relative;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border-bright);background:var(--surface2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;flex-shrink:0;overflow:visible}.voice-btn:hover:not(:disabled){border-color:var(--explore);background:var(--explore-bg)}.voice-btn:disabled{opacity:.4;cursor:default}.voice-listening{border-color:var(--risk-high);background:#f8717114;box-shadow:0 0 #f8717166;animation:voicePulseRing 1.4s ease-out infinite}.voice-processing{border-color:var(--explore);background:var(--explore-bg)}.voice-cleaning{border-color:var(--wish);background:var(--wish-bg)}.voice-error{border-color:var(--risk-high);background:#f871711a}.voice-disabled{opacity:.35;cursor:not-allowed}.voice-icon{font-size:.95rem;line-height:1;display:block;transition:transform .15s}.voice-pulse{animation:voiceIconPulse 1s ease-in-out infinite}.voice-spin{display:inline-block;animation:voiceIconSpin .9s linear infinite}@keyframes voicePulseRing{0%{box-shadow:0 0 #f8717159}70%{box-shadow:0 0 0 8px #f8717100}to{box-shadow:0 0 #f8717100}}@keyframes voiceIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes voiceIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voice-rings{position:absolute;inset:0;border-radius:50%;pointer-events:none}.voice-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(248,113,113,.5);animation:voiceRipple 1.8s ease-out infinite}.voice-ring.r1{animation-delay:0s}.voice-ring.r2{animation-delay:.5s}.voice-ring.r3{animation-delay:1s}@keyframes voiceRipple{0%{transform:scale(1);opacity:.6}to{transform:scale(2.4);opacity:0}}.voice-interim{display:flex;align-items:flex-start;gap:.4rem;background:var(--surface2);border:1px solid var(--border-bright);border-left:2px solid var(--risk-high);border-radius:var(--radius-sm);padding:.3rem .6rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);max-width:300px;font-style:italic;animation:fadeUp .15s ease both}.voice-interim-dot{width:5px;height:5px;border-radius:50%;background:var(--risk-high);flex-shrink:0;margin-top:3px;animation:voiceIconPulse 1s ease-in-out infinite}.voice-status{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;white-space:nowrap;animation:fadeUp .15s ease both}.voice-status-listening{color:var(--risk-high)}.voice-status-processing{color:var(--explore)}.voice-status-cleaning{color:var(--wish)}.voice-status-error{color:var(--risk-high)}.voice-status-idle{color:var(--text-dim)}.voice-tooltip{position:absolute;bottom:calc(100% + 10px);left:0;background:var(--surface3, var(--surface2));border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:.6rem .75rem;min-width:240px;box-shadow:0 8px 24px #0000004d;z-index:100;animation:fadeUp .12s ease both}.voice-tooltip-line{display:flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);padding:2px 0}.voice-tooltip-line.upgrade{color:var(--explore);padding-top:.4rem;margin-top:.3rem;border-top:1px solid var(--border)}.voice-tooltip-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.voice-tooltip-dot.browser{background:var(--safe)}.voice-tooltip-dot.whisper{background:var(--explore)}[data-theme=light] .voice-btn{background:#f8f8fc}[data-theme=light] .voice-listening{background:#fff1f1}[data-theme=light] .voice-processing{background:var(--explore-bg)}[data-theme=light] .voice-cleaning{background:var(--wish-bg)}[data-theme=light] .voice-tooltip{box-shadow:0 4px 16px #0000001a}.land{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow-x:hidden;position:relative}.land-grid-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(139,92,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.04) 1px,transparent 1px);background-size:40px 40px}.land-nav{position:sticky;top:0;z-index:100;background:#0a0a0ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.land-nav-inner{max-width:1100px;margin:0 auto;padding:0 2rem;height:56px;display:flex;align-items:center;justify-content:space-between}.land-logo{display:flex;align-items:baseline;gap:.4rem}.land-logo-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.land-logo-ver{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);padding:1px 5px;border-radius:3px}.land-cta-sm{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--explore);background:transparent;border:1px solid var(--explore);padding:.4rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s;letter-spacing:.02em}.land-cta-sm:hover{background:var(--explore);color:var(--bg)}.land-section{position:relative;z-index:1;padding:5rem 2rem}.land-section-alt{background:#8b5cf608;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.land-section-inner{max-width:1100px;margin:0 auto}.land-section-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--text-dim);margin-bottom:.75rem;text-transform:uppercase}.land-section-h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text);margin:0 0 2.5rem;letter-spacing:-.02em;line-height:1.2}.land-hero{position:relative;z-index:1;padding:6rem 2rem 4rem}.land-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:700px;height:400px;background:radial-gradient(ellipse at center,rgba(139,92,246,.14) 0%,transparent 70%);pointer-events:none;z-index:0}.land-hero-inner{position:relative;z-index:1;max-width:780px;margin:0 auto;text-align:center}.land-hero-badge{display:inline-block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border-bright);padding:.3rem .9rem;border-radius:99px;margin-bottom:1.5rem;text-transform:uppercase}.land-hero-h1{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text);margin:0 0 1.25rem}.land-hero-gradient{background:linear-gradient(135deg,var(--explore) 0%,var(--wish) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.land-hero-sub{font-family:var(--font-ui);font-size:clamp(.9rem,2vw,1.05rem);color:var(--text-muted);line-height:1.7;margin:0 auto 2rem;max-width:560px}.land-hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.land-btn-primary{font-family:var(--font-mono);font-size:.82rem;font-weight:600;letter-spacing:.03em;color:var(--bg);background:var(--explore);border:none;padding:.75rem 1.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .15s,transform .1s}.land-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.land-btn-primary:active{transform:translateY(0)}.land-btn-lg{font-size:.9rem;padding:.9rem 2.25rem}.land-btn-ghost{font-family:var(--font-mono);font-size:.82rem;font-weight:500;letter-spacing:.03em;color:var(--text-muted);background:transparent;border:1px solid var(--border-bright);padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex;align-items:center}.land-btn-ghost:hover{border-color:var(--text-muted);color:var(--text)}.land-ticker{max-width:720px;margin:0 auto}.land-ticker-bar{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:.5rem .75rem;overflow:hidden}.land-ticker-label{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--explore);letter-spacing:.1em;background:#6366f11f;border:1px solid rgba(99,102,241,.3);padding:2px 6px;border-radius:3px;white-space:nowrap;flex-shrink:0}.land-ticker-scroll{flex:1;overflow:hidden}.land-ticker-inner{display:flex;flex-direction:column;animation:tickerScroll 18s linear infinite}.land-ticker-line{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);white-space:nowrap;padding:1px 0;line-height:1.6}@keyframes tickerScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.land-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.land-mode-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.land-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-color, var(--explore));opacity:.7}.land-mode-card:hover{border-color:var(--mode-color, var(--explore));transform:translateY(-2px)}.land-mode-card-top{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.land-mode-icon{font-size:1.3rem;line-height:1}.land-mode-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em}.land-mode-tagline{font-family:var(--font-ui);font-size:.72rem;color:var(--text-dim);margin-top:.1rem}.land-mode-desc{font-family:var(--font-ui);font-size:.78rem;color:var(--text-muted);line-height:1.65;margin:0}.land-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.land-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.5rem 1.25rem;transition:border-color .2s}.land-feature-card:hover{border-color:var(--border-bright)}.land-feature-icon{font-size:1.1rem;margin-bottom:.6rem;color:var(--explore)}.land-feature-title{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--text);margin-bottom:.5rem}.land-feature-desc{font-family:var(--font-ui);font-size:.78rem;color:var(--text-muted);line-height:1.65;margin:0}.land-tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;align-items:start}.land-tier-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.75rem;position:relative;transition:border-color .2s,transform .2s}.land-tier-card:hover{border-color:var(--tier-color, var(--explore));transform:translateY(-2px)}.land-tier-card.highlight{border-color:var(--tier-color, var(--explore));background:var(--surface2)}.land-tier-badge{display:inline-block;font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.1em;color:var(--bg);padding:2px 8px;border-radius:3px;margin-bottom:.75rem}.land-tier-name{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem}.land-tier-price{display:flex;align-items:baseline;gap:.3rem;margin-bottom:1.5rem}.land-tier-amount{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1}.land-tier-per{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim)}.land-tier-features{list-style:none;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.55rem}.land-tier-features li{font-family:var(--font-ui);font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;line-height:1.4}.land-tier-cta{width:100%;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.65rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .15s,transform .1s}.land-tier-cta.primary{border:none;color:var(--bg)}.land-tier-cta:not(.primary){background:transparent}.land-tier-cta:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.land-tier-cta:disabled{opacity:.45;cursor:default}.land-cta-strip{position:relative;z-index:1;padding:5rem 2rem;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.05) 50%,transparent 100%);border-top:1px solid var(--border)}.land-cta-strip-inner{max-width:600px;margin:0 auto}.land-cta-strip-h2{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0 0 .75rem}.land-cta-strip-sub{font-family:var(--font-ui);font-size:.88rem;color:var(--text-dim);margin:0 0 2rem}.land-footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:1.5rem 2rem}.land-footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.land-footer-name{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);font-weight:600}.land-footer-copy{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}@media(max-width:640px){.land-hero{padding:4rem 1.25rem 3rem}.land-section{padding:3.5rem 1.25rem}.land-nav-inner{padding:0 1.25rem}.land-hero-actions{flex-direction:column;align-items:center}.land-btn-ghost{width:100%;justify-content:center}.land-tiers-grid{grid-template-columns:1fr}.land-footer-inner{flex-direction:column;text-align:center}}.admin-gate{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);padding:2rem;position:relative}.admin-gate:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(139,92,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.admin-gate-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border-bright);border-radius:var(--radius);padding:2.5rem 2rem;width:100%;max-width:360px;text-align:center}.admin-gate-icon{font-size:2rem;color:var(--explore);margin-bottom:.75rem}.admin-gate-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:.3rem}.admin-gate-sub{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);margin-bottom:1.5rem;letter-spacing:.04em}.admin-gate-form{display:flex;flex-direction:column;gap:.65rem}.admin-pin-input{background:var(--surface2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:.65rem .9rem;color:var(--text);font-family:var(--font-mono);font-size:1rem;letter-spacing:.2em;text-align:center;width:100%;transition:border-color .15s}.admin-pin-input:focus{outline:none;border-color:var(--explore)}.admin-pin-input::placeholder{font-size:.78rem;letter-spacing:.05em;color:var(--text-dim)}.admin-gate-error{font-family:var(--font-mono);font-size:.7rem;color:var(--risk-high);text-align:center}.admin-gate-btn{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:.65rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .15s;width:100%;background:var(--explore);border:none;color:var(--bg)}.admin-gate-btn:hover:not(:disabled){opacity:.88}.admin-gate-btn:disabled{opacity:.4;cursor:default}.admin-gate-btn.danger{background:var(--risk-high);color:#fff}.admin-gate-btn.ghost{background:transparent;border:1px solid var(--border-bright);color:var(--text-muted)}.admin-gate-reset{margin-top:1rem;background:none;border:none;font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.admin-gate-reset:hover{color:var(--text-muted)}.admin-gate-reset-confirm{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem;font-family:var(--font-ui);font-size:.75rem;color:var(--text-muted)}.admin-gate-reset-confirm p{margin:0 0 .75rem}.admin-dash{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-ui);display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:52px;border-bottom:1px solid var(--border);background:#0a0a0ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;gap:1rem}.admin-topbar-left{display:flex;align-items:center;gap:1rem}.admin-topbar-right{display:flex;align-items:center;gap:.5rem}.admin-logo{display:flex;align-items:center;gap:.4rem}.admin-logo-icon{font-size:1rem;color:var(--explore)}.admin-logo-name{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text)}.admin-logo-badge{font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.12em;color:var(--bg);background:var(--explore);padding:2px 6px;border-radius:3px}.admin-top-btn{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:var(--text-dim);background:transparent;border:1px solid var(--border);padding:.3rem .75rem;border-radius:3px;cursor:pointer;transition:color .15s,border-color .15s}.admin-top-btn:hover{color:var(--text);border-color:var(--border-bright)}.admin-top-btn.danger-outline{border-color:#ef444459;color:#ef4444b3}.admin-top-btn.danger-outline:hover{border-color:var(--risk-high);color:var(--risk-high)}.admin-tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;gap:0;padding:0 1.5rem;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--text-dim);background:transparent;border:none;border-bottom:2px solid transparent;padding:.75rem 1rem;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.admin-tab:hover{color:var(--text-muted)}.admin-tab.active{color:var(--explore);border-bottom-color:var(--explore)}.admin-content{flex:1;padding:1.5rem;max-width:1100px;width:100%;margin:0 auto}.admin-section{display:flex;flex-direction:column;gap:1rem}.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.admin-panel.danger-panel{border-color:#ef44444d}.admin-panel-title{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;color:var(--text-dim);margin-bottom:1rem;text-transform:uppercase}.admin-panel-title.danger-title{color:var(--risk-high)}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-empty{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);text-align:center;padding:1.5rem 0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.25rem;text-align:center}.admin-stat-value{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--explore);letter-spacing:-.03em;line-height:1;margin-bottom:.35rem}.admin-stat-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.admin-mode-bars{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.admin-mode-bar-row{display:flex;align-items:center;gap:.75rem}.admin-mode-bar-label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.08em;width:82px;flex-shrink:0}.admin-mode-bar-track{flex:1;height:6px;background:var(--surface2);border-radius:99px;overflow:hidden}.admin-mode-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.admin-mode-bar-count{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);width:70px;text-align:right;flex-shrink:0}.admin-mode-top{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.admin-history-list{display:flex;flex-direction:column;gap:.4rem}.admin-history-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.7rem}.admin-history-row:last-child{border-bottom:none}.admin-history-mode{font-weight:700;letter-spacing:.06em;width:80px;flex-shrink:0}.admin-history-intent{color:var(--text-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-history-tokens{color:var(--text-dim);white-space:nowrap;flex-shrink:0}.admin-history-time{color:var(--text-dim);font-size:.62rem;white-space:nowrap;flex-shrink:0}.admin-history-full{display:flex;flex-direction:column;gap:.35rem}.admin-history-item{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.admin-history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--surface2);border:none;padding:.65rem .85rem;cursor:pointer;text-align:left;gap:.75rem;transition:background .15s}.admin-history-toggle:hover{background:var(--surface3, var(--surface2))}.admin-history-toggle-left{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1;font-family:var(--font-mono);font-size:.68rem}.admin-history-toggle-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim)}.admin-expand-icon{font-size:.6rem;color:var(--text-dim);margin-left:.25rem}.admin-history-body{background:var(--surface);border-top:1px solid var(--border);padding:.75rem .85rem}.admin-history-meta{display:flex;gap:1.5rem;font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim);margin-bottom:.6rem}.admin-history-meta code{color:var(--text-muted);font-family:var(--font-mono)}.admin-pre{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:.75rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:0;line-height:1.6}.admin-keys-grid{display:flex;flex-direction:column;gap:.5rem}.admin-key-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.72rem}.admin-key-row.configured{border-color:#22c55e4d}.admin-key-label{display:flex;align-items:center;gap:.5rem;color:var(--text);font-weight:600;width:90px;flex-shrink:0}.admin-key-dot{width:6px;height:6px;border-radius:50%;background:var(--border-bright);flex-shrink:0}.admin-key-dot.active{background:var(--safe);box-shadow:0 0 5px var(--safe)}.admin-key-value{flex:1;color:var(--text-muted)}.admin-key-value code{font-family:var(--font-mono);letter-spacing:.06em}.admin-key-none{color:var(--text-dim);font-style:italic}.admin-action-btn{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.3rem .75rem;border-radius:3px;cursor:pointer;transition:opacity .15s;border:1px solid transparent;white-space:nowrap;flex-shrink:0}.admin-action-btn.danger{background:#ef44441a;border-color:#ef444466;color:var(--risk-high)}.admin-action-btn.danger:hover:not(:disabled){background:#ef444433}.admin-action-btn.danger:disabled{opacity:.3;cursor:default}.admin-action-btn.ghost{background:transparent;border-color:var(--border-bright);color:var(--text-dim)}.admin-action-btn.ghost:hover{color:var(--text);border-color:var(--border-bright)}.admin-action-btn.sm{font-size:.62rem;padding:.2rem .55rem}.admin-pin-form{display:flex;flex-direction:column;gap:.6rem;max-width:360px}.admin-input{background:var(--surface2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text);font-family:var(--font-mono);font-size:.78rem;transition:border-color .15s;width:100%}.admin-input:focus{outline:none;border-color:var(--explore)}.admin-input::placeholder{color:var(--text-dim)}.admin-input.danger-input:focus{border-color:var(--risk-high)}.admin-pin-msg{font-family:var(--font-mono);font-size:.68rem}.admin-pin-msg.ok{color:var(--safe)}.admin-pin-msg.err{color:var(--risk-high)}.admin-save-btn{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.5rem 1.25rem;background:var(--explore-bg);border:1px solid var(--explore);border-radius:var(--radius-sm);color:var(--explore);cursor:pointer;align-self:flex-start;transition:background .15s,color .15s}.admin-save-btn:hover:not(:disabled){background:var(--explore);color:#fff}.admin-save-btn:disabled{opacity:.35;cursor:default}.admin-danger-desc{font-family:var(--font-ui);font-size:.78rem;color:var(--text-muted);margin:0 0 1.25rem;line-height:1.65}.admin-danger-actions{display:flex;flex-direction:column;gap:0;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);overflow:hidden}.admin-danger-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(239,68,68,.15);flex-wrap:wrap}.admin-danger-action:last-child{border-bottom:none}.admin-danger-action.doomsday{background:#ef44440a;border-top:1px solid rgba(239,68,68,.25)}.admin-danger-action-left{flex:1;min-width:0}.admin-danger-action-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.admin-danger-action-desc{font-family:var(--font-ui);font-size:.72rem;color:var(--text-muted);line-height:1.45}.admin-danger-confirm{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0}.admin-danger-confirm-hint{font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim)}.admin-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.62rem;color:var(--text-dim)}.admin-footer-refresh{background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-dim);font-family:var(--font-mono);font-size:.62rem;padding:2px 8px;cursor:pointer;transition:color .15s,border-color .15s}.admin-footer-refresh:hover{color:var(--text-muted);border-color:var(--border-bright)}@media(max-width:640px){.admin-content{padding:1rem}.admin-topbar{padding:0 1rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-mode-bar-label{width:60px;font-size:.58rem}.admin-mode-bar-count{width:55px;font-size:.58rem}.admin-history-toggle-left{flex-wrap:wrap}.admin-danger-action{flex-direction:column;align-items:flex-start}}