@charset "UTF-8";:root{--bg-0:#070b11;--bg-1:#0e131b;--bg-2:#121a25;--text-0:#e7ecf5;--text-1:#a6b3c6;--brand:#6da8ff;--ok:#5bd49b;--ring:#7aa2ff20;--shadow:0 18px 50px rgba(0, 0, 0, .55)}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{height:100%}body{height:100%;margin:0;color:var(--text-0);background:transparent;background-blend-mode:screen,screen,normal,normal;background-size:auto,auto,auto,40px 40px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.4;padding:32px;display:grid;place-items:center}.garage-window{width:min(1100px,100%);background:linear-gradient(180deg,#141a24bf,#0d131dbf);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);border-radius:16px;box-shadow:var(--shadow);outline:1px solid rgba(255,255,255,.0784313725);overflow:clip;position:relative;margin-left:auto;margin-right:auto}.garage-window .car{display:none}.garage-window.loc-pillbox-hill .car[data-location=pillbox-hill],.garage-window.loc-alta-street .car[data-location=alta-street]{display:block}.window__titlebar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(180deg,#121822e6,#0e141ee6),radial-gradient(600px 200px at 0% -50%,rgba(56,85,143,.2),transparent);border-bottom:1px solid rgba(255,255,255,.0705882353);position:relative}.window__title{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.title__dot{width:10px;height:10px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 6px var(--ring)}.window__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:34px;height:28px;border-radius:8px;display:inline-grid;place-items:center;font-size:18px;line-height:1;color:#eaeef6;background:#ffffff10;outline:1px solid rgba(255,255,255,.0784313725);transition:transform .06s ease,filter .15s ease,background .15s ease}.window__btn:hover{filter:brightness(1.08)}.window__btn:active{transform:translateY(1px) scale(.98)}.window__btn--close{background:#ef4d4d1a}.window__btn--close:hover{background:#ef4d4d33}.window__body{padding:16px;background:linear-gradient(180deg,#0c121a8c,#0a101899)}.garage__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.car{background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border-radius:16px;padding:16px;box-shadow:0 12px 30px #00000073;outline:1px solid rgba(255,255,255,.062745098);transition:transform .15s ease,outline-color .15s ease,box-shadow .15s ease;position:relative;isolation:isolate}.car:hover{transform:translateY(-2px);outline-color:#ffffff26;box-shadow:0 18px 38px #0000008c}.car__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.car__name{margin:0;font-size:1.15rem;font-weight:700}.car__plate{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0b1320;padding:6px 10px;border-radius:10px;letter-spacing:.8px;outline:1px solid rgba(143,179,255,.2);box-shadow:inset 0 0 0 1px #0006}.car__media{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin:10px 0 12px;background:#0b1320;outline:1px solid rgba(255,255,255,.062745098);box-shadow:inset 0 0 0 1px #0006}.car__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.25));pointer-events:none}.car__media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);filter:saturate(1.05);transition:transform .2s ease,filter .2s ease}.car:hover .car__media img{transform:scale(1.03);filter:saturate(1.1)}.car__details{margin:6px 0 14px;display:grid;gap:8px}.message{margin-top:10px;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border-radius:16px;padding:16px;box-shadow:0 12px 30px #00000073;outline:1px solid rgba(255,255,255,.062745098);transition:transform .15s ease,outline-color .15s ease,box-shadow .15s ease;position:relative;isolation:isolate}.message__row{display:block;grid-template-columns:110px 1fr;align-items:baseline;gap:10px;padding:8px 10px;border-radius:12px}.car__row{display:grid;grid-template-columns:110px 1fr;align-items:baseline;gap:10px;padding:8px 10px;border-radius:12px}.car__row dt{color:var(--text-1);font-size:.85rem}.car__row dd{margin:0;font-weight:600}.car__actions{display:flex;gap:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:10px 14px;border-radius:12px;background:var(--brand);color:#0a0f18;font-weight:700;letter-spacing:.2px;box-shadow:0 6px 18px #6da8ff33,inset 0 0 0 1px #00000040;transition:transform .06s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--text-0);outline:1px solid rgba(255,255,255,.1019607843);box-shadow:none}.btn--ghost:hover{filter:brightness(1.1)}@media (max-width: 600px){.window__body{padding:12px}}@media (max-width: 420px){.car__row{grid-template-columns:1fr;gap:4px}.window__titlebar{grid-template-columns:1fr auto;padding:8px 10px}}body{position:relative;isolation:isolate;min-height:100vh;background:#0b0b0c}body:before{content:"";position:fixed;top:-10vh;right:-10vw;bottom:-10vh;left:-10vw;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'><rect width='1200' height='800' fill='%230b0b0c'/><polygon points='0,0 300,0 150,200' fill='%23121213'/><polygon points='300,0 600,0 450,200' fill='%23181819'/><polygon points='600,0 900,0 750,200' fill='%231f1f20'/><polygon points='900,0 1200,0 1050,200' fill='%23262627'/><polygon points='0,0 150,200 0,400' fill='%23151516'/><polygon points='150,200 300,0 300,400' fill='%231b1b1c'/><polygon points='150,200 300,400 0,400' fill='%23212122'/><polygon points='300,0 450,200 300,400' fill='%23171718'/><polygon points='450,200 600,0 600,400' fill='%231d1d1e'/><polygon points='450,200 600,400 300,400' fill='%23232324'/><polygon points='600,0 750,200 600,400' fill='%23141415'/><polygon points='750,200 900,0 900,400' fill='%231b1b1c'/><polygon points='750,200 900,400 600,400' fill='%23222223'/><polygon points='900,0 1050,200 900,400' fill='%23161617'/><polygon points='1050,200 1200,0 1200,400' fill='%231d1d1e'/><polygon points='1050,200 1200,400 900,400' fill='%23282829'/><polygon points='0,400 150,200 300,400' fill='%23141415'/><polygon points='0,400 300,400 150,600' fill='%231b1b1c'/><polygon points='300,400 450,200 600,400' fill='%23212122'/><polygon points='300,400 600,400 450,600' fill='%23171718'/><polygon points='600,400 750,200 900,400' fill='%23262627'/><polygon points='600,400 900,400 750,600' fill='%231a1a1b'/><polygon points='900,400 1050,200 1200,400' fill='%23202021'/><polygon points='900,400 1200,400 1050,600' fill='%232b2b2c'/><polygon points='0,400 150,600 0,800' fill='%23121213'/><polygon points='150,600 300,400 300,800' fill='%2319191a'/><polygon points='150,600 300,800 0,800' fill='%23202021'/><polygon points='300,400 450,600 300,800' fill='%23151516'/><polygon points='450,600 600,400 600,800' fill='%231d1d1e'/><polygon points='450,600 600,800 300,800' fill='%23232324'/><polygon points='600,400 750,600 600,800' fill='%23141415'/><polygon points='750,600 900,400 900,800' fill='%231b1b1c'/><polygon points='750,600 900,800 600,800' fill='%23222223'/><polygon points='900,400 1050,600 900,800' fill='%23161617'/><polygon points='1050,600 1200,400 1200,800' fill='%231d1d1e'/><polygon points='1050,600 1200,800 900,800' fill='%23282829'/></svg>");background-size:cover;background-position:center;background-repeat:no-repeat;transform-origin:center;animation:bg-drift 40s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.04),transparent 60%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.03),transparent 60%),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.02),transparent 60%);mix-blend-mode:overlay}@keyframes bg-drift{0%{transform:translateZ(0) scale(1) rotate(0)}to{transform:translate3d(2rem,-2rem,0) scale(1.07) rotate(2deg)}}@media (prefers-reduced-motion: reduce){body:before{animation:none;transform:none}}.chatOverview{width:25%;position:absolute;top:0;left:0;border:1px solid rgba(255,255,255,.0549019608);height:100vh}.chatArea{width:75%;position:absolute;top:0;left:25%;border:1px solid rgba(255,255,255,.0549019608);height:100vh}.profileImage{width:24px;height:24px;border-radius:50%;background-color:#4a90e2;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');background-size:60%;background-repeat:no-repeat;background-position:center;display:inline-block;flex-shrink:0}.message--own{border-left:5px solid red}.message--other{border-left:5px solid blue}.chat-input-container{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:12px;padding:16px;background:linear-gradient(180deg,#121822f2,#0e141ef2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.0549019608);box-shadow:0 8px 25px #0000004d}.chat-input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:linear-gradient(180deg,#0e131b,#121a25);color:#e7ecf5;padding:12px 16px;border-radius:12px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.4;outline:1px solid rgba(255,255,255,.062745098);transition:outline-color .15s ease,background .15s ease;resize:none;min-height:44px;max-height:120px}.chat-input::placeholder{color:#a6b3c6;opacity:.7}.chat-input:focus{outline-color:#6da8ff40;background:linear-gradient(180deg,#0f141c,#131b26)}.chat-input:hover:not(:focus){outline-color:#ffffff18}.chat-send-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:12px 16px;border-radius:12px;background:#6da8ff;color:#0a0f18;font-weight:600;font-size:14px;min-width:80px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #6da8ff40,inset 0 0 0 1px #00000026;transition:transform .06s ease,filter .15s ease,box-shadow .15s ease}.chat-send-btn:hover{filter:brightness(1.05);box-shadow:0 6px 18px #6da8ff59,inset 0 0 0 1px #00000026}.chat-send-btn:active{transform:translateY(1px) scale(.98)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.chatArea .window__body{padding-bottom:100px}.footer{position:absolute;bottom:0;left:0}:root{--bg-0: #070b11;--bg-1: #0e131b;--bg-2: #121a25;--text-0: #e7ecf5;--text-1: #a6b3c6;--brand: #6da8ff;--ok: #5bd49b;--ring: #7aa2ff20;--shadow: 0 18px 50px rgba(0, 0, 0, .55)}.room-container{position:absolute;top:0;left:0;width:100%;height:100vh}.video-list-panel{position:absolute;top:0;left:0;width:400px;height:100vh;background:linear-gradient(180deg,#0c121a8c,#0a101899);border-right:1px solid rgba(255,255,255,.0705882353);display:flex;flex-direction:column;z-index:10}.panel-header{padding:16px;background:linear-gradient(180deg,#121822e6,#0e141ee6),radial-gradient(600px 200px at 0% -50%,rgba(56,85,143,.2),transparent);border-bottom:1px solid rgba(255,255,255,.0705882353);display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-0);letter-spacing:.2px;display:inline-flex;align-items:center;gap:10px}.panel-header h3:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 6px var(--ring)}.sync-debug-controls{display:flex;gap:8px;align-items:center}.timestamp-display{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg-2);color:var(--brand);padding:6px 10px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:60px;text-align:center}.debug-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;background:var(--bg-2);color:var(--text-0);font-size:12px;font-weight:600;outline:1px solid rgba(255,255,255,.1019607843);transition:all .15s ease}.debug-btn:hover{background:var(--bg-1);outline-color:#ffffff26}.debug-btn.active{background:var(--brand);color:#0a0f18;outline-color:var(--brand)}.debug-btn.sync-btn{background:var(--ok);color:#0a0f18;outline-color:var(--ok);font-weight:700}.debug-btn.sync-btn:hover{background:#4bc48a;outline-color:#4bc48a}.debug-btn.sync-play-btn{background:#28a745;color:#0a0f18;outline-color:#28a745;font-weight:600;font-size:11px}.debug-btn.sync-play-btn:hover{background:#218838;outline-color:#218838}.debug-btn.sync-pause-btn{background:#dc3545;color:#fff;outline-color:#dc3545;font-weight:600;font-size:11px}.debug-btn.sync-pause-btn:hover{background:#c82333;outline-color:#c82333}.add-video-section{padding:16px;border-bottom:1px solid rgba(255,255,255,.0705882353);background:linear-gradient(180deg,#0a1018cc,#080e16cc)}.add-video-input-container{display:flex;gap:8px;align-items:center}.add-video-input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));color:var(--text-0);padding:10px 12px;border-radius:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;outline:1px solid rgba(255,255,255,.062745098);transition:outline-color .15s ease,background .15s ease}.add-video-input::placeholder{color:var(--text-1);opacity:.7}.add-video-input:focus{outline-color:var(--brand);background:linear-gradient(180deg,#0f141c,#131b26)}.add-video-input:hover:not(:focus){outline-color:#ffffff18}.add-video-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:10px;background:var(--brand);color:#0a0f18;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6da8ff40,inset 0 0 0 1px #00000026;transition:transform .06s ease,filter .15s ease,box-shadow .15s ease}.add-video-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 6px 18px #6da8ff59,inset 0 0 0 1px #00000026}.add-video-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.add-video-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.add-video-error{margin-top:8px;font-size:12px;color:#ef4d4d;background:#ef4d4d1a;padding:6px 10px;border-radius:8px;border:1px solid rgba(239,77,77,.2)}.video-list{flex:1;overflow-y:auto;padding:16px}.video-item{background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 12px 30px #00000073;outline:1px solid rgba(255,255,255,.062745098);cursor:pointer;transition:transform .15s ease,outline-color .15s ease,box-shadow .15s ease;position:relative;isolation:isolate;display:flex;gap:12px}.video-item:hover{transform:translateY(-2px);outline-color:#ffffff26;box-shadow:0 18px 38px #0000008c}.video-item.active{outline-color:var(--brand);box-shadow:0 18px 38px #6da8ff40}.video-thumbnail{position:relative;width:80px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#0b1320;outline:1px solid rgba(255,255,255,.062745098);box-shadow:inset 0 0 0 1px #0006}.video-thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.25));pointer-events:none}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);filter:saturate(1.05);transition:transform .2s ease,filter .2s ease}.video-item:hover .video-thumbnail img{transform:scale(1.03);filter:saturate(1.1)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1}.play-overlay svg{width:12px;height:12px}.video-info{flex:1;min-width:0}.video-title{font-size:14px;font-weight:700;color:var(--text-0);margin:0 0 6px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-meta{display:flex;gap:8px;align-items:center;margin-bottom:4px}.video-duration{font-size:12px;color:var(--text-1);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0b1320;padding:4px 8px;border-radius:8px;letter-spacing:.5px;outline:1px solid rgba(143,179,255,.2);box-shadow:inset 0 0 0 1px #0006;display:inline-block}.video-timestamp{font-size:11px;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#6da8ff26;padding:3px 6px;border-radius:6px;letter-spacing:.3px}.video-status{font-size:12px;opacity:.6}.video-status.playing{opacity:1;color:var(--ok)}.video-added-by{font-size:11px;color:var(--text-1);margin:0;opacity:.7}.video-player-panel{position:absolute;top:0;left:400px;right:0;height:100vh;background:linear-gradient(180deg,#0c121a8c,#0a101899);display:flex;flex-direction:column}.video-player-container{flex:1;padding:24px;display:flex;align-items:center;justify-content:center}.video-player{width:100%;max-width:none;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);outline:1px solid rgba(255,255,255,.0784313725);background:#0b1320}.video-player iframe{width:100%;height:100%}.youtube-player-container{width:100%;height:100%;background:#000}.no-video-selected{display:flex;align-items:center;justify-content:center;width:100%;height:50vh;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border-radius:16px;box-shadow:0 12px 30px #00000073;outline:1px solid rgba(255,255,255,.062745098)}.placeholder-content{text-align:center;color:var(--text-1)}.placeholder-content svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.placeholder-content p{font-size:16px;margin:0;font-weight:600}.video-list::-webkit-scrollbar{width:8px}.video-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.video-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;outline:1px solid rgba(255,255,255,.0784313725)}.video-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width: 768px){.video-list-panel{position:absolute;top:0;left:0;right:0;width:100%;height:300px;border-right:none;border-bottom:1px solid rgba(255,255,255,.0705882353)}.video-player-panel{position:absolute;top:300px;left:0;right:0;bottom:0;height:auto}.video-list{display:flex;gap:12px;flex-direction:row;overflow-x:auto;overflow-y:hidden}.video-item{min-width:250px;margin-bottom:0}}.footer{position:absolute;bottom:0;left:0;width:400px;padding:10px 16px;background:linear-gradient(180deg,#121822e6,#0e141ee6);border-top:1px solid rgba(255,255,255,.0705882353);font-size:12px;color:var(--text-1);z-index:11}