:root{color-scheme:light dark;--putty-bg: #eef1f5;--putty-fg: #17181c;--putty-fg-muted: #6b7078;--putty-card: rgba(255, 255, 255, .72);--putty-card-solid: #ffffff;--putty-border: rgba(0, 0, 0, .08);--putty-accent: #2f7dfa;--putty-accent-fg: #ffffff;--putty-danger: #ff3b30;--putty-success: #34c759;--putty-radius: 12px;--putty-radius-sm: 8px;--putty-radius-lg: 20px;--putty-gap: 8px;--putty-font: -apple-system, "SF Pro Text", ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--putty-font-mono: "SF Mono", ui-monospace, "Menlo", "Cascadia Code", monospace;--putty-shadow: 0 20px 55px -12px rgba(20, 24, 38, .28), 0 2px 8px rgba(20, 24, 38, .08);--putty-shadow-lg: 0 40px 90px -20px rgba(15, 18, 30, .4), 0 4px 16px rgba(15, 18, 30, .12);--putty-ease-spring: cubic-bezier(.22, 1.1, .36, 1);--putty-dur: .28s;--putty-dock-bg: rgba(255, 255, 255, .55);--putty-titlebar-bg: rgba(255, 255, 255, .82);--putty-safe-top: env(safe-area-inset-top, 0px);--putty-safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-theme=dark]{--putty-bg: #14151a;--putty-fg: #f2f3f6;--putty-fg-muted: #9a9ea7;--putty-card: rgba(36, 38, 46, .72);--putty-card-solid: #22242c;--putty-border: rgba(255, 255, 255, .1);--putty-accent: #4a90ff;--putty-accent-fg: #ffffff;--putty-danger: #ff453a;--putty-success: #30d158;--putty-shadow: 0 20px 55px -12px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .3);--putty-shadow-lg: 0 40px 90px -20px rgba(0, 0, 0, .7), 0 4px 16px rgba(0, 0, 0, .3);--putty-dock-bg: rgba(30, 32, 38, .55);--putty-titlebar-bg: rgba(30, 32, 38, .82)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--putty-bg: #14151a;--putty-fg: #f2f3f6;--putty-fg-muted: #9a9ea7;--putty-card: rgba(36, 38, 46, .72);--putty-card-solid: #22242c;--putty-border: rgba(255, 255, 255, .1);--putty-accent: #4a90ff;--putty-accent-fg: #ffffff;--putty-danger: #ff453a;--putty-success: #30d158;--putty-shadow: 0 20px 55px -12px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .3);--putty-shadow-lg: 0 40px 90px -20px rgba(0, 0, 0, .7), 0 4px 16px rgba(0, 0, 0, .3);--putty-dock-bg: rgba(30, 32, 38, .55);--putty-titlebar-bg: rgba(30, 32, 38, .82)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.45 var(--putty-font);color:var(--putty-fg);background:var(--putty-bg);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--putty-font-mono)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--putty-border);background:var(--putty-card-solid);color:var(--putty-fg);border-radius:var(--putty-radius-sm);padding:8px 14px;font-weight:500;cursor:pointer;transition:transform .12s var(--putty-ease-spring),background .15s}.btn:hover{filter:brightness(.97)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn--sm{padding:5px 10px;font-size:12.5px;border-radius:7px}.btn--primary{background:var(--putty-accent);color:var(--putty-accent-fg);border-color:transparent}.btn--danger{background:transparent;color:var(--putty-danger);border-color:var(--putty-danger)}.btn--link{background:none;border:none;color:var(--putty-accent);text-decoration:underline;padding:4px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--putty-fg-muted)}.field input{padding:10px 12px;border-radius:var(--putty-radius-sm);border:1px solid var(--putty-border);background:var(--putty-card-solid);color:var(--putty-fg);font-size:14px}.login-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#6c8dff,#8f6bff 45%,#1a1c26)}.login-gate__card{width:min(380px,90vw);background:var(--putty-card);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--putty-border);border-radius:var(--putty-radius-lg);box-shadow:var(--putty-shadow-lg);padding:40px 32px;text-align:center;animation:putty-pop var(--putty-dur) var(--putty-ease-spring)}.login-gate__logo{font-size:40px;margin-bottom:8px}.login-gate__vps{margin:0 0 4px;font-size:22px;text-transform:lowercase;letter-spacing:.5px}.login-gate__tagline{color:var(--putty-fg-muted);margin:0 0 24px;font-size:13px}.login-gate__form{display:flex;flex-direction:column;gap:14px;text-align:left}.login-gate__error{color:var(--putty-danger);font-size:12.5px}.login-gate__ok{color:var(--putty-success);font-size:12.5px}.login-gate__feedback{margin:0;padding-left:18px;color:var(--putty-danger);font-size:12px;text-align:left}.revoked-card .login-gate__logo{font-size:48px}@keyframes putty-pop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1059;display:flex;align-items:center;justify-content:center;z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(460px,92vw);background:var(--putty-card-solid);border-radius:var(--putty-radius-lg);border:1px solid var(--putty-border);box-shadow:var(--putty-shadow-lg);padding:28px;animation:putty-pop var(--putty-dur) var(--putty-ease-spring)}.modal-card h2{margin-top:0}.modal-card__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.takeover-prompt{text-align:center}.takeover-prompt__icon{font-size:34px}.takeover-prompt__client{font-family:var(--putty-font-mono);font-size:12px;background:var(--putty-bg);border-radius:8px;padding:8px;margin:8px 0}.takeover-prompt__hint{color:var(--putty-fg-muted);font-size:12px}.desktop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:background-image .4s ease}.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--putty-bg)}.dock{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:10px;padding:10px 14px;background:var(--putty-dock-bg);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border-radius:24px;border:1px solid var(--putty-border);box-shadow:var(--putty-shadow);z-index:4000}.dock__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:4px 6px;border-radius:12px;transition:transform .15s var(--putty-ease-spring)}.dock__item:hover{transform:translateY(-6px)}.dock__icon{font-size:30px;line-height:1}.dock__label{font-size:9px;color:var(--putty-fg-muted);max-width:56px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock__dot{position:absolute;bottom:22px;width:5px;height:5px;border-radius:50%;background:var(--putty-accent)}.dock__divider{width:1px;background:var(--putty-border);margin:4px 2px}.dock__menu{position:absolute;bottom:60px;background:var(--putty-card-solid);border:1px solid var(--putty-border);border-radius:10px;box-shadow:var(--putty-shadow);display:flex;flex-direction:column;overflow:hidden;min-width:100px;z-index:10}.dock__menu button{padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer}.dock__menu button:hover{background:var(--putty-bg)}.putty-window{position:absolute;display:flex;flex-direction:column;background:var(--putty-card-solid);border-radius:var(--putty-radius-lg);box-shadow:var(--putty-shadow);border:1px solid var(--putty-border);overflow:hidden;transition:box-shadow .2s,border-radius .2s}.putty-window--maximized{border-radius:var(--putty-radius)}.putty-window--dragging{box-shadow:var(--putty-shadow-lg)}.putty-window__titlebar{height:34px;flex:none;display:flex;align-items:center;justify-content:center;position:relative;background:var(--putty-titlebar-bg);border-bottom:1px solid var(--putty-border);cursor:grab;-webkit-user-select:none;user-select:none}.putty-window__grabber{position:absolute;left:50%;top:6px;transform:translate(-50%);width:36px;height:4px;border-radius:3px;background:var(--putty-border)}.putty-window__title{font-size:12.5px;font-weight:600;color:var(--putty-fg-muted);display:flex;align-items:center;gap:6px}.putty-window__icon{font-size:13px}.putty-window__menu-wrap{position:absolute;right:6px;top:4px}.putty-window__menu-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:16px;color:var(--putty-fg-muted)}.putty-window__menu-btn:hover{background:var(--putty-border)}.putty-window__menu{position:absolute;right:0;top:30px;background:var(--putty-card-solid);border:1px solid var(--putty-border);border-radius:10px;box-shadow:var(--putty-shadow);display:flex;flex-direction:column;min-width:130px;overflow:hidden;z-index:10}.putty-window__menu button{padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px}.putty-window__menu button:hover{background:var(--putty-bg)}.putty-window__menu-danger{color:var(--putty-danger)}.putty-window__body{flex:1;overflow:auto;position:relative}.putty-window__iframe{width:100%;height:100%;border:none}.putty-window__iframe--updated{animation:putty-window-shimmer 1s ease-out}@keyframes putty-window-shimmer{0%{box-shadow:inset 0 0 0 2px var(--putty-accent, #5b8def)}to{box-shadow:inset 0 0 0 2px transparent}}.putty-window__handle{position:absolute;z-index:2}.putty-window__handle--n,.putty-window__handle--s{left:8px;right:8px;height:6px;cursor:ns-resize}.putty-window__handle--n{top:-3px}.putty-window__handle--s{bottom:-3px}.putty-window__handle--e,.putty-window__handle--w{top:8px;bottom:8px;width:6px;cursor:ew-resize}.putty-window__handle--e{right:-3px}.putty-window__handle--w{left:-3px}.putty-window__handle--ne,.putty-window__handle--nw,.putty-window__handle--se,.putty-window__handle--sw{width:14px;height:14px}.putty-window__handle--ne{top:-4px;right:-4px;cursor:nesw-resize}.putty-window__handle--nw{top:-4px;left:-4px;cursor:nwse-resize}.putty-window__handle--se{bottom:-4px;right:-4px;cursor:nwse-resize}.putty-window__handle--sw{bottom:-4px;left:-4px;cursor:nesw-resize}.window-drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4500;cursor:grabbing}.snap-preview{position:fixed;background:color-mix(in srgb,var(--putty-accent) 22%,transparent);border:2px solid var(--putty-accent);border-radius:var(--putty-radius);z-index:4400;pointer-events:none;transition:left .12s ease-out,top .12s ease-out,width .12s ease-out,height .12s ease-out}.window-switcher{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:6px;overflow-x:auto;z-index:3000}.window-switcher__item{flex:none;padding:6px 10px;border-radius:10px;border:1px solid var(--putty-border);background:var(--putty-card);font-size:12px}.window-switcher__item--active{background:var(--putty-accent);color:var(--putty-accent-fg)}.phone-sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--putty-card-solid);z-index:2000;padding-top:var(--putty-safe-top);padding-bottom:var(--putty-safe-bottom)}.phone-sheet__bar{padding:12px 16px;font-weight:600;border-bottom:1px solid var(--putty-border)}.phone-sheet__body{flex:1;overflow:auto}.settings-app{display:flex;height:100%}.settings-app__nav{width:160px;flex:none;border-right:1px solid var(--putty-border);padding:10px;display:flex;flex-direction:column;gap:2px}.settings-app__nav-item{text-align:left;background:none;border:none;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}.settings-app__nav-item--active{background:var(--putty-accent);color:var(--putty-accent-fg)}.settings-app__panel{flex:1;padding:20px;overflow:auto}.settings-panel h3{margin-top:0}.settings-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.settings-table th,.settings-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--putty-border)}.access-code-reveal{margin:12px 0;padding:14px;background:var(--putty-bg);border-radius:var(--putty-radius);text-align:center}.access-code-reveal__code{font-family:var(--putty-font-mono);font-size:24px;letter-spacing:2px}.access-code-reveal__expiry{font-size:12px;color:var(--putty-fg-muted);margin-top:4px}.toggle-row{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px}.wallpaper-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.wallpaper-grid__item{aspect-ratio:16/10;border-radius:10px;border:2px solid transparent;background-size:cover;cursor:pointer}.wallpaper-grid__item--selected{border-color:var(--putty-accent)}.danger-confirm{margin-top:10px;display:flex;flex-direction:column;gap:8px}.finder-app{display:flex;flex-direction:column;height:100%}.finder-app--dragover{outline:3px dashed var(--putty-accent);outline-offset:-6px}.finder-app__toolbar{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--putty-border)}.finder-app__breadcrumbs{display:flex;gap:4px;padding:6px 10px;font-size:12px;color:var(--putty-fg-muted)}.finder-app__crumb{background:none;border:none;cursor:pointer;color:var(--putty-accent);padding:2px}.finder-app__error{color:var(--putty-danger);padding:4px 10px;font-size:12px}.finder-app__loading{padding:4px 10px;font-size:12px;color:var(--putty-fg-muted)}.finder-app__list{flex:1;overflow:auto}.finder-app__row{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:default;font-size:13px}.finder-app__row:hover{background:var(--putty-bg)}.finder-app__row--selected{background:color-mix(in srgb,var(--putty-accent) 18%,transparent)}.finder-app__name{flex:1}.finder-app__size,.finder-app__mtime{color:var(--putty-fg-muted);font-size:11.5px;width:80px;text-align:right}.finder-app__empty{padding:30px;text-align:center;color:var(--putty-fg-muted)}.finder-app__rename-input{flex:1;padding:2px 6px}.builder-app{padding:16px;height:100%;overflow:auto}.builder-app__toolbar{display:flex;justify-content:space-between;align-items:center}.builder-app__notice{background:var(--putty-bg);border-radius:10px;padding:10px;margin:10px 0;font-size:12.5px;color:var(--putty-fg-muted)}.builder-app__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:14px}.builder-app__empty{color:var(--putty-fg-muted);padding:20px;grid-column:1/-1;text-align:center}.applet-card{background:var(--putty-card);border:1px solid var(--putty-border);border-radius:var(--putty-radius);padding:12px;text-align:center;position:relative}.applet-card__icon{font-size:30px}.applet-card__name{font-weight:600;font-size:13px;margin-top:4px}.applet-card__meta{font-size:11px;color:var(--putty-fg-muted);display:flex;align-items:center;justify-content:center;gap:4px}.applet-card__dot{width:6px;height:6px;border-radius:50%;background:var(--putty-success)}.applet-card__actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:8px}.applet-card__share{margin-top:8px;display:flex;gap:4px;align-items:center;font-size:11px;background:var(--putty-bg);border-radius:8px;padding:4px}.applet-card__disclosure{margin-top:8px;background:none;border:none;color:var(--putty-fg-muted);font-size:11px;cursor:pointer}.applet-card__logs{text-align:left;font-size:10.5px;max-height:100px;overflow:auto;background:var(--putty-bg);padding:6px;border-radius:6px}.composer__textarea{width:100%;border-radius:var(--putty-radius-sm);border:1px solid var(--putty-border);padding:10px;margin-top:10px;resize:vertical}.composer__row{margin-top:8px}.composer__log{max-height:140px;overflow:auto;background:var(--putty-bg);border-radius:8px;padding:8px;font-size:11px;margin-top:10px}.hostservices-demo{padding:16px;overflow:auto;height:100%}.circle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4200;pointer-events:none}.sparkle-trail-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4300}.marching-ants{position:fixed;border:2px dashed var(--putty-accent);border-radius:12px;box-shadow:0 0 16px color-mix(in srgb,var(--putty-accent) 60%,transparent);animation:ants-march .7s linear infinite;pointer-events:none}@keyframes ants-march{to{background-position:16px 0}}.listening-indicator{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--putty-card-solid);border:1px solid var(--putty-border);border-radius:20px;padding:8px 16px;font-size:12.5px;display:flex;align-items:center;gap:8px;box-shadow:var(--putty-shadow);pointer-events:auto}.listening-indicator__dot{width:8px;height:8px;border-radius:50%;background:var(--putty-danger);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.mode-switch-strip{position:fixed;bottom:70px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.mode-switch-strip__btn{background:var(--putty-card-solid);border:1px solid var(--putty-border);border-radius:16px;padding:8px 14px;font-size:12.5px;cursor:pointer;box-shadow:var(--putty-shadow)}.mode-switch-strip__btn--exit{color:var(--putty-danger)}.typed-input-bar{position:fixed;bottom:70px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:var(--putty-card-solid);border-radius:16px;padding:6px;box-shadow:var(--putty-shadow);pointer-events:auto}.typed-input-bar input{padding:8px 12px;border-radius:12px;border:1px solid var(--putty-border);width:260px}.putty-toast-host{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:9000}.putty-toast{background:var(--putty-card-solid);border:1px solid var(--putty-border);border-radius:var(--putty-radius-sm);box-shadow:var(--putty-shadow);padding:10px 14px;font-size:12.5px;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s}.putty-toast--in{opacity:1;transform:translateY(0)}.putty-camera-preview{border-radius:var(--putty-radius);object-fit:cover;z-index:9500}.applet-card__badge{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:600;border:none;cursor:default}.applet-card__badge--pending{background:color-mix(in srgb,var(--putty-accent) 16%,transparent);color:var(--putty-accent)}.applet-card__badge--failed{background:color-mix(in srgb,var(--putty-danger) 16%,transparent);color:var(--putty-danger);cursor:pointer}.applet-card__badge--failed:hover{background:color-mix(in srgb,var(--putty-danger) 26%,transparent)}.shell-status-hint{font-size:11px;color:var(--putty-fg-muted);margin-left:8px}.hub-status-pill{position:fixed;top:calc(10px + var(--putty-safe-top));left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;background:var(--putty-card-solid);border:1px solid var(--putty-border);box-shadow:var(--putty-shadow);animation:hub-status-pill-in .2s var(--putty-ease-spring)}.hub-status-pill__dot{width:7px;height:7px;border-radius:50%;flex:none}.hub-status-pill--reconnecting .hub-status-pill__dot{background:#f5a623;animation:hub-status-pill-pulse 1.1s ease-in-out infinite}.hub-status-pill--lost{color:var(--putty-danger);border-color:color-mix(in srgb,var(--putty-danger) 40%,var(--putty-border))}.hub-status-pill--lost .hub-status-pill__dot{background:var(--putty-danger)}.hub-status-pill__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:0}@keyframes hub-status-pill-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes hub-status-pill-pulse{0%,to{opacity:1}50%{opacity:.35}}.finder-app__row[draggable=true]{cursor:grab}.finder-app__row--drag-source{opacity:.5}.finder-app__row--drop-target{outline:2px solid var(--putty-accent);outline-offset:-2px;background:color-mix(in srgb,var(--putty-accent) 10%,transparent)}.finder-app__crumb--drop-target{outline:2px solid var(--putty-accent);outline-offset:2px;border-radius:6px}.putty-applet-frame{position:relative;width:100%;height:100%}.putty-applet-frame__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--putty-gap);padding:calc(var(--putty-gap) * 2);text-align:center;background:var(--putty-card-solid);color:var(--putty-fg-muted);font-size:12.5px}.putty-applet-frame__spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--putty-border);border-top-color:var(--putty-accent);animation:putty-applet-frame-spin .8s linear infinite}@keyframes putty-applet-frame-spin{to{transform:rotate(360deg)}}.putty-applet-frame__overlay-message{margin:0;color:var(--putty-fg);font-weight:500}.putty-applet-frame__retry-btn{border:1px solid var(--putty-border);background:var(--putty-card);color:var(--putty-fg);border-radius:var(--putty-radius-sm);padding:6px 14px;font:inherit;font-weight:500;cursor:pointer}.putty-applet-frame__retry-btn:hover{background:var(--putty-bg)}.putty-applet-frame__banner{position:absolute;top:0;left:0;right:0;z-index:2;padding:4px 10px;font-size:11px;text-align:center;background:var(--putty-danger);color:#fff;pointer-events:none}