*{box-sizing:border-box}html{background:#e6e7e5;min-width:320px;overflow-x:hidden}body{color:#182532;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f4f4f4c7 0%,#e6e7e5 46%),#e6e7e5;min-width:320px;margin:0;font-family:Ubuntu,Verdana,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;overflow-x:hidden}button,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #0f2c3e38}#root{width:100%;min-height:100svh;overflow-x:clip}:root{--bg:#e6e7e5;--canvas:#f4f4f4;--surface:#fff;--surface-muted:#f7f7f6;--ink:#0f2c3e;--text:#182532;--muted:#66727a;--border:#d3d8da;--border-strong:#b9c2c6;--accent:#deaa22;--accent-hover:#c9971d;--success:#2f7d52;--success-soft:#eef7f1;--warning:#9a6414;--warning-soft:#fff7df;--danger:#b4442f;--danger-soft:#fff0ed;--shadow:0 18px 36px #0f2c3e29}.app-shell{width:min(560px,100% - 32px);max-width:560px;min-height:100svh;padding:clamp(18px, 5svh, 44px) 0 calc(116px + env(safe-area-inset-bottom));color:var(--text);margin:0 auto}.app-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.app-header h1,.setup-panel h1{max-width:100%;color:var(--ink);letter-spacing:-.045em;text-wrap:balance;margin:4px 0 0;font-size:clamp(30px,6vw,40px);line-height:1.06}.eyebrow,.status-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0;display:flex}.server-chip,.icon-button,.text-button,.secondary-button,.danger-button,.remove-button{border:1px solid var(--border-strong);background:var(--canvas);min-width:0;min-height:34px;color:var(--ink);font:inherit;border-radius:5px}.icon-button{place-items:center;width:38px;height:38px;padding:0;font-size:21px;font-weight:850;line-height:1;display:inline-grid}.server-chip{max-width:176px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 10px;font-size:13px;display:inline-flex;overflow:hidden}.text-button,.secondary-button,.danger-button,.remove-button{cursor:pointer;padding:0 10px}.icon-button{cursor:pointer}.icon-button:hover,.text-button:hover,.secondary-button:hover,.danger-button:hover,.remove-button:hover{border-color:var(--ink);background:#fff}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.setup-panel,.section-card,.status-card,.last-entry-card{border:1px solid var(--border-strong);border-top:6px solid var(--ink);background:var(--canvas);width:100%;min-width:0;max-width:100%;box-shadow:var(--shadow);border-radius:8px}.setup-panel{overflow-wrap:anywhere;gap:15px;margin-top:clamp(8px,7svh,54px);padding:clamp(18px,4vw,26px);display:grid}.setup-copy,.muted,.action-context,.status-card p,.last-entry-card p,.hint{color:var(--muted)}.setup-copy{max-width:100%;margin:0;line-height:1.45}code{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:4px;padding:2px 5px;font-size:.9em}.field{width:100%;min-width:0;color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.field input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;max-width:100%;min-height:45px;color:var(--ink);border-radius:5px;outline:none;padding:0 12px;font:16px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block;box-shadow:inset 0 1px #0f2c3e0d}.field input:focus{border-color:var(--ink);box-shadow:inset 0 1px #0f2c3e0d,0 0 0 3px #0f2c3e1f}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.mode-switch{border:1px solid var(--border);background:var(--bg);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;min-width:0;max-width:100%;padding:3px;display:grid}.mode-switch button{width:100%;min-width:0;min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;font-weight:850}.mode-switch button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0f2c3e26}.connect-button,.primary-action{background:var(--accent);width:100%;min-width:0;max-width:100%;min-height:52px;color:var(--ink);font:inherit;letter-spacing:.005em;cursor:pointer;border:1px solid #0f2c3e2e;border-radius:5px;font-size:16px;font-weight:900;box-shadow:0 8px 18px #0f2c3e29}.connect-button:hover,.primary-action:hover{background:var(--accent-hover)}.connect-button.small{white-space:nowrap;width:auto;min-width:136px;max-width:none;min-height:42px;padding:0 18px}.status-card,.section-card,.last-entry-card{margin-bottom:14px;padding:16px}.status-card{gap:8px;display:grid}.status-card h2,.section-card h2,.section-card h3,.last-entry-card h2{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:23px;line-height:1.14}.section-card h3{letter-spacing:-.01em;font-size:17px}.status-card p,.last-entry-card p{margin:0}.status-card.active{border-color:color-mix(in srgb, var(--success) 35%, var(--border));border-top-color:var(--success);background:var(--success-soft)}.status-card.active .status-label{color:var(--success)}.status-card.warning{border-color:color-mix(in srgb, var(--warning) 32%, var(--border));border-top-color:var(--warning);background:var(--warning-soft)}.status-card.error{border-color:color-mix(in srgb, var(--danger) 32%, var(--border));border-top-color:var(--danger);background:var(--danger-soft)}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:12px;display:flex}.compact-heading{margin-top:14px;margin-bottom:9px}.hint{font-size:13px}.project-grid{grid-template-columns:1fr;gap:9px;min-width:0;display:grid}.project-pill-shell{--project-color:var(--ink);min-width:0;position:relative}.project-pill{border:1px solid var(--border-strong);border-left:4px solid color-mix(in srgb, var(--project-color) 70%, var(--border));background:var(--surface);width:100%;min-width:0;min-height:50px;color:var(--ink);text-align:left;cursor:pointer;border-radius:5px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"check name""check tag";gap:2px 10px;padding:8px 44px 8px 10px;display:grid}.project-pill.selected{border-color:var(--ink);border-left-color:var(--project-color);background:color-mix(in srgb, var(--project-color) 7%, white);box-shadow:0 0 0 3px #0f2c3e1a}.project-pill span:not(.pill-check){text-overflow:ellipsis;white-space:nowrap;grid-area:name;min-width:0;font-weight:850;overflow:hidden}.project-pill small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:tag;font-size:13px;overflow:hidden}.pill-check{border:1px solid var(--border-strong);background:var(--canvas);color:#0000;border-radius:50%;grid-area:check;align-self:center;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:inline-grid}.project-pill.selected .pill-check{border-color:var(--ink);background:var(--ink);color:var(--accent)}.project-edit-button{z-index:2;width:32px;min-width:32px;height:32px;min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;padding:0;font-size:16px;line-height:1;display:inline-grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.project-edit-button:hover,.project-edit-button:focus-visible{border-color:color-mix(in srgb, var(--project-color) 28%, var(--border));background:color-mix(in srgb, var(--project-color) 9%, white);color:var(--ink)}.project-edit-button:focus-visible{outline-offset:2px;outline:3px solid #0f2c3e24}.sticky-action{border:1px solid var(--border-strong);width:min(560px,100% - 32px);min-width:0;max-width:560px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f4f4f0;border-bottom:0;border-radius:8px 8px 0 0;gap:7px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.primary-action.stop{background:var(--ink);color:var(--canvas);box-shadow:0 8px 18px #0f2c3e2e}.primary-action.stop:hover{background:#171e28}.action-context{text-align:center;min-height:18px;margin:0;font-size:13px}.feedback{border-radius:5px;max-width:100%;margin-bottom:14px;padding:11px 12px;font-weight:750;line-height:1.35}.feedback.success,.feedback.info{border:1px solid color-mix(in srgb, var(--success) 24%, var(--border));background:var(--success-soft);color:var(--success)}.feedback.warning{border:1px solid color-mix(in srgb, var(--warning) 28%, var(--border));background:var(--warning-soft);color:var(--warning)}.feedback.error{border:1px solid color-mix(in srgb, var(--danger) 28%, var(--border));background:var(--danger-soft);color:var(--danger)}.last-entry-card{box-shadow:none}.running-list,.project-editor{gap:10px;min-width:0;display:grid}.running-item{border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:11px;display:flex}.running-item div{gap:2px;min-width:0;display:grid}.running-item strong,.running-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.running-item span{color:var(--muted);font-size:13px}.running-item button{background:var(--ink);min-height:36px;color:var(--canvas);font:inherit;cursor:pointer;border:0;border-radius:4px;flex:none;padding:0 13px;font-weight:800}.settings-card{box-shadow:none}.server-details{border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;margin-bottom:12px;overflow:hidden}.server-details summary{min-height:46px;color:var(--ink);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;font-weight:850;list-style:none;display:grid}.server-details summary::-webkit-details-marker{display:none}.server-details summary:after{content:"▾";background:var(--surface-muted);width:24px;height:24px;color:var(--muted);border-radius:999px;justify-self:end;place-items:center;font-size:14px;transition:transform .16s;display:grid}.server-details[open] summary:after{transform:rotate(180deg)}.server-details summary small{min-width:0;max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;justify-self:end;font-size:13px;font-weight:700;overflow:hidden}.server-details-body{border-top:1px solid var(--border);gap:10px;padding:12px;display:grid}.server-meta{grid-template-columns:76px minmax(0,1fr);align-items:baseline;gap:10px;min-width:0;display:grid}.server-meta span{color:var(--muted);font-size:13px;font-weight:800}.server-meta strong,.server-meta code{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-row{border:1px solid var(--border-strong);background:var(--surface);border-radius:5px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 58px;align-items:end;gap:10px;min-width:0;padding:10px 52px 10px 10px;display:grid;position:relative}.project-row.quick-edit-target{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-strong));box-shadow:0 0 0 3px #deaa222e}.field.compact input{min-height:40px}.color-field input{width:50px;padding:4px}.remove-button{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--muted);background:0 0;border-color:#0000;border-radius:999px;place-items:center;padding:0;line-height:1;display:inline-grid;position:absolute;top:10px;right:10px}.remove-button:hover{border-color:color-mix(in srgb, var(--danger) 22%, var(--border));background:var(--danger-soft);color:var(--danger)}.remove-button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.settings-actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;margin-top:14px;display:flex}.settings-actions-left{flex-wrap:wrap;flex:auto;gap:10px;min-width:0;display:flex}.settings-actions-left button{flex:0 auto;max-width:100%}.settings-actions-right{flex:none;justify-content:flex-end;gap:10px;min-width:0;margin-left:auto;display:flex}.secondary-button,.danger-button{white-space:nowrap;width:auto;min-width:0;min-height:42px;padding:0 14px}.danger-button{border-color:color-mix(in srgb, var(--danger) 32%, var(--border-strong));background:var(--danger-soft);color:var(--danger);font-weight:850}.danger-button:hover{border-color:var(--danger);background:#fff}.logout-confirmation{border:1px solid color-mix(in srgb, var(--danger) 24%, var(--border));background:var(--danger-soft);max-width:100%;color:var(--danger);border-radius:5px;flex:100%;gap:10px;padding:11px 12px;display:grid}.logout-confirmation p{margin:0;font-size:13px;font-weight:750;line-height:1.35}.logout-confirmation-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-actions-right .secondary-button{min-width:112px}@media (width<=560px){.app-shell{width:min(100% - 20px,560px);padding-top:14px}.sticky-action{width:min(100% - 20px,560px)}.app-header,.section-heading,.settings-actions{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.field-row,.project-row{grid-template-columns:1fr}.settings-actions-left,.settings-actions-right{width:100%}.settings-actions-left{grid-template-columns:minmax(0,1fr);display:grid}.settings-actions-left button{width:100%}.logout-confirmation-actions{grid-template-columns:minmax(0,1fr);display:grid}.settings-actions-right{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-left:0;display:grid}.settings-actions .connect-button.small{width:100%;min-width:0}.project-row{padding-right:10px}.project-row .field:first-child{padding-right:42px}}@media (width<=380px){.app-shell,.sticky-action{width:calc(100% - 16px)}.setup-panel,.section-card,.status-card,.last-entry-card{padding:14px}.app-header h1,.setup-panel h1{font-size:28px}}