@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";:root{color-scheme:light;font-family:Noto Sans JP,sans-serif;color:#1a202c;background:#f4f4f8;font-synthesis:none;--ink:#1a202c;--muted:#718096;--cyan:#009fb7;--red:#fe4a49;--amber:#fed766;--green:#159f7a;--purple:#8075c7;--canvas:#f4f4f8;--card:#fff;--divider:#e6e6ea;--soft:#f8f9fb;--cyan-soft:#e8f7f9;--red-soft:#fff0f0}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--canvas)}.app{min-height:100vh;padding-bottom:42px}nav{height:68px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--divider);background:#f4f4f8f0;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;min-width:280px}.logo{width:38px;height:38px;display:block;flex:0 0 auto;border-radius:6px}.brand b{font:700 17px Outfit,sans-serif;letter-spacing:3px;color:var(--ink)}.brand small{display:block;font:500 8px Noto Sans JP,sans-serif;letter-spacing:1.8px;color:var(--muted);margin-top:2px}.host{margin:auto;display:flex;gap:8px;align-items:center;font:11px JetBrains Mono,monospace;color:var(--muted)}.dot{width:7px;height:7px;background:var(--cyan);border-radius:50%}.dot.bad{background:var(--red)}.nav-actions{display:flex;gap:8px;min-width:280px;justify-content:flex-end}button,select,input{font:500 12px Noto Sans JP,sans-serif;color:var(--ink);background:var(--card);border:1px solid var(--divider);border-radius:4px}button,select{height:34px;padding:0 12px;cursor:pointer}button:hover,button.active{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-soft)}.nav-actions button{width:36px;padding:0;display:grid;place-items:center}.error{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:30;background:var(--red-soft);border:1px solid #ffcaca;color:#b8303a;padding:9px 14px;border-radius:5px;font:11px JetBrains Mono,monospace;box-shadow:0 8px 24px #1a202c18}.error button{border:0;background:none;height:auto;color:inherit;font-size:18px;margin-left:16px}main{padding:18px;max-width:1900px;margin:auto}.summary{display:grid;grid-template-columns:2fr 1fr .7fr;gap:14px}.card,.process-card{border:1px solid var(--divider);background:var(--card);border-radius:7px;overflow:hidden;box-shadow:0 1px 2px #1a202c08}.card>header{height:44px;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:9px;padding:0 15px;color:var(--cyan);border-top:3px solid var(--cyan)}.card>header svg{width:15px}.card h2,.process-toolbar h2{font:600 11px Outfit,sans-serif;letter-spacing:1.8px;color:var(--muted);margin:0}.cpu-card>header{border-top-color:var(--red);color:var(--red)}.summary>.card:nth-child(2)>header{border-top-color:var(--amber);color:#ba8d00}.summary>.card:nth-child(3)>header{border-top-color:var(--cyan)}.cpu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 16px;padding:15px}.meter-label{display:flex;justify-content:space-between;gap:8px;font:9px JetBrains Mono,monospace;color:var(--muted);margin-bottom:4px}.meter-label b{font-weight:500;color:var(--ink)}.track{height:4px;background:#edf0f3;overflow:hidden}.track i{display:block;height:100%;background:var(--cyan)}.cpu-card .track i{background:var(--red)}.track i.purple{background:var(--purple)}.track i.amber{background:var(--amber)}.track i.green{background:var(--green)}.statline{border-top:1px solid var(--divider);padding:9px 15px;display:flex;gap:14px;font:10px JetBrains Mono,monospace}.statline span{color:var(--muted)}.statline b{color:var(--ink);margin-right:auto}.big-number{font:500 28px JetBrains Mono,monospace;color:var(--ink);padding:18px 15px 10px}.big-number small{font-size:12px;color:var(--muted)}.summary .card:not(.cpu-card)>.meter{margin:2px 15px 14px}.memory-parts{display:grid;grid-template-columns:repeat(3,1fr);padding:3px 15px 15px;gap:8px}.memory-parts span{font-size:9px;color:var(--muted)}.memory-parts b{display:block;font:10px JetBrains Mono,monospace;color:var(--ink);margin-top:4px}.task-total{font:500 32px JetBrains Mono,monospace;padding:20px 16px 10px;color:var(--ink)}.task-total small{font-size:10px;color:var(--muted)}.task-grid{display:grid;gap:10px;padding:8px 16px 16px;font:9px JetBrains Mono,monospace;color:var(--muted)}.state{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px}.run{background:var(--cyan)}.sleep{background:#9aa8b8}.stop{background:#e8ae00}.zombie{background:var(--red)}.gpu-card{margin-top:14px}.gpu-devices{padding:15px}.gpu-panel+.gpu-panel{margin-top:14px;border-top:1px solid var(--divider);padding-top:14px}.gpu-title{display:flex;justify-content:space-between;align-items:center}.gpu-title small,.gpu-title span{font:9px JetBrains Mono,monospace;color:var(--muted)}.gpu-title h3{margin:4px 0;font:600 17px Outfit,sans-serif;color:var(--ink)}.gauge{text-align:right;border-left:1px solid var(--divider);padding-left:22px}.gauge b{display:block;color:var(--cyan);font:500 27px JetBrains Mono,monospace}.gauge small{font:8px JetBrains Mono,monospace;color:var(--muted)}.sensor-row{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.sensor-row>div{background:var(--soft);border:1px solid var(--divider);border-left:3px solid var(--cyan);padding:8px 10px;min-width:130px}.sensor-row span{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--muted)}.sensor-row b{font:11px JetBrains Mono,monospace;display:block;margin-top:4px;color:var(--ink)}.engine-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px 14px}.gpu-processes{margin-top:16px;border-top:1px solid var(--divider);padding-top:11px}.gpu-processes h4{font:600 9px Outfit,sans-serif;letter-spacing:1.5px;color:var(--muted);margin:0 0 7px}.gpu-processes>div{display:grid;grid-template-columns:70px 180px repeat(5,max-content);gap:12px;padding:7px 8px;border-bottom:1px solid var(--divider);font:9px JetBrains Mono,monospace}.gpu-processes b{color:var(--cyan)}.gpu-processes span{color:var(--ink)}.gpu-processes em{font-style:normal;color:var(--green)}.gpu-panel details{margin-top:13px}.empty{padding:20px;color:var(--muted);font:11px JetBrains Mono,monospace}.process-card{margin-top:14px}.process-toolbar{display:flex;height:58px;align-items:center;padding:0 14px;border-bottom:1px solid var(--divider);border-top:3px solid var(--cyan);gap:9px}.process-toolbar>div:first-child{min-width:150px}.process-toolbar span{font:9px JetBrains Mono,monospace;color:var(--muted)}.search{height:34px;display:flex;align-items:center;gap:7px;background:var(--soft);border:1px solid var(--divider);padding:0 10px;flex:1}.search input{border:0;background:none;outline:0;width:100%;height:30px}.search svg{color:var(--muted)}.table-wrap{max-height:600px;overflow:auto}table{width:100%;border-collapse:collapse;font:10px JetBrains Mono,monospace;white-space:nowrap}th{position:sticky;top:0;background:#f7f8fa;color:var(--muted);text-align:right;font-weight:500;padding:9px;border-bottom:1px solid var(--divider);cursor:pointer;z-index:2;letter-spacing:.4px}th:first-child,th:nth-child(2),th:last-child{text-align:left}.sorted{color:var(--cyan)}td{padding:7px 9px;border-bottom:1px solid #eff0f2;text-align:right;color:#566578;max-width:480px}td:first-child,td:nth-child(2),td:last-child{text-align:left}tbody tr:hover{background:#f4fbfc}tbody tr.selected{background:var(--cyan-soft);outline:1px solid #b9e7ed}.command{overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.hot{color:#00889c}.proc-state{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:3px;background:#eef1f4}.s-R{color:#087d60;background:#e4f6f0}.s-Z{color:#ca3843;background:var(--red-soft)}.drawer{position:fixed;z-index:40;right:0;top:68px;bottom:0;width:430px;background:var(--card);border-left:1px solid var(--divider);box-shadow:-16px 0 45px #1a202c1a;padding:26px;overflow:auto}.drawer .close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:24px}.drawer .pid{font:10px JetBrains Mono,monospace;color:var(--cyan);letter-spacing:1px}.drawer h2{font:600 17px Outfit,sans-serif;line-height:1.5;word-break:break-all;margin-right:28px;color:var(--ink)}.drawer dl{display:grid;grid-template-columns:110px 1fr;font:10px JetBrains Mono,monospace;border-top:1px solid var(--divider);padding-top:12px}.drawer dt{color:var(--muted);padding:6px}.drawer dd{margin:0;padding:6px;word-break:break-all}.token{display:block;font:9px JetBrains Mono,monospace;color:var(--muted);margin:15px 0}.token input{display:block;width:100%;height:35px;margin-top:5px;padding:0 8px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.actions button{display:flex;justify-content:center;align-items:center;gap:5px}.danger{border-color:#ffc2c5;color:#c83d47;background:var(--red-soft)}.drawer details,.gpu-panel details{border:1px solid var(--divider);background:var(--soft);margin-top:10px}.drawer summary,.gpu-panel summary{padding:10px;cursor:pointer;font:10px JetBrains Mono,monospace;color:var(--muted);display:flex;gap:6px;align-items:center}.drawer pre,.gpu-panel pre{font:9px JetBrains Mono,monospace;white-space:pre-wrap;word-break:break-all;max-height:330px;overflow:auto;padding:10px;border-top:1px solid var(--divider);color:#536276;background:var(--card)}footer{position:fixed;bottom:0;left:0;right:0;height:34px;border-top:1px solid var(--divider);background:#fffffff5;z-index:21;display:flex;align-items:center;gap:18px;padding:0 18px;font:9px JetBrains Mono,monospace;color:var(--muted)}footer span:last-child{margin-left:auto}kbd{background:var(--soft);border:1px solid var(--divider);color:var(--ink);padding:2px 5px;border-radius:2px}@media(max-width:1300px){.summary{grid-template-columns:1.5fr 1fr}.summary>.card:last-child{display:none}.engine-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){body{min-width:320px}.app{padding-bottom:0}nav{height:62px;padding:0 12px;gap:8px}.brand{min-width:0;gap:8px}.logo{width:34px;height:34px;flex:0 0 auto}.brand b{font-size:14px;letter-spacing:2px}.brand small{display:none}.host{min-width:0;margin:0 auto;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host svg{display:none}.nav-actions{min-width:auto;gap:6px}.nav-actions select{width:58px;padding:0 5px}.nav-actions button{width:44px}button,select{min-height:44px}.error{top:68px;width:calc(100% - 20px);font-size:10px}main{padding:10px}.summary{grid-template-columns:1fr;gap:10px}.summary>.card:last-child{display:block}.card,.process-card{border-radius:6px}.card>header{height:46px}.cpu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px;padding:14px}.track{height:5px}.statline{display:grid;grid-template-columns:auto 1fr;gap:6px 10px}.statline b{margin:0;text-align:right}.big-number{font-size:30px;padding-top:20px}.memory-parts{gap:5px}.task-grid{grid-template-columns:1fr 1fr}.gpu-card{margin-top:10px}.gpu-devices{padding:12px}.gpu-title h3{font-size:15px;max-width:220px}.gauge{padding-left:11px}.sensor-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sensor-row>div{min-width:0;padding:9px}.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.gpu-processes>div{display:flex;flex-wrap:wrap;gap:6px 10px;padding:9px 4px}.gpu-processes>div span{width:calc(100% - 65px);overflow:hidden;text-overflow:ellipsis}.gpu-panel summary{min-height:44px;line-height:1.4}.process-card{margin-top:10px}.process-toolbar{height:auto;display:grid;grid-template-columns:1fr 1fr;padding:11px;gap:8px}.process-toolbar>div:first-child{min-width:0;grid-column:1/-1;display:flex;align-items:baseline;gap:8px}.search{grid-column:1/-1;height:44px}.search input{height:42px;font-size:16px}.process-toolbar select,.process-toolbar button{width:100%}.table-wrap{max-height:65vh;overscroll-behavior:contain}table{font-size:10px;table-layout:auto}th,td{padding:11px 7px}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5),th:nth-child(6),td:nth-child(6),th:nth-child(7),td:nth-child(7),th:nth-child(8),td:nth-child(8),th:nth-child(11),td:nth-child(11){display:none}th:last-child,td:last-child{min-width:180px;max-width:220px}.command{white-space:nowrap}.drawer{top:0;left:0;right:0;bottom:0;width:100%;padding:22px 16px 32px;border-left:0}.drawer .close{width:44px;height:44px;right:8px;top:5px}.drawer h2{font-size:14px;margin-top:12px}.drawer dl{grid-template-columns:100px 1fr}.token input{height:44px;font-size:16px}.actions{grid-template-columns:1fr 1fr}.actions button{min-height:44px}.drawer summary{min-height:44px;align-items:center}footer{display:none}}@media(max-width:430px){.host{display:none}}@media(max-width:380px){.cpu-grid,.sensor-row,.engine-grid{grid-template-columns:1fr}.memory-parts{grid-template-columns:1fr 1fr}.drawer dl{grid-template-columns:82px 1fr}}