:root{--bg-0: #0b0d10;--bg-1: #111418;--bg-2: #171b20;--bg-3: #1e232a;--fg-0: #e6ebf0;--fg-1: #b8c0ca;--fg-2: #7a828c;--fg-3: #4f565e;--amber: #ffbf46;--amber-dim: #8a6a2c;--cyan: #79ffe1;--cyan-dim: #4a9b8a;--violet: #c779ff;--violet-dim: #7548a4;--blue: #58a6ff;--green: #7ee787;--red: #ff6b6b;--border: #2f3640;--border-strong: #4a5560;--radius: 0;--radius-sm: 0;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Menlo, Consolas, monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--dock-h: 58px;--top-h: 52px;--foot-h: 28px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg-0);color:var(--fg-0);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}.hosaka-shell{display:grid;grid-template-rows:var(--top-h) var(--dock-h) 1fr var(--foot-h);height:100dvh;background:radial-gradient(1200px 600px at 10% -10%,rgba(199,121,255,.08),transparent 70%),radial-gradient(1000px 500px at 110% 110%,rgba(255,191,70,.05),transparent 70%),var(--bg-0)}.hosaka-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--bg-1),var(--bg-0))}.hosaka-brand{display:flex;align-items:baseline;gap:10px;font-family:var(--font-mono)}.hosaka-brand-logo{color:var(--amber);letter-spacing:.2em;font-weight:700;font-size:15px;text-shadow:0 0 6px rgba(255,191,70,.25)}.hosaka-brand-sub{color:var(--fg-3);font-size:11px;letter-spacing:.08em}.hosaka-topbar-right{display:flex;gap:10px;align-items:center}.hosaka-dock{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--bg-1);overflow-x:auto;scrollbar-width:thin}.hosaka-dock-picker{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;margin-right:4px;border:1px solid var(--border);background:var(--bg-2);font-family:var(--font-mono);font-size:12px}.hosaka-dock-picker-label{text-transform:lowercase;letter-spacing:.06em}.hosaka-panel-select{min-width:140px;max-width:min(220px,40vw);padding:6px 8px;background:var(--bg-0);color:var(--fg-0);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:12px;cursor:pointer}.hosaka-panel-select:focus{outline:1px solid var(--amber-dim);border-color:var(--amber-dim)}.hosaka-dock-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;min-height:44px;background:transparent;color:var(--fg-1);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.hosaka-dock-btn:hover{background:var(--bg-2);color:var(--fg-0)}.hosaka-dock-btn.is-active{background:var(--bg-3);color:var(--amber);border-color:var(--amber-dim);box-shadow:inset 0 -2px 0 var(--amber);text-shadow:0 0 6px rgba(255,191,70,.25)}.hosaka-dock-glyph{color:var(--amber);font-weight:700}.hosaka-dock-label{letter-spacing:.08em;text-transform:lowercase}.hosaka-stage{position:relative;overflow:hidden}.hosaka-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px)}.hosaka-panel{position:absolute;inset:0;overflow:auto}.hosaka-panel[hidden]{display:none}.hosaka-footer{display:flex;align-items:center;justify-content:flex-end;padding:0 16px;border-top:1px solid var(--amber-dim);background:var(--bg-0);color:var(--fg-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.hosaka-footer-dim{color:var(--fg-3)}.hosaka-footer-dot{color:var(--amber-dim);margin:0 4px}.signal-badge,.plant-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:0;background:var(--bg-2);border:1px solid var(--border);border-left:2px solid var(--amber-dim);font-family:var(--font-mono);font-size:11px;color:var(--fg-1)}.signal-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #7ee787b3;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.plant-glyph{color:var(--green)}.lang-picker{background:var(--bg-2);border:1px solid var(--border);color:var(--fg-2);font-family:var(--font-mono);font-size:11px;padding:4px 6px;cursor:pointer}.terminal-wrap{position:absolute;inset:0;padding:10px;background:var(--bg-0)}.terminal-host{height:100%;width:100%;padding:10px;background:#0b0d10;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.terminal-host .xterm{height:100%}.panel-header{padding:24px 28px 12px}.panel-header h2{margin:0 0 6px;font-family:var(--font-mono);font-size:20px;letter-spacing:.04em;color:var(--fg-0);display:inline-flex;align-items:center;gap:10px}.panel-glyph{color:var(--amber)}.panel-sub{margin:0;color:var(--fg-2);font-size:13px;max-width:680px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--fg-0);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--bg-3);border-color:var(--amber-dim)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--amber);color:#201603;border-color:var(--amber);font-weight:600}.btn-primary:hover:not(:disabled){background:#ffcd6e;border-color:#ffcd6e}.btn-ghost{background:transparent}.btn-file{cursor:pointer}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:0;background:var(--bg-2);color:var(--fg-1);border:1px solid var(--border);font-family:var(--font-mono);font-size:12px;cursor:pointer}.pill:hover{background:var(--bg-3);color:var(--fg-0)}.err{color:var(--red);padding:0 28px;font-family:var(--font-mono);font-size:13px}.dim{color:var(--fg-2)}.dim.small{font-size:12px}.reading-wrap{display:flex;height:100%}.reading-sidebar{width:280px;min-width:240px;border-right:1px solid var(--border);background:var(--bg-1);display:flex;flex-direction:column;overflow-y:auto}.reading-sidebar-head{padding:14px 16px;font-family:var(--font-mono);font-size:13px;color:var(--amber);letter-spacing:.08em;border-bottom:1px solid var(--border)}.reading-volume-list{display:flex;flex-direction:column}.reading-volume{border-bottom:1px solid var(--border)}.reading-volume-btn{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--fg-1);font-family:var(--font-mono);font-size:12px;text-align:left;cursor:pointer;transition:background .1s}.reading-volume-btn:hover{background:var(--bg-2)}.reading-volume-btn.is-active{background:var(--bg-3);border-left:2px solid var(--amber);color:var(--amber);padding-left:12px}.reading-volume-chevron{display:inline-block;width:10px;padding-top:1px;color:var(--fg-3);transition:transform .15s ease-out;font-size:10px;line-height:1.1}.reading-volume-chevron.is-open{transform:rotate(90deg);color:var(--amber)}.reading-volume-btn.is-active .reading-volume-chevron{color:var(--amber)}.reading-volume-label{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.reading-volume-title{font-weight:600}.reading-volume-meta{color:var(--fg-3);font-size:10px}.reading-toc{list-style:none;margin:0;padding:2px 0 6px;background:var(--bg-0, #0c0f12);border-top:1px solid var(--border)}.reading-toc-section{padding:8px 16px 2px 20px;font-family:var(--font-mono);font-size:10px;color:var(--amber-dim);letter-spacing:.1em;text-transform:uppercase}.reading-toc-entry{display:flex;flex-direction:column;gap:1px;width:100%;padding:5px 16px 5px 20px;background:transparent;border:none;color:var(--fg-2);font-family:var(--font-mono);font-size:11px;text-align:left;cursor:pointer;transition:background .1s,color .1s}.reading-toc-entry:hover{background:var(--bg-2);color:var(--fg-1)}.reading-toc-entry.is-active{background:var(--bg-3);color:var(--amber);border-left:2px solid var(--amber)}.reading-toc-title{line-height:1.3}.reading-toc-summary{font-size:9.5px;line-height:1.2}.reading-sidebar-foot{margin-top:auto;padding:12px 16px;border-top:1px solid var(--border)}.reading-order-btn{font-size:11px;width:100%}.reading-content{flex:1;min-width:0;overflow-y:auto;padding:24px 32px 40px}.reading-loading{color:var(--fg-3);font-family:var(--font-mono);font-size:13px}.reading-volume-view{display:flex;flex-direction:column;gap:18px}.reading-volume-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}.reading-volume-copy{min-width:0;display:grid;gap:6px}.reading-volume-heading{margin:0;font-family:var(--font-mono);font-size:18px;color:var(--amber)}.reading-volume-desc{margin:0;color:var(--fg-2);font-family:var(--font-mono);font-size:12px;line-height:1.4}.reading-volume-source code{font-size:10.5px;color:var(--fg-3)}.reading-collection-link{white-space:nowrap;font-size:12px}.reading-article{flex:1;min-height:200px}.reading-error{padding:12px;border:1px solid var(--border-strong);background:var(--bg-2);font-family:var(--font-mono);font-size:12px}.reading-empty{display:grid;place-items:center;min-height:200px;color:var(--fg-3);font-family:var(--font-mono);font-size:13px;text-align:center}.reading-markdown{color:var(--fg-1);font-family:var(--font-mono);font-size:13px;line-height:1.65;max-width:72ch}.reading-markdown h1,.reading-markdown h2,.reading-markdown h3,.reading-markdown h4,.reading-markdown h5,.reading-markdown h6{color:var(--amber);font-family:var(--font-mono);line-height:1.25;margin:1.6em 0 .6em;letter-spacing:.01em}.reading-markdown h1{font-size:22px;margin-top:0}.reading-markdown h2{font-size:17px}.reading-markdown h3{font-size:14.5px}.reading-markdown h4,.reading-markdown h5,.reading-markdown h6{font-size:13px;color:var(--amber-dim)}.reading-markdown p{margin:.8em 0}.reading-markdown a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}.reading-markdown a:hover{color:#ffd880}.reading-markdown strong{color:var(--fg-1);font-weight:700}.reading-markdown em{color:var(--fg-1);font-style:italic}.reading-markdown code{font-family:var(--font-mono);font-size:12px;background:var(--bg-2);border:1px solid var(--border);padding:0 4px;border-radius:2px;color:var(--amber)}.reading-markdown pre{background:var(--bg-2);border:1px solid var(--border);padding:12px 14px;overflow-x:auto;font-size:12px;line-height:1.5;margin:1em 0}.reading-markdown pre code{background:transparent;border:none;padding:0;color:var(--fg-1)}.reading-markdown blockquote{margin:1em 0;padding:4px 14px;border-left:2px solid var(--amber-dim);background:var(--bg-2);color:var(--fg-2);font-style:italic}.reading-markdown ul,.reading-markdown ol{margin:.6em 0;padding-left:1.6em}.reading-markdown li{margin:.2em 0}.reading-markdown hr{border:none;border-top:1px solid var(--border);margin:1.8em 0}.reading-markdown table{border-collapse:collapse;margin:1em 0;width:100%;font-size:12px}.reading-markdown th,.reading-markdown td{border:1px solid var(--border);padding:6px 10px;text-align:left}.reading-markdown th{background:var(--bg-2);color:var(--amber)}.reading-markdown img{max-width:100%;border:1px solid var(--border)}@media(max-width:700px){.reading-wrap{flex-direction:column}.reading-sidebar{width:100%;min-width:unset;max-height:42vh;border-right:none;border-bottom:1px solid var(--border)}.reading-content{padding:16px}.reading-volume-head{flex-direction:column}.reading-markdown{font-size:13.5px}}.todo-wrap{padding-bottom:24px}.todo-compose{display:flex;gap:10px;padding:0 28px 16px}.todo-compose input{flex:1;padding:10px 12px;min-height:40px;background:var(--bg-2);border:1px solid var(--border-strong);color:var(--fg-0);font-family:var(--font-mono);font-size:13px}.todo-list{padding:0 28px}.todo-empty{color:var(--fg-3);font-family:var(--font-mono);font-size:13px;padding:20px 0}.todo-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:13px}.todo-closed{opacity:.45}.todo-closed .todo-text{text-decoration:line-through}.todo-check{background:none;border:none;color:var(--cyan);font-size:16px;cursor:pointer;padding:0;line-height:1}.todo-text{flex:1;color:var(--fg-1)}.todo-remove{font-size:16px;padding:2px 6px;min-height:unset}.todo-section-label{padding:12px 0 6px;font-family:var(--font-mono);font-size:11px;color:var(--fg-3);letter-spacing:.1em;text-transform:uppercase}.messages-wrap{display:flex;flex-direction:column;height:100%}.messages-toolbar{display:flex;gap:10px;align-items:center;padding:0 28px 10px;font-family:var(--font-mono);font-size:12px}.messages-toolbar .spacer{flex:1}.messages-settings{display:grid;gap:10px;margin:0 28px 14px;padding:14px 16px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius)}.messages-settings label{display:grid;gap:4px;font-family:var(--font-mono);font-size:12px;color:var(--fg-2)}.messages-settings input,.messages-settings select{padding:10px 12px;min-height:40px;background:var(--bg-2);border:1px solid var(--border-strong);color:var(--fg-0);font-family:var(--font-mono);font-size:13px;border-radius:var(--radius-sm)}.messages-log{flex:1;overflow:auto;padding:4px 28px 12px;display:flex;flex-direction:column;gap:10px}.messages-empty{padding:30px 0;text-align:center;font-family:var(--font-mono)}.msg{padding:10px 14px;border-radius:var(--radius-sm);max-width:640px;border:1px solid var(--border);background:var(--bg-1);font-family:var(--font-mono);font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.msg-meta{display:flex;gap:10px;font-size:11px;color:var(--fg-3);margin-bottom:4px;align-items:center}.msg-from{color:var(--amber);letter-spacing:.08em;text-transform:uppercase}.msg-time{color:var(--fg-3)}.msg-status{padding:1px 6px;border-radius:999px;border:1px solid var(--border)}.msg-status-failed{color:var(--red);border-color:#ff6b6b66}.msg-status-pending{color:var(--blue);border-color:#58a6ff66}.msg-operator{align-self:flex-end;border-color:var(--amber-dim);background:#1a1509}.msg-orb{align-self:flex-start;border-color:var(--violet-dim);background:#17111e}.msg-system{align-self:center;border-style:dashed;color:var(--fg-2);font-size:12px}.messages-compose{display:flex;gap:10px;padding:12px 28px 20px;border-top:1px solid var(--border);background:var(--bg-1)}.messages-compose textarea{flex:1;resize:vertical;min-height:46px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border-strong);color:var(--fg-0);font-family:var(--font-mono);font-size:13px;border-radius:var(--radius-sm)}.video-panel{display:flex;flex-direction:column;height:100%;background:#000;color:var(--fg-1);font-family:var(--font-mono);user-select:none}.video-topbar{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--bg-1);border-bottom:1px solid var(--border);font-size:11px}.video-counter{color:var(--amber);min-width:50px}.video-title{flex:1;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-nav{display:flex;gap:6px}.video-nav .btn{min-height:28px;padding:4px 10px;font-size:12px}.video-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.video-player{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.video-iframe{width:100%;height:100%;border:none}.video-loading,.video-empty{color:var(--fg-3);font-size:13px;text-align:center;padding:20px;line-height:1.7}.video-rail{display:flex;gap:4px;padding:6px 8px;overflow-x:auto;background:var(--bg-1);border-top:1px solid var(--border);scrollbar-width:thin;max-height:48px}.video-rail-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:90px;padding:4px 8px;background:transparent;border:1px solid var(--border);color:var(--fg-2);font-family:var(--font-mono);font-size:10px;cursor:pointer;white-space:nowrap;transition:background .1s}.video-rail-item:hover{background:var(--bg-2);color:var(--fg-0)}.video-rail-item.is-active{background:var(--bg-3);border-color:var(--amber-dim);color:var(--amber)}.video-rail-source{color:var(--violet);font-size:9px;letter-spacing:.05em}.video-rail-title{overflow:hidden;text-overflow:ellipsis;max-width:120px}.games-panel{display:grid;grid-template-columns:160px 1fr;height:100%;gap:0;background:var(--bg-0)}.games-side{display:flex;flex-direction:column;gap:4px;padding:12px 8px;border-right:1px solid var(--border);background:var(--bg-1);overflow-y:auto}.games-side-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--fg-3);text-transform:lowercase;padding:4px 8px 8px}.games-picker-label{display:flex;flex-direction:column;gap:6px;padding:4px 8px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.games-picker{width:100%;padding:8px 10px;background:var(--bg-0);color:var(--fg-0);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:13px;cursor:pointer}.games-picker:focus{outline:1px solid var(--amber-dim);border-color:var(--amber)}.games-side-btn{display:flex;align-items:center;gap:10px;padding:10px;background:transparent;color:var(--fg-1);border:1px solid transparent;font-family:var(--font-mono);font-size:13px;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.games-side-btn:hover{background:var(--bg-2);color:var(--fg-0)}.games-side-btn.is-active{background:var(--bg-3);color:var(--amber);border-color:var(--amber-dim);box-shadow:inset 0 -2px 0 var(--amber)}.games-side-glyph{color:var(--amber);min-width:28px}.games-side-label{letter-spacing:.05em;text-transform:lowercase}.games-score{margin-top:auto;padding:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:13px}.games-score-val{color:var(--amber);font-weight:700}.games-stage{position:relative;display:flex;flex-direction:column;background:var(--bg-0)}.games-canvas{flex:1;width:100%;height:100%;display:block;background:#0b0d10;image-rendering:pixelated;touch-action:none}.games-touch{display:none;justify-content:space-between;align-items:flex-end;padding:8px 12px 12px;pointer-events:none}.games-dpad,.games-actions{pointer-events:auto;display:grid;gap:6px}.games-dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}.games-tbtn{width:44px;height:44px;background:var(--bg-2);border:1px solid var(--border-strong);color:var(--amber);font-family:var(--font-mono);font-size:18px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.games-tbtn:active{background:var(--bg-3);border-color:var(--amber);color:var(--amber)}.games-tbtn-up{grid-column:2;grid-row:1}.games-tbtn-left{grid-column:1;grid-row:2}.games-tbtn-right{grid-column:3;grid-row:2}.games-tbtn-down{grid-column:2;grid-row:3}.games-actions{grid-template-columns:56px;grid-auto-rows:44px}.games-tbtn-fire{width:56px;color:var(--cyan);border-color:var(--cyan-dim)}.games-tbtn-rot{width:56px;color:var(--violet);border-color:var(--violet-dim)}@media(pointer:coarse),(max-width:800px){.games-stage{display:grid;grid-template-rows:1fr auto}.games-touch{display:flex}}.wiki-panel{display:flex;flex-direction:column;height:100%}.wiki-controls{display:flex;align-items:center;gap:10px;padding:0 28px 12px;flex-wrap:wrap}.wiki-history{display:inline-flex;align-items:center;gap:6px;margin-left:8px}.wiki-counter{font-family:var(--font-mono);font-size:12px;color:var(--fg-2);min-width:50px;text-align:center}.wiki-open{margin-left:auto}.wiki-stage{flex:1;overflow:auto;padding:0 28px 28px}.wiki-empty,.wiki-err{color:var(--fg-2);font-family:var(--font-mono);font-size:13px;padding:24px 0}.wiki-err{color:var(--red)}.wiki-article{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:760px}@media(min-width:720px){.wiki-article{grid-template-columns:220px minmax(0,1fr)}}.wiki-thumb{width:100%;max-width:220px;height:auto;border:1px solid var(--border);background:var(--bg-1);align-self:start}.wiki-body{min-width:0}.wiki-title{margin:0 0 6px;font-family:var(--font-mono);font-size:22px;color:var(--amber);letter-spacing:.02em}.wiki-desc{color:var(--violet);font-style:italic;font-size:13px;margin-bottom:14px}.wiki-extract{color:var(--fg-1);font-size:14px;line-height:1.55;margin:0}.web-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-0)}.web-toolbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid var(--border);background:var(--bg-1)}.web-nav-row{display:flex;align-items:center;gap:8px}.web-nav-btn{min-width:40px;min-height:32px;padding:4px 10px}.web-mode-pill{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--cyan-dim);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.web-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px}.web-panel .web-label>.dim{display:none}.web-select{flex:0 1 180px;min-width:0;max-width:240px;padding:4px 8px;background:var(--bg-0);color:var(--fg-0);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:12px}.web-url-row{display:flex;flex:1 1 260px;min-width:200px;gap:6px;align-items:center}.web-url-input{flex:1;min-width:120px;padding:4px 10px;background:var(--bg-0);color:var(--fg-1);border:1px solid var(--border);font-family:var(--font-mono);font-size:12px}.web-go{min-width:44px;min-height:28px;padding:4px 10px}.web-hint{margin:0;padding:2px 10px 4px;font-size:10px;line-height:1.3}.web-external-note{margin:0;padding:0 16px 6px;font-family:var(--font-mono);font-size:11px;color:var(--cyan-dim)}.web-external-note code{color:var(--cyan);word-break:break-all}.web-frame-wrap{flex:1;min-height:0;position:relative;background:#000}.web-frame-wrap>.web-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:flex}.hosaka-chevron{min-width:34px;height:30px;padding:0 8px;background:var(--bg-0);color:var(--fg-1);border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:16px;line-height:1;cursor:pointer}.hosaka-chevron:hover{color:var(--cyan);border-color:var(--cyan-dim)}.hosaka-shell--immersive .hosaka-topbar,.hosaka-shell--immersive .hosaka-footer,.hosaka-shell--immersive .hosaka-dock-btn{display:none!important}.hosaka-shell--immersive .hosaka-dock{padding:4px 8px;gap:8px;border-bottom:1px solid var(--border)}.hosaka-shell--immersive .web-hint{display:none}.web-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--fg-3);font-family:var(--font-mono);font-size:13px;text-align:center}.web-state{max-width:560px;width:min(100%,560px);margin:0 auto;display:flex;flex-direction:column;gap:10px}.web-state h3{margin:0;font-size:14px;color:var(--fg-1);font-family:var(--font-mono)}.web-state p{margin:0;color:var(--fg-2);line-height:1.5}.web-state code{color:var(--cyan);word-break:break-all}.web-iframe-wrap{position:relative;width:100%;height:100%;min-height:320px;background:var(--bg-0, #0b0d10);border:1px solid var(--border)}.web-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;background:transparent;color-scheme:normal}.web-iframe-chrome{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(360px,90%);z-index:2;pointer-events:auto}.web-iframe-hint-btn{align-self:flex-end;padding:4px 10px;font-family:var(--font-mono);font-size:10.5px;color:var(--amber);background:#0f1216e6;border:1px solid var(--amber-dim);border-radius:2px;cursor:pointer;opacity:.75;transition:opacity .12s}.web-iframe-hint-btn:hover{opacity:1}.web-iframe-help{padding:10px 12px;background:#0c0f12f5;border:1px solid var(--border-strong);border-radius:2px;box-shadow:0 4px 14px #0006;display:flex;flex-direction:column;gap:8px}.web-iframe-help p{margin:0;line-height:1.45}.web-iframe-help-row{display:flex;gap:6px;justify-content:flex-end}.web-home-hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 14px;border-bottom:1px dashed var(--border);margin-bottom:6px}.web-home-hero-btn{font-size:15px;padding:10px 22px;letter-spacing:.04em}.web-internal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.web-internal-btn{justify-content:flex-start;text-align:left;font-size:12px;min-height:34px}@media screen and (max-width:800px)and (max-height:480px){html,body,#root{width:800px;height:480px;overflow:hidden}.hosaka-shell{width:800px;height:480px}:root{--top-h: 40px;--dock-h: 44px;--foot-h: 20px}.hosaka-brand-sub,.hosaka-footer,.plant-badge{display:none}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:0;background:var(--bg-2);border:1px solid var(--border);color:var(--amber);font-size:16px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.icon-btn:hover{background:var(--bg-3);border-color:var(--amber-dim)}.drawer-scrim{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(2px);z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(460px,100vw);height:100dvh;background:var(--bg-1);border-left:1px solid var(--border-strong);box-shadow:-8px 0 20px #00000080;display:flex;flex-direction:column;animation:drawer-in .2s ease-out}@keyframes drawer-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:0;font-family:var(--font-mono);font-size:16px;letter-spacing:.06em;display:inline-flex;gap:10px;align-items:center}.drawer-section{padding:18px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.drawer-section h3{margin:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.drawer-field{display:grid;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--fg-2)}.drawer-field input,.drawer-field select{padding:10px 12px;min-height:42px;background:var(--bg-2);border:1px solid var(--border-strong);color:var(--fg-0);font-family:var(--font-mono);font-size:13px;border-radius:var(--radius-sm)}.drawer-field a{color:var(--amber);text-decoration:none}.drawer-field a:hover{text-decoration:underline}.drawer-key{display:flex;gap:8px}.drawer-key input{flex:1}.drawer-actions{display:flex;gap:12px;align-items:center}.drawer-flash{font-family:var(--font-mono);font-size:12px;color:var(--green);opacity:0;transition:opacity .3s ease}.drawer-flash.on{opacity:1}.drawer-section ul{margin:0;padding-left:18px}@media(max-width:600px){:root{--top-h: 40px;--dock-h: 44px;--foot-h: 0px}.hosaka-brand-sub{display:none}.panel-header{padding:10px 12px 6px}.panel-header h2{font-size:15px}.panel-sub{font-size:12px}.messages-toolbar,.messages-log,.messages-compose,.todo-compose,.todo-list{padding-left:10px;padding-right:10px;margin-left:0;margin-right:0}.hosaka-dock-label{font-size:11px}.hosaka-topbar{padding:2px 8px}.hosaka-brand-logo{font-size:12px}.signal-badge,.plant-badge{padding:2px 6px;font-size:9px}.plant-badge{display:none}.icon-btn{width:30px;height:30px;font-size:14px}.hosaka-dock{padding:2px 4px;gap:3px}.hosaka-dock-btn{padding:4px 8px;min-height:34px;font-size:11px}.terminal-wrap{padding:2px}.terminal-host{padding:4px}.reading-wrap{flex-direction:column}.reading-sidebar{width:100%;min-width:unset;max-height:42vh;border-right:none;border-bottom:1px solid var(--border)}.hosaka-footer{display:none}}@media(max-width:430px){.hosaka-dock-btn .hosaka-dock-label{display:none}.hosaka-dock-btn{padding:4px 10px;min-width:40px;justify-content:center}.hosaka-dock-picker{display:none}}.mode-switch-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font:inherit;line-height:1}.mode-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.mode-dot--console{background:#6f6;box-shadow:0 0 6px #6f6}.mode-dot--device{background:#f5b042;box-shadow:0 0 6px #f5b042}.mode-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.85}.mode-switch-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:999}.mode-switch-modal{background:#11111c;border:1px solid #2c3a48;border-radius:8px;padding:22px 24px;max-width:440px;color:#e6e6e6;box-shadow:0 12px 40px #00000080}.mode-switch-modal h2{margin:0 0 8px;color:#f5b042;font-size:18px}.mode-switch-modal p{margin:0 0 14px;line-height:1.5;color:#ccc}.mode-switch-err{color:#f66}.mode-switch-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.mode-switch-actions button{background:#1d2630;color:#e6e6e6;border:1px solid #2c3a48;padding:8px 14px;border-radius:4px;cursor:pointer;font:inherit}.mode-switch-actions button.primary{background:#f5b042;color:#0b0b14;border-color:#f5b042}.mode-switch-actions button:disabled{opacity:.4;cursor:not-allowed}.web-social-bar{display:flex;flex-wrap:wrap;gap:6px;padding:6px 16px 0}.web-social-btn{font-size:12px;padding:4px 10px;min-height:30px;border-color:var(--violet-dim);color:var(--violet)}.web-social-btn:hover{background:var(--bg-3);border-color:var(--violet);color:var(--fg-0)}.books-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.books-search-row{display:flex;gap:8px;padding:0 24px 12px;align-items:center}.books-input{flex:1;padding:10px 14px;background:var(--bg-2);border:1px solid var(--border-strong);color:var(--fg-0);font-family:var(--font-mono);font-size:13px;min-width:0}.books-input:focus{outline:1px solid var(--amber-dim);border-color:var(--amber-dim)}.books-stage{flex:1;overflow-y:auto;padding:0 24px 24px;scrollbar-width:thin}.books-empty,.books-unconfigured{padding:32px 0;color:var(--fg-3);font-family:var(--font-mono);font-size:13px;line-height:1.6}.books-unconfigured p{margin:0 0 10px}.books-error{padding:16px 0}.books-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.books-item{display:flex;gap:14px;padding:14px;border:1px solid var(--border);background:var(--bg-1)}.books-cover{width:64px;height:auto;object-fit:contain;flex-shrink:0;background:var(--bg-2)}.books-meta{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.books-title{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--fg-0);line-height:1.4}.books-authors{color:var(--fg-2);font-size:12px}.books-binding{color:var(--fg-3);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.books-price{color:var(--amber);font-family:var(--font-mono);font-size:13px;font-weight:600}.books-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.books-buy-btn{font-size:12px;min-height:34px;padding:6px 12px;text-decoration:none}.books-kindle-btn{font-size:12px;min-height:34px;padding:6px 12px;text-decoration:none;border-color:var(--cyan-dim);color:var(--cyan)}.books-kindle-btn:hover{border-color:var(--cyan);background:var(--bg-3)}@media(max-width:600px){.books-search-row{padding:0 10px 8px;gap:6px}.books-stage{padding:0 10px 16px}.books-item{flex-direction:column;gap:10px}.books-cover{width:48px}}.voice-fullscreen{--voice-accent: rgba(255, 191, 70, .72);--voice-accent-strong: rgba(255, 191, 70, .95);--voice-haze: rgba(255, 191, 70, .1);--voice-haze-strong: rgba(255, 191, 70, .18);position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:#08090b}.voice-fullscreen--live,.voice-fullscreen--thinking{--voice-accent: rgba(88, 166, 255, .78);--voice-accent-strong: rgba(88, 166, 255, .96);--voice-haze: rgba(88, 166, 255, .1);--voice-haze-strong: rgba(88, 166, 255, .18)}.voice-fullscreen--listening{--voice-accent: rgba(126, 231, 135, .82);--voice-accent-strong: rgba(126, 231, 135, .98);--voice-haze: rgba(126, 231, 135, .14);--voice-haze-strong: rgba(126, 231, 135, .24)}.voice-fullscreen--speaking{--voice-accent: rgba(255, 191, 70, .84);--voice-accent-strong: rgba(255, 191, 70, .98);--voice-haze: rgba(255, 191, 70, .14);--voice-haze-strong: rgba(255, 191, 70, .24)}.voice-fullscreen--error{--voice-accent: rgba(255, 107, 107, .82);--voice-accent-strong: rgba(255, 107, 107, .98);--voice-haze: rgba(255, 107, 107, .12);--voice-haze-strong: rgba(255, 107, 107, .22)}.voice-fullscreen--muted{--voice-accent: rgba(120, 130, 145, .62);--voice-accent-strong: rgba(140, 150, 165, .8);--voice-haze: rgba(80, 90, 100, .07);--voice-haze-strong: rgba(80, 90, 100, .15)}.voice-fullscreen-haze{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80vw 60vh at 50% 46%,var(--voice-haze-strong),transparent 68%),radial-gradient(ellipse 100vw 80vh at 50% 50%,var(--voice-haze),transparent 70%);transition:background .28s ease;animation:fullOrbHazePulse 6s ease-in-out infinite}@keyframes fullOrbHazePulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.voice-orb--full{position:relative;z-index:1;width:min(62vmin,480px);height:min(62vmin,480px);border-radius:50%}.voice-orb--full .voice-orb-ring{inset:min(3.2vmin,24px)}.voice-orb--full .voice-orb-dot{width:min(14vmin,96px);height:min(14vmin,96px)}.voice-orb--full .voice-orbit{inset:min(-9vmin,-70px)}.voice-orb--full .voice-orbit--2{inset:min(-5vmin,-40px)}.voice-orb--full .voice-orbit--3{inset:min(-12vmin,-90px)}.voice-orb--full .voice-moon-orbit{inset:min(-8vmin,-62px)}.voice-orb--full .voice-moon-orbit--2{inset:min(-14vmin,-108px) min(2vmin,14px)}.voice-orb--full .voice-moon{width:min(1.6vmin,10px);height:min(1.6vmin,10px)}.voice-orb--full .voice-orbit-cross{font-size:min(3.2vmin,22px)}.voice-fullscreen-label{position:relative;z-index:1;margin-top:min(4vmin,28px);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.voice-fullscreen-chevron{position:absolute;bottom:max(env(safe-area-inset-bottom,0px) + 14px,22px);left:50%;transform:translate(-50%);z-index:12;background:none;border:none;color:var(--voice-accent);font-size:min(4.5vmin,32px);line-height:1;cursor:pointer;opacity:.22;transition:opacity .18s ease;padding:12px 32px}.voice-fullscreen-chevron[aria-label="close controls"]{opacity:1;color:var(--fg-2);font-size:20px}.voice-fullscreen-chevron:hover,.voice-fullscreen:hover .voice-fullscreen-chevron{opacity:.72}.voice-fullscreen-chevron[aria-label="close controls"]:hover{opacity:1}.voice-fullscreen-drawer{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:24px 20px max(env(safe-area-inset-bottom,0px) + 20px,28px);background:#0a0c10f0;backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;display:flex;flex-direction:column;gap:12px;animation:drawerSlideUp .22s cubic-bezier(.22,1,.36,1) both}@keyframes drawerSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.voice-fullscreen-drawer-close{position:absolute;top:14px;right:18px;background:none;border:none;color:var(--fg-3);font-size:18px;cursor:pointer;padding:6px 8px;line-height:1;opacity:.6;transition:opacity .15s ease}.voice-fullscreen-drawer-close:hover{opacity:1}.voice-caption{position:absolute;bottom:clamp(60px,12vh,120px);left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 min(8vw,64px);pointer-events:none}.voice-caption-line{display:flex;align-items:baseline;gap:8px;max-width:min(680px,90vw);width:100%;text-align:left;transition:opacity .4s ease}.voice-caption-role{flex:0 0 auto;font-family:var(--font-mono);font-size:clamp(9px,1.4vmin,12px);letter-spacing:.12em;text-transform:uppercase;color:var(--voice-accent-strong);opacity:.7;min-width:52px}.voice-caption-text{font-family:var(--font-mono);font-size:clamp(13px,2.2vmin,20px);line-height:1.45;color:#e8eaf0;letter-spacing:.01em;word-break:break-word}.voice-expand-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--fg-3);background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:4px 14px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.voice-expand-btn:hover{color:var(--voice-accent-strong);border-color:var(--voice-accent)}.voice-wrap{--voice-accent: rgba(255, 191, 70, .72);--voice-accent-strong: rgba(255, 191, 70, .95);--voice-haze: rgba(255, 191, 70, .1);--voice-haze-strong: rgba(255, 191, 70, .18);position:relative;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;isolation:isolate}.voice-wrap:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 360px at 78% 30%,var(--voice-haze-strong),transparent 72%),radial-gradient(760px 540px at 16% 96%,var(--voice-haze),transparent 70%),linear-gradient(180deg,#11141833,#0b0d1000);transition:background .18s ease,opacity .18s ease}.voice-wrap>*{position:relative;z-index:1}.voice-wrap--idle{--voice-accent: rgba(255, 191, 70, .72);--voice-accent-strong: rgba(255, 191, 70, .95);--voice-haze: rgba(255, 191, 70, .08);--voice-haze-strong: rgba(255, 191, 70, .15)}.voice-wrap--live,.voice-wrap--thinking{--voice-accent: rgba(88, 166, 255, .78);--voice-accent-strong: rgba(88, 166, 255, .96);--voice-haze: rgba(88, 166, 255, .1);--voice-haze-strong: rgba(88, 166, 255, .18)}.voice-wrap--listening{--voice-accent: rgba(126, 231, 135, .82);--voice-accent-strong: rgba(126, 231, 135, .98);--voice-haze: rgba(126, 231, 135, .14);--voice-haze-strong: rgba(126, 231, 135, .24)}.voice-wrap--speaking{--voice-accent: rgba(255, 191, 70, .84);--voice-accent-strong: rgba(255, 191, 70, .98);--voice-haze: rgba(255, 191, 70, .14);--voice-haze-strong: rgba(255, 191, 70, .24)}.voice-wrap--error{--voice-accent: rgba(255, 107, 107, .82);--voice-accent-strong: rgba(255, 107, 107, .98);--voice-haze: rgba(255, 107, 107, .12);--voice-haze-strong: rgba(255, 107, 107, .22)}.voice-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:24px;padding:8px 28px 20px}.voice-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px}.voice-side{display:flex;flex-direction:column;gap:14px}.voice-orb-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 20px 12px}.voice-drawer-toggle{display:none;background:none;border:1px solid var(--border);border-radius:20px;color:var(--fg-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:6px 18px;cursor:pointer;transition:color .12s ease,border-color .12s ease}.voice-drawer-toggle:hover{color:var(--voice-accent-strong);border-color:var(--voice-accent)}.voice-drawer{display:flex;flex-direction:column;gap:14px;padding:0 28px 20px;min-height:0;overflow-y:auto}.voice-controls-row{display:flex;gap:8px}.voice-controls-row .btn{flex:1}.voice-status-card,.voice-controls-card,.voice-hint-card,.voice-camera-panel,.voice-transcript-card{border:1px solid var(--border);background:#111418e0;backdrop-filter:blur(10px);border-radius:10px}.voice-status-card{position:sticky;top:10px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 8px 14px;border:none;background:transparent;backdrop-filter:none}.voice-state-stack{display:flex;flex-direction:column;gap:4px;text-align:center}.voice-state-sub{color:var(--fg-3);font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase}.voice-controls-card{display:flex;flex-direction:column;gap:10px;padding:14px}.voice-mode-switch{display:flex;gap:8px}.voice-mode-switch .pill{flex:1;justify-content:center}.voice-mode-switch .pill.is-active{color:var(--voice-accent-strong);border-color:color-mix(in srgb,var(--voice-accent) 48%,var(--border));background:#171b20eb}.voice-build-note{padding:8px 10px;border:1px solid var(--border);background:#171b20b8;color:var(--fg-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.voice-inline-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--fg-2);font-family:var(--font-mono);font-size:12px}.voice-camera-status{color:var(--fg-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.voice-hint-card{padding:12px 14px;font-family:var(--font-mono);font-size:12px;color:var(--fg-2);line-height:1.5}.voice-hint-card p{margin:0}.voice-camera-panel{display:flex;flex-direction:column;gap:10px;padding:12px}.voice-camera-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-family:var(--font-mono)}.voice-camera-panel-head strong{display:block;color:var(--fg-1);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.voice-camera-panel-head span{display:block;margin-top:4px;color:var(--fg-3);font-size:11px}.voice-camera-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-camera-check{display:inline-flex;align-items:center;gap:8px;color:var(--fg-2);font-family:var(--font-mono);font-size:11px}.voice-camera{position:relative;background:#000;border-radius:10px;overflow:hidden;aspect-ratio:4 / 3;min-height:220px;border:1px solid rgba(255,191,70,.18)}.voice-camera--expanded{min-height:240px}.voice-video{width:100%;height:100%;object-fit:cover;display:block}.voice-camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--fg-2);background:#0b0d10b3;font-family:var(--font-mono);font-size:13px;text-align:center;padding:12px}.voice-orb{position:relative;width:136px;height:136px;border-radius:50%;border:1px solid var(--voice-accent);background:#0b0d10bd;box-shadow:0 0 0 1px #ffffff05 inset,0 0 calc(34px + 54px * var(--v-glow, 0)) var(--voice-haze-strong),0 0 calc(8px + 32px * var(--v-glow, 0)) var(--voice-haze-strong);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,border-color .2s ease,box-shadow 60ms linear,background .2s ease}.voice-orb:hover{transform:scale(1.02)}.voice-orb-ring{position:absolute;inset:7px;border-radius:50%;border:1px solid color-mix(in srgb,var(--voice-accent) 45%,transparent)}.voice-orbit{position:absolute;inset:-18px;animation:voiceOrbitSpin 10s linear infinite;pointer-events:none}.voice-orbit--2{inset:-10px;animation-duration:7.2s;animation-direction:reverse}.voice-orbit--3{inset:-24px;animation-duration:12.4s}.voice-orbit-cross{position:absolute;top:0;left:50%;transform:translate(-50%);color:var(--voice-accent-strong);font-family:var(--font-mono);font-size:13px;line-height:1;text-shadow:0 0 10px var(--voice-haze-strong);opacity:.85}.voice-jupiter-ring{position:absolute;inset:16px 2px;border-radius:50%;border:1px solid color-mix(in srgb,var(--voice-accent) 32%,transparent);transform:rotate(18deg) scaleY(.38);opacity:.7}.voice-jupiter-ring--b{inset:20px -8px;transform:rotate(-14deg) scaleY(.48);opacity:.34}.voice-moon-orbit{position:absolute;inset:-16px;animation:voiceMoonSpin 8.4s linear infinite;pointer-events:none}.voice-moon-orbit--2{inset:-28px 4px;animation-duration:12.8s;animation-direction:reverse}.voice-moon{position:absolute;top:50%;right:0;width:5px;height:5px;border-radius:50%;background:var(--voice-accent-strong);box-shadow:0 0 10px var(--voice-haze-strong);transform:translateY(-50%)}.voice-orb-cross{position:absolute;width:52px;height:52px;color:var(--voice-accent-strong);opacity:.78;animation:voiceCrossDrift 4.6s ease-in-out infinite}.voice-orb-cross-line{position:absolute;background:currentColor;box-shadow:0 0 8px color-mix(in srgb,currentColor 40%,transparent)}.voice-orb-cross-line--h{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.voice-orb-cross-line--v{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.voice-orb-dot{width:24px;height:24px;border-radius:50%;background:var(--voice-accent-strong);box-shadow:0 0 calc(22px + 28px * var(--v-glow, 0)) var(--voice-haze-strong);transition:transform .2s ease,box-shadow 60ms linear,opacity .2s ease}.voice-orb--live .voice-orb-dot,.voice-orb--listening .voice-orb-dot{animation:voicePulse 1.1s ease-in-out infinite;background:var(--voice-accent-strong);box-shadow:0 0 28px var(--voice-haze-strong)}.voice-orb--thinking .voice-orb-dot{animation:voiceThink .9s linear infinite;background:var(--voice-accent-strong);box-shadow:0 0 28px var(--voice-haze-strong)}.voice-orb--speaking .voice-orb-dot{animation:voicePulse .6s ease-in-out infinite;background:var(--voice-accent-strong);box-shadow:0 0 36px var(--voice-haze-strong)}.voice-orb--error .voice-orb-dot{background:var(--voice-accent-strong);box-shadow:0 0 28px var(--voice-haze-strong)}.voice-orb--idle .voice-orb-dot{opacity:.55}.voice-orb--listening .voice-orb-cross{animation-duration:1.4s}.voice-orb--thinking .voice-orb-cross{animation-duration:2.2s}.voice-orb--speaking .voice-orb-cross{animation-duration:1s}.voice-orb--error .voice-orb-cross{animation-duration:.8s}@keyframes voicePulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes voiceThink{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.6}}@keyframes voiceCrossDrift{0%{transform:translate(-10px,-8px)}25%{transform:translate(11px,-5px)}50%{transform:translate(7px,10px)}75%{transform:translate(-12px,5px)}to{transform:translate(-10px,-8px)}}@keyframes voiceOrbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes voiceMoonSpin{0%{transform:rotate(0) scaleX(1.1) scaleY(.66)}to{transform:rotate(360deg) scaleX(1.1) scaleY(.66)}}.floating-orb{--voice-accent: rgba(255, 191, 70, .72);--voice-accent-strong: rgba(255, 191, 70, .9);--voice-haze-strong: rgba(255, 191, 70, .28);position:fixed;bottom:72px;right:16px;z-index:200;width:44px;height:44px;border-radius:50%;border:1px solid var(--voice-accent);background:#0b0d10d6;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px var(--voice-haze-strong);animation:floatingOrbBreath 4s ease-in-out infinite;transition:transform .12s ease;pointer-events:all}.floating-orb:hover{transform:scale(1.1)}.floating-orb-ring{position:absolute;inset:4px;border-radius:50%;border:1px solid color-mix(in srgb,var(--voice-accent) 50%,transparent);pointer-events:none}.floating-orb-orbit{position:absolute;inset:-10px;animation:voiceOrbitSpin 8s linear infinite;pointer-events:none}.floating-orb-cross{position:absolute;top:0;left:50%;transform:translate(-50%);color:var(--voice-accent-strong);font-family:var(--font-mono);font-size:9px;line-height:1;opacity:.8}.floating-orb-dot{width:11px;height:11px;border-radius:50%;background:var(--voice-accent-strong);box-shadow:0 0 10px var(--voice-haze-strong);transition:box-shadow .2s ease}.floating-orb--live,.floating-orb--listening{--voice-accent: rgba(255, 191, 70, .88);--voice-haze-strong: rgba(255, 191, 70, .42);box-shadow:0 0 22px var(--voice-haze-strong)}.floating-orb--thinking{--voice-accent: rgba(70, 191, 255, .72);--voice-accent-strong: rgba(70, 191, 255, .9);--voice-haze-strong: rgba(70, 191, 255, .32);box-shadow:0 0 22px var(--voice-haze-strong)}.floating-orb--speaking{--voice-accent: rgba(70, 255, 160, .72);--voice-accent-strong: rgba(70, 255, 160, .9);--voice-haze-strong: rgba(70, 255, 160, .32);box-shadow:0 0 22px var(--voice-haze-strong)}.floating-orb--error{--voice-accent: rgba(255, 100, 100, .72);--voice-accent-strong: rgba(255, 100, 100, .9);--voice-haze-strong: rgba(255, 100, 100, .28)}.floating-orb--listening .floating-orb-dot,.floating-orb--live .floating-orb-dot{animation:voicePulse 1.1s ease-in-out infinite}.floating-orb--thinking .floating-orb-dot{animation:voiceThink .9s linear infinite}.floating-orb--speaking .floating-orb-dot{animation:voicePulse .6s ease-in-out infinite}@keyframes floatingOrbBreath{0%,to{box-shadow:0 0 12px var(--voice-haze-strong)}50%{box-shadow:0 0 22px var(--voice-haze-strong)}}.voice-orb--muted{opacity:.55;filter:grayscale(.6)}.voice-wrap--muted{--voice-accent: rgba(120, 130, 145, .62);--voice-accent-strong: rgba(140, 150, 165, .8);--voice-haze-strong: rgba(80, 90, 100, .22)}.voice-mute-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--fg-2);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:4px 14px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.voice-mute-btn:hover,.voice-mute-btn--muted{color:var(--voice-accent-strong);border-color:var(--voice-accent)}.voice-state-label{font-family:var(--font-mono);font-size:12px;color:var(--voice-accent-strong);letter-spacing:.1em;text-transform:uppercase}.voice-error{color:#ff8787;font-size:12px;font-family:var(--font-mono);max-width:100%;text-align:left}.voice-transcript-card{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-color:color-mix(in srgb,var(--voice-accent) 38%,var(--border))}.voice-transcript-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.voice-transcript-meta{min-width:0;font-family:var(--font-mono)}.voice-transcript-meta strong{display:block;color:var(--fg-1);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.voice-transcript-meta span{display:block;margin-top:4px;color:var(--fg-3);font-size:11px}.voice-transcript-actions{flex-shrink:0}.voice-transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:14px 16px 18px;display:flex;flex-direction:column;gap:10px;font-family:var(--font-mono);font-size:13px}.voice-empty{color:var(--fg-2);margin:0;font-size:12px;max-width:56ch;line-height:1.55}.voice-line{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:8px 10px;background:#171b20e0;border-radius:8px;border-left:2px solid transparent}.voice-line--you{border-left-color:#7ee787}.voice-line--hosaka{border-left-color:#ffbf46}.voice-line--tool{border-left-color:#58a6ff;color:var(--fg-2)}.voice-line--status{border-left-color:var(--voice-accent);color:var(--fg-2)}.voice-role{color:var(--fg-2);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding-top:2px}.voice-text{white-space:pre-wrap;word-break:break-word}@media(max-width:720px){.voice-wrap{display:flex;flex-direction:column;overflow:hidden}.voice-orb-stage{flex:1;min-height:0;justify-content:center;padding:16px 16px 8px}.voice-orb{width:min(72vw,300px);height:min(72vw,300px)}.voice-orb-dot{width:min(18vw,72px);height:min(18vw,72px)}.voice-drawer-toggle{display:inline-flex;align-items:center;gap:6px}.voice-drawer{flex:0 0 0;min-height:0;max-height:0;overflow:hidden;padding:0 16px;gap:10px;transition:max-height .28s cubic-bezier(.4,0,.2,1),padding .28s ease,flex .28s ease}.voice-drawer--open{flex:0 0 auto;max-height:65vh;overflow-y:auto;padding:12px 16px 20px}.voice-transcript{padding:10px 12px 14px}.voice-line{grid-template-columns:56px minmax(0,1fr);font-size:12px}.voice-transcript-head{padding:10px 12px;flex-wrap:wrap;gap:8px}}.nodes-wrap{padding-bottom:24px}.nodes-body{padding:0 28px;display:flex;flex-direction:column;gap:16px;max-width:760px}.nodes-card{border:1px solid var(--border);background:var(--bg-1);padding:16px 18px}.nodes-card h3{margin:0 0 8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.nodes-card p{margin:0 0 12px;color:var(--fg-1);font-size:13px;line-height:1.5}.nodes-code{background:var(--bg-0);border:1px solid var(--border);padding:8px 10px;font-family:var(--font-mono);font-size:12px;color:var(--cyan);margin:0 0 8px;overflow-x:auto}.nodes-loading,.nodes-empty{color:var(--fg-2);font-family:var(--font-mono);font-size:13px;padding:4px 0}.nodes-ok{color:var(--green);font-size:13px}.nodes-err{color:var(--red);font-size:13px}.nodes-joinurl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.nodes-url{width:100%;background:var(--bg-0);border:1px solid var(--border);padding:6px 8px;font-size:11px;color:var(--fg-2);word-break:break-all}.nodes-dl{display:grid;grid-template-columns:120px 1fr;gap:6px 12px;margin:0 0 12px;font-size:13px}.nodes-dl dt{color:var(--fg-2);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.nodes-dl dd{margin:0;color:var(--fg-0)}.nodes-peers-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.nodes-peers-head h3{margin:0}.nodes-peer{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.nodes-peer:first-of-type{border-top:none}.nodes-peer-dot{font-family:var(--font-mono);color:var(--fg-3);text-align:center}.nodes-peer.is-online .nodes-peer-dot{color:var(--fg-2)}.nodes-peer.is-hosaka .nodes-peer-dot{color:var(--green)}.nodes-peer-main{display:flex;flex-direction:column;gap:2px;min-width:0}.nodes-peer-host{font-family:var(--font-mono);font-size:13px;color:var(--fg-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nodes-peer.is-offline .nodes-peer-host{color:var(--fg-3)}.nodes-peer-meta{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.nodes-peer-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:720px){.nodes-body{padding:0 16px}.nodes-dl{grid-template-columns:1fr}.nodes-peer{grid-template-columns:20px 1fr}.nodes-peer-actions{grid-column:2;justify-content:flex-start}}.device-panel{display:flex;flex-direction:column;gap:2px}.device-panel-title{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);padding:0 0 6px}.device-row{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#11141899}.device-row-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;color:var(--fg-1);cursor:pointer;text-align:left;font-family:var(--font-mono);font-size:12px;transition:background .15s ease}.device-row-header:hover{background:#ffffff0a}.device-row-header--open{border-bottom:1px solid var(--border)}.device-row-icon{flex:0 0 auto;font-size:14px}.device-row-label{flex:0 0 auto;color:var(--fg-2);min-width:80px}.device-row-current{flex:1;color:var(--fg-3);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-row-chevron{flex:0 0 auto;color:var(--fg-3);font-size:9px}.device-row-body{display:flex;flex-direction:column;gap:2px;padding:8px 12px 10px}.device-option{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:5px;cursor:pointer;font-family:var(--font-mono);font-size:12px;color:var(--fg-2);transition:background .12s ease}.device-option:hover{background:#ffffff0a}.device-option input[type=radio]{accent-color:var(--cyan)}.device-empty{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);padding:4px}.device-grant-btn{font-family:var(--font-mono);font-size:11px;color:var(--cyan);background:none;border:1px solid var(--cyan-dim);border-radius:5px;padding:5px 10px;cursor:pointer;margin-bottom:6px;transition:background .12s ease}.device-grant-btn:hover{background:#58a6ff14}