:root{--color-text: #28292b;--color-text-muted: #75777d;--color-text-subtle: #9a9ca1;--color-background: #f5f5f5;--color-surface: #ffffff;--color-border: rgba(0, 0, 0, .08);--font-family: museo-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-medium: .25s ease-out;--transition-slow: .4s ease-out;--toolbar-margin: 16px;--toolbar-padding: 16px;--toolbar-blur-size: 8px;--toolbar-blur-bg: rgba(0, 0, 0, .1);--toolbar-bg: rgba(255, 255, 255, .95);--toolbar-radius: 20px;--slider-handle-size: 20px;--slider-rail-height: 40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;font-weight:500;background:var(--toolbar-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;background:#000}.hsb-frame{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.hsb-frame__video-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.video-player{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-slow)}.video-player.connected{opacity:1}.tv-static{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.blur-frame{background:var(--toolbar-blur-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:var(--toolbar-blur-size);box-shadow:0 4px 4px #0000000d}.blur-frame--header{position:fixed;top:var(--toolbar-margin);left:var(--toolbar-margin);z-index:100;border-radius:calc(var(--toolbar-radius) + var(--toolbar-blur-size))}.blur-frame--toolbar{position:fixed;bottom:var(--toolbar-margin);left:var(--toolbar-margin);width:calc(100% - 2 * var(--toolbar-margin));max-width:768px;z-index:100;border-radius:calc(var(--toolbar-radius) + var(--toolbar-blur-size))}.site-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--toolbar-bg);border-radius:var(--toolbar-radius)}.site-header__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);padding-right:var(--spacing-xs);border-right:1px solid var(--color-border);margin-right:var(--spacing-xs)}.site-header__nav{display:flex;align-items:center;gap:2px;background:#0000000a;padding:3px;border-radius:var(--radius-full)}.site-header__tab{padding:6px 12px;border:none;background:transparent;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast),color var(--transition-fast)}.site-header__tab:hover{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #00000014}.hsb-frame__toolbar{padding:var(--toolbar-padding);background:var(--toolbar-bg);border-radius:var(--toolbar-radius);display:flex;gap:var(--spacing-md)}.hsb-frame__info-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);width:180px;flex-shrink:0}.hsb-frame__color-row{display:flex;align-items:center;gap:var(--spacing-sm)}.hsb-frame__swatch{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.hsb-frame__color-details{flex:1;min-width:0}.hsb-frame__color-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsb-frame__color-hex{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.hsb-frame__color-brightness{font-size:var(--font-size-xs);color:var(--color-text-subtle);margin-top:-2px}.hsb-frame__submit{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-background);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast),transform var(--transition-fast)}.hsb-frame__submit:hover{opacity:.85}.hsb-frame__submit:active{transform:scale(.98)}.hsb-frame__submit:disabled{opacity:.35;cursor:not-allowed;transform:none}.hsb-frame__status{height:16px;display:flex;align-items:center}.hsb-frame__color-picker{flex:1;display:flex;gap:var(--spacing-sm);align-items:stretch}.slider-rail{position:relative;border-radius:var(--radius-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.slider-rail:focus{outline:2px solid var(--color-text);outline-offset:3px}.slider-handle{position:absolute;width:var(--slider-handle-size);height:var(--slider-handle-size);border-radius:50%;background:#fff;border:3px solid currentColor;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;transform:translate(-50%,-50%);cursor:grab;pointer-events:none;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.slider-rail:active .slider-handle{cursor:grabbing;box-shadow:0 4px 12px #0003,0 2px 4px #0000001a;transform:translate(-50%,-50%) scale(1.1)}.color-area{position:relative;flex:1;min-height:80px;border-radius:var(--radius-sm);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.color-area__hue,.color-area__saturation{border-radius:var(--radius-sm)}.color-area:focus{outline:2px solid var(--color-text);outline-offset:3px}.color-area__hue{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-area__saturation{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,white 100%)}.color-area__handle{position:absolute;width:var(--slider-handle-size);height:var(--slider-handle-size);border-radius:50%;background:#fff;border:3px solid currentColor;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;transform:translate(-50%,-50%);pointer-events:none}.color-area:active .color-area__handle{box-shadow:0 4px 12px #0003,0 2px 4px #0000001a;transform:translate(-50%,-50%) scale(1.1)}.slider-rail--brightness{position:relative;border-radius:var(--radius-sm);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.slider-rail--brightness-horizontal{flex:1;height:28px;background:linear-gradient(to right,#1a1a1a,#4a4a4a,#8a8a8a,#c8c8c8,#f0f0f0)}.slider-rail--brightness-vertical{width:28px;height:100%;background:linear-gradient(to top,#1a1a1a,#4a4a4a,#8a8a8a,#c8c8c8,#f0f0f0)}.slider-rail--brightness .slider-handle{border-color:#555}.queue-status{font-size:var(--font-size-xs);color:var(--color-text-muted)}.start-stream{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.start-stream__button-wrapper{background:var(--toolbar-blur-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:var(--toolbar-blur-size);border-radius:50%;box-shadow:0 4px 4px #0000000d}.start-stream__button{width:80px;height:80px;border-radius:50%;border:none;background:var(--toolbar-bg);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.start-stream__button:hover{transform:scale(1.05)}.start-stream__button:active{transform:scale(.98)}.start-stream__icon{margin-left:4px}.start-stream__text{text-align:center;font-size:var(--font-size-sm);color:#fffc;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5)}.start-stream__action{color:#fff;font-weight:600}.bio-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium);z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bio-overlay--visible{opacity:1;visibility:visible}.bio-panel{position:fixed;top:0;left:0;bottom:0;width:560px;max-width:90vw;background-color:#fefefe;background-image:url(/images/blurbrush-v.jpg);background-position:150% 100%;background-repeat:no-repeat;background-size:55vh auto;transform:translate(-100%);transition:transform var(--transition-medium);z-index:200;overflow-y:auto;display:flex;flex-direction:column;box-shadow:8px 0 32px #0000001f}.bio-panel--open{transform:translate(0)}.bio-panel--site{background-image:none}.bio-panel__content{flex:1;padding:40px 50px 100px;max-width:600px}.bio-panel__tabs{display:inline-flex;align-items:center;gap:2px;background:#0000000a;padding:3px;border-radius:var(--radius-full);margin-bottom:var(--spacing-xl)}.bio-panel__tab{padding:8px 16px;border:none;background:transparent;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast),color var(--transition-fast)}.bio-panel__tab:hover{color:var(--color-text)}.bio-panel__tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #00000014}.bio-panel__close{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border:none;background:#00000014;font-size:24px;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--transition-fast),color var(--transition-fast);z-index:201}.bio-panel__close:hover{background:#0000001f;color:var(--color-text)}.bio-panel__content h1{font-size:36px;font-weight:500;line-height:44px;margin-top:0;margin-bottom:14px;background-image:url(/images/blur.jpg);background-size:cover;background-position:0 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.bio-panel__intro{margin-top:0;margin-bottom:50px;color:var(--color-text-muted);font-size:14px;font-weight:500;line-height:20px}.bio-panel__intro p{margin:0}.bio-panel__diagram{margin-bottom:40px;border-radius:var(--radius-md);overflow:hidden}.bio-panel__diagram img{width:100%;height:auto;display:block}.bio-panel__section{display:flex;flex-direction:column;gap:0}.bio-panel__row{display:flex;align-items:baseline;margin-top:24px}.bio-panel__row:first-child{margin-top:0}.bio-panel__row--compact{margin-top:16px}.bio-panel__label{flex-shrink:0;width:56px;font-size:10px;font-weight:700;line-height:20px;text-transform:uppercase;color:var(--color-text-muted)}.bio-panel__value{flex:1;font-size:14px;font-weight:500;line-height:20px;color:var(--color-text)}.bio-panel__value strong{font-weight:500;display:block;color:var(--color-text)}.bio-panel__company-line{display:block}.bio-panel__company{color:var(--color-text-muted);font-weight:500}.bio-panel__company a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px}.bio-panel__company a:hover{color:var(--color-text-muted)}.bio-panel__note{margin-left:6px;font-size:14px;color:var(--color-text-subtle);font-weight:500}@media (max-width: 767px){:root{--toolbar-margin: 0px;--toolbar-padding: 16px;--slider-rail-height: 36px}.hsb-frame{display:flex;flex-direction:column}.hsb-frame__video-area{position:relative;flex:1;min-height:0}.blur-frame--header{top:16px;left:16px}.site-header{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.site-header__name{padding-right:var(--spacing-xs);margin-right:0}.site-header__nav{padding:2px}.site-header__tab{padding:5px 10px;font-size:var(--font-size-xs)}.blur-frame--toolbar{position:relative;bottom:auto;left:auto;right:auto;width:100%;max-width:none;padding:0;background:none;border-radius:calc(var(--radius-lg) + var(--toolbar-blur-size)) calc(var(--radius-lg) + var(--toolbar-blur-size)) 0 0;margin-top:calc(-1 * var(--radius-lg))}.hsb-frame__toolbar{flex-direction:column;gap:var(--spacing-sm);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-md)}.hsb-frame__info-panel{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}.hsb-frame__color-row{flex:1;min-width:120px}.hsb-frame__info-panel .slider-rail--brightness{flex:1;min-width:80px}.hsb-frame__submit{flex-shrink:0}.hsb-frame__status{width:100%}.hsb-frame__color-picker{flex-direction:column;gap:var(--spacing-sm)}.color-area{min-height:120px;order:1}.slider-rail--brightness-horizontal{flex:none;width:100%;height:28px;order:2}.bio-panel{width:100%;max-width:none;background-image:url(/images/blurbrush-h.jpg);background-position:50% 100%;background-size:100% auto}.bio-panel--site{background-image:none}.bio-panel__content{padding:40px 24px 200px}.bio-panel__content h1{font-size:28px;line-height:36px}.bio-panel__close{top:var(--spacing-md);right:var(--spacing-md)}}@media (max-width: 479px){:root{--toolbar-margin: 12px;--toolbar-padding: 12px}.hsb-frame__swatch{width:32px;height:32px}.hsb-frame__color-details{min-width:60px}.start-stream__button{width:64px;height:64px}.start-stream__icon{width:24px;height:24px}}