@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-base:#0b0d10;--panel-strong:#0c1014eb;--panel-soft:#14181edb;--panel-border:#ffffff17;--panel-border-strong:#ff914d6b;--text-primary:#f7f4ef;--text-secondary:#f7f4efb8;--text-muted:#f7f4ef7a;--accent:#ff7a1a;--accent-bright:#ff9c55;--accent-soft:#ff7a1a29;--success:#34d399;--danger:#ff8b63;--bar-height:144px;--ticker-height:42px;--card-radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-primary);font-feature-settings:"tnum" 1;background:#000;font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden}#webcam,#demo-camera-feed{object-fit:cover;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}body>canvas{z-index:1!important}#overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#settings-btn{color:#fff;cursor:pointer;pointer-events:auto;z-index:10;background:#ff6600e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .3s,background .2s,transform .2s;display:flex;position:absolute;top:20px;right:20px}#settings-btn svg{width:28px;height:28px;font-family:Segoe UI Symbol,Apple Symbols,Noto Sans Symbols,sans-serif;font-size:22px;font-weight:400;display:block}#settings-btn:hover{background:#ff7900;transform:rotate(30deg)}#settings-btn.hidden{opacity:0;pointer-events:none}#update-notification{color:#fff;cursor:pointer;z-index:100;pointer-events:auto;background:#ff6600f2;border-radius:8px;padding:12px 20px;font-size:14px;transition:transform .2s,opacity .2s;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0000004d}#update-notification:hover{transform:scale(1.05)}#update-notification.visible{display:block}#settings-modal{z-index:50;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:18px;display:flex;position:fixed;top:0;left:0}#settings-modal.hidden{display:none}#settings-card{border-radius:var(--card-radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#12161cf5 0%,#0a0e12f5 100%);border:1px solid #ff9c553d;width:min(900px,100vw - 36px);max-height:calc(100vh - 36px);padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow-y:auto;box-shadow:0 24px 70px #00000080}.settings-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}#settings-card h2{color:var(--accent-bright);margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:18px;font-weight:700;line-height:1}#settings-close{border:1px solid var(--panel-border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .2s,border-color .2s,color .2s;display:flex}#settings-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.4px;width:18px;height:18px;display:block}#settings-close:hover{color:var(--text-primary);background:#ff7a1a1f;border-color:#ff9c558c}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:12px;display:grid}.settings-footer{text-align:right;color:#ffffff40;padding-top:10px;font-size:11px}.settings-panel{border:1px solid var(--panel-border);border-radius:var(--card-radius);background:#14181ec7;padding:12px}.settings-panel-wide{grid-column:1/-1}.settings-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;line-height:1}.settings-row,.settings-select-row{border:1px solid var(--panel-border);border-radius:var(--card-radius);background:#ffffff0b;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:8px 10px;display:flex}.settings-row+.settings-row,.settings-row+.settings-subsection,.settings-subsection+.settings-row,.ticker-input-section,.feed-list{margin-top:8px}.settings-subsection{margin-top:10px}.settings-row:focus-within,.settings-select-row:focus-within,.settings-slider:focus-within,.symbol-editor:focus-within{outline:2px solid var(--accent);outline-offset:2px}.settings-option-text{min-width:0;color:var(--text-primary);letter-spacing:0;font-size:14px;font-weight:600}.settings-option-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;line-height:1;transition:opacity .2s,transform .2s}.settings-option-btn:hover{transform:translateY(-1px)}.settings-option-btn:focus-visible,.settings-switch:focus-visible,.layout-option:focus-visible,.feed-chip:focus-visible,.symbol-chip button:focus-visible,.settings-select:focus-visible,.symbol-add-row input:focus-visible{outline-offset:2px;outline:2px solid #fff}.settings-switch{cursor:pointer;background:#ffffff1c;border:1px solid #ffffff21;border-radius:999px;flex:0 0 46px;width:46px;height:24px;transition:background .2s,border-color .2s;position:relative}.settings-switch span{background:var(--text-secondary);border-radius:999px;width:16px;height:16px;transition:background .2s,transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #00000059}.settings-switch.active{background:var(--accent-soft);border-color:var(--panel-border-strong)}.settings-switch.active span{background:var(--accent-bright);transform:translate(22px)}.settings-switch:disabled{cursor:wait;opacity:.55}.layout-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.layout-option{border:1px solid var(--panel-border);border-radius:var(--card-radius);min-width:0;color:var(--text-secondary);cursor:pointer;text-align:center;background:#ffffff0b;padding:10px;transition:background .2s,border-color .2s,color .2s}.layout-option:hover{background:#ffffff13}.layout-option.active{border-color:var(--panel-border-strong);color:var(--text-primary);background:#ff7a1a1f}.layout-option-icon{margin-bottom:6px;font-size:24px;line-height:1}.layout-option-label{font-size:12px;font-weight:700}.settings-slider{border:1px solid var(--panel-border);border-radius:var(--card-radius);background:#ffffff0b;padding:10px}.settings-slider input[type=range]{appearance:none;background:#ffffff29;border-radius:999px;width:100%;height:5px}.settings-slider input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.settings-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);cursor:pointer;border-radius:50%;width:16px;height:16px}.settings-slider input[type=range]::-moz-range-thumb{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-bright) 100%);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.slider-labels{color:var(--text-muted);justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.feed-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:136px;display:grid;overflow-y:auto}.feed-chip{border:1px solid var(--panel-border);min-width:0;color:var(--text-secondary);cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0e;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:700;line-height:1;transition:background .2s,border-color .2s,color .2s;overflow:hidden}.feed-chip:hover{background:#ffffff14}.feed-chip.active{border-color:var(--panel-border-strong);color:var(--text-primary);background:#ffffff13}.ticker-input-section{margin-top:8px}.ticker-input-section label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:block}.symbol-editor{border:1px solid var(--panel-border);border-radius:var(--card-radius);background:#ffffff0b;padding:8px}.symbol-chip-list{flex-wrap:wrap;gap:6px;min-height:28px;display:flex}.symbol-chip,.empty-chip{border-radius:999px;align-items:center;gap:6px;padding:7px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.symbol-chip{color:var(--text-primary);background:#ffffff12;border:1px solid #ff9c553d}.symbol-chip button{width:14px;height:14px;color:var(--text-secondary);cursor:pointer;background:#ffffff24;border:none;border-radius:999px;padding:0;font-size:13px;line-height:12px}.symbol-chip button:hover{color:var(--text-primary);background:#ffffff38}.empty-chip{color:var(--text-muted);border:1px dashed #ffffff24}.symbol-add-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px;display:grid}.symbol-add-row input,.settings-select{border:1px solid var(--panel-border);width:100%;min-height:30px;color:var(--text-primary);background:#080b0eb8;border-radius:999px;padding:6px 9px;font-family:inherit;font-size:12px;font-weight:600}.symbol-add-row input:focus,.settings-select:focus{border-color:var(--panel-border-strong);outline:none}.settings-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settings-compact-grid>.settings-row,.settings-compact-grid>.settings-select-row{margin-top:0}.settings-select-row{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.settings-select{cursor:pointer;max-width:96px}@media (width<=820px){#settings-card{width:min(520px,100vw - 24px)}.settings-grid,.settings-compact-grid{grid-template-columns:1fr}.settings-panel-wide{grid-column:auto}.feed-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}#status-overlay{width:100%;height:calc(100% - var(--bar-height));pointer-events:auto;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}#status-overlay.hidden{display:none}#status-card{border:1px solid var(--panel-border-strong);text-align:left;background:#12161cf5;border-radius:8px;width:min(680px,100% - 64px);padding:36px 44px;font-family:inherit;box-shadow:0 24px 80px #00000073}#status-icon{margin-bottom:18px;font-size:48px;line-height:1}#status-title{color:var(--text-primary);margin-bottom:14px;font-size:34px;line-height:1.05}#status-message{color:var(--text-secondary);margin-bottom:22px;font-family:inherit;font-size:20px;line-height:1.5}#status-tips{color:var(--text-primary);gap:10px;margin:0 0 28px 20px;font-family:inherit;font-size:18px;line-height:1.42;display:grid}#status-tips li::marker{color:var(--accent-bright)}#status-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f60 0%,#ff7900 100%);border:none;border-radius:8px;padding:14px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .2s}#status-btn:hover{transform:scale(1.05)}@media (height<=760px){#status-card{width:min(620px,100% - 64px);padding:26px 34px}#status-icon{margin-bottom:14px;font-size:36px}#status-title{margin-bottom:12px;font-size:28px}#status-message{margin-bottom:18px;font-size:17px;line-height:1.42}#status-tips{gap:8px;margin-bottom:22px;font-size:16px;line-height:1.36}#status-btn{padding:12px 28px;font-size:15px}}#store-modal{z-index:100;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#store-modal.hidden{display:none}#store-card{text-align:center;background:#2a2a2a;border-radius:16px;max-width:400px;padding:40px 50px}#store-card h2{color:#f60;margin-bottom:20px;font-size:24px}#store-card p{color:#ccc;margin-bottom:24px;font-size:14px}#store-input{text-align:center;color:#fff;background:#1a1a1a;border:2px solid #444;border-radius:8px;width:100%;margin-bottom:20px;padding:14px;font-size:24px}#store-input:focus{border-color:#f60;outline:none}#store-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f60 0%,#ff7900 100%);border:none;border-radius:8px;padding:14px 40px;font-size:16px;font-weight:700}#store-submit:disabled{opacity:.5;cursor:not-allowed}#appointment-bar{height:var(--bar-height);pointer-events:auto;z-index:4;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}#appointment-bar header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#12161ceb 0%,#0b0e12e6 100%);border-top:1px solid #ff9c5547;border-bottom:1px solid #ffffff14;flex-shrink:0;grid-template-columns:auto auto minmax(220px,1fr) auto;grid-template-areas:"title stats timeline meta";gap:14px;min-height:46px;padding:9px 18px;display:grid;box-shadow:0 -12px 28px #00000047}#appointment-bar header .title{letter-spacing:0;white-space:nowrap;grid-area:title;align-self:center;font-size:18px;font-weight:700;line-height:1}#queue-stats{grid-area:stats;justify-content:flex-end;align-items:center;gap:0;min-width:0;display:flex}.queue-stat{background:#ff7a1a14;border:1px solid #ff9c5533;border-radius:999px;align-items:baseline;gap:7px;min-width:0;padding:6px 10px;display:flex}.queue-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:500}.queue-stat-value{white-space:nowrap;font-size:13px;font-weight:700;line-height:1}#appointment-bar header .meta-info{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);grid-area:meta;justify-content:flex-end;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;display:flex}#appointment-bar header .meta-info>:is(div,button){border:1px solid var(--panel-border);white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:6px 9px}#appointment-bar header .meta-info>button{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}#appointment-bar header .meta-info>button:hover,#appointment-bar header .meta-info>button:focus-visible{background:#ff7a1a1f;border-color:#ff9c558c;outline:none}#day-timeline{border:1px solid var(--panel-border);background:#ffffff0d;border-radius:999px;grid-area:timeline;justify-content:stretch;justify-self:center;align-items:center;gap:8px;width:100%;min-width:0;max-width:560px;padding:3px 10px;display:flex;overflow:hidden}.tl-track{flex:auto;justify-content:stretch;align-items:center;gap:4px;min-width:0;height:16px;display:flex;position:relative}.tl-slot{cursor:default;box-sizing:border-box;border-radius:3px;flex:1 1 0;min-width:5px;max-width:16px;height:10px;transition:background .3s,opacity .3s,transform .2s}.tl-slot:hover{z-index:1;position:relative;transform:scaleY(1.35)}.tl-slot.is-empty{background:#ffffff2e;height:4px}.tl-slot.is-low{background:#ffffff73}.tl-slot.is-double{background:0 0;height:14px;position:relative;overflow:visible}.tl-slot.is-double:before,.tl-slot.is-double:after{content:"";pointer-events:none;background:#ffffff8f;border-radius:3px;height:5px;position:absolute;left:0;right:0}.tl-slot.is-double:before{top:1px}.tl-slot.is-double:after{bottom:1px}.tl-slot.is-past:not(.is-empty){opacity:.55}.tl-slot.is-past.is-empty{opacity:.28}.tl-slot.is-current{position:relative;overflow:visible}.tl-cursor{top:50%;left:var(--tl-cursor-left,0%);z-index:2;cursor:default;background:#fff;border-radius:999px;width:2px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ff7a1a8c,0 0 8px #ff7a1ab3}.tl-flag{opacity:.72;flex-shrink:0;font-size:10px;line-height:1}#appointments-container{--appointments-pad-x:18px;--appointments-pad-y:10px;--appointments-pad-x-2:36px;--appointments-pad-y-2:20px;--appointments-pad-x-neg:-18px;--appointments-pad-y-neg:-10px;padding:var(--appointments-pad-y) var(--appointments-pad-x);scrollbar-width:none;-ms-overflow-style:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#0a0e12eb;flex:1;gap:16px;display:flex;overflow:auto hidden}#appointments-container::-webkit-scrollbar{display:none}#appointments-container.autoscrolling{overflow:hidden}#appointments-pinned{flex-shrink:0;align-items:stretch;gap:16px;display:flex}#appointments-scrollable{display:contents}#appointments-container.autoscrolling #appointments-scrollable{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:stretch;gap:16px;display:flex;overflow-x:auto}#appointments-container.autoscrolling #appointments-scrollable::-webkit-scrollbar{display:none}.appointment{--appointment-card-width:232px;min-width:var(--appointment-card-width);width:var(--appointment-card-width);border-radius:var(--card-radius);border:1px solid var(--panel-border);background:linear-gradient(#1c2127f5 0%,#12161cf5 100%);flex-direction:column;flex-shrink:0;justify-content:space-between;height:76px;padding:9px 10px;transition:all .3s;display:flex;box-shadow:0 10px 24px #00000038}.appointment-gap{--gap-size:56px;flex:0 0 var(--gap-size);border-radius:var(--card-radius);min-width:74px;min-height:44px;color:var(--text-secondary);box-sizing:border-box;background:#ffffff0b;border:1px dashed #ffffff29;justify-content:center;align-self:stretch;align-items:center;padding:0 10px;font-family:IBM Plex Mono,monospace;display:flex;position:relative;overflow:hidden}.appointment-gap:before{content:"";background:linear-gradient(90deg,#0000,#ffffff3d,#0000);height:1px;position:absolute;top:50%;left:10px;right:10px}.appointment-gap-label{box-sizing:border-box;color:var(--text-secondary);letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#0a0e125c;border:1px solid #ffffff14;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700;line-height:1;position:relative;overflow:hidden}.appointment.urgent{border-color:var(--panel-border-strong);background:linear-gradient(#382214f5 0%,#1e130cf5 100%);box-shadow:0 12px 30px #ff7a1a2e}.appointment.ongoing{background:linear-gradient(#302317f7 0%,#181814f7 100%);border-color:#ff9c5594;box-shadow:0 12px 30px #ff7a1a33}.appointment.double-booked{border-color:var(--accent-bright);box-shadow:0 12px 30px #ff7a1a38}.appointment.double-appointment{--appointment-card-width:371.2px;background:linear-gradient(#2a1f16f5 0%,#141617f5 100%);border-color:#ff9c559e;box-shadow:inset 0 1px #ff9c552e,0 12px 30px #ff7a1a29}.appointment.double-appointment.urgent,.appointment.double-appointment.ongoing{background:linear-gradient(#322818f7 0%,#161e1af7 100%);border-color:#ff9c55ad}.appointment-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.customer-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;flex:1;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.appointment-badges{flex-shrink:0;align-items:flex-start;gap:5px;display:flex}.double-booked-badge,.appointment-count-badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#fff1e8;background:#ff7a1a70;border:1px solid #ff9c55d1;border-radius:999px;padding:4px 6px;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:800;line-height:1}.appointment-count-badge{color:#fff1e8;background:#ff7a1a57;border-color:#ff9c55c7}.appointment-time{color:var(--text-primary);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:3px 6px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600}.appointment-middle{align-items:center;gap:8px;display:flex}.countdown{color:var(--text-secondary);letter-spacing:0;font-size:12px;font-weight:700}.countdown.urgent{color:#ffd7bc;font-weight:700;animation:3s ease-in-out infinite pulse}.appointment-progress{flex-direction:column;gap:5px;width:100%;display:flex}.appointment-progress-meta{color:#ffd7bc;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;line-height:1;display:flex}.appointment-progress-track{background:#ffffff17;border-radius:999px;height:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.appointment-progress-fill{width:var(--appointment-progress,0%);border-radius:inherit;background:linear-gradient(90deg, var(--accent), #ffd0a8);height:100%;transition:width .3s}.service-type{color:var(--text-secondary);background-color:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;width:fit-content;max-width:100%;padding:3px 7px;font-size:9px;position:relative;overflow:hidden}.service-type-text{white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;display:inline-block}.service-type-text.scrolling{animation:scrollText var(--scroll-duration,4s) linear infinite alternate}@keyframes scrollText{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--scroll-distance,0px))}}.idle-shooter{pointer-events:auto;border-radius:var(--card-radius);cursor:crosshair;touch-action:none;position:relative;overflow:hidden}.idle-shooter-demo{background:#0b0d10;border-radius:0;width:100vw;height:100vh;position:fixed;inset:0}.idle-shooter-empty{width:calc(100% + var(--appointments-pad-x-2));height:calc(100% + var(--appointments-pad-y-2));margin:var(--appointments-pad-y-neg) var(--appointments-pad-x-neg);border-radius:0;flex:auto}.idle-shooter-tail{min-width:160px;min-height:calc(100% + var(--appointments-pad-y-2));margin-block:var(--appointments-pad-y-neg);border-radius:0;flex:auto;align-self:stretch;margin-inline-end:var(--appointments-pad-x-neg);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 28px);mask-image:linear-gradient(90deg,#0000 0,#000 28px)}body.layout-left .idle-shooter-tail{min-width:0;min-height:160px;width:calc(100% + var(--appointments-pad-x-2));margin-block:0 var(--appointments-pad-y-neg);margin-inline:var(--appointments-pad-x-neg);-webkit-mask-image:linear-gradient(#0000 0,#000 28px);mask-image:linear-gradient(#0000 0,#000 28px)}.idle-shooter canvas{width:100%;height:100%;display:block}.loading,.error,.no-appointments{color:#ccc;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.error{color:#f44}.loading-spinner{border:2px solid #3a3a3a;border-top-color:#f60;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.82}}body.layout-left #appointment-bar{flex-direction:column;width:320px;height:100%;position:absolute;inset:0 auto 0 0}body.layout-left #appointment-bar header{flex-direction:column;align-items:stretch;gap:8px;padding:14px;display:flex}body.layout-left #appointment-bar header .title{font-size:17px}body.layout-left #queue-stats{justify-content:stretch}body.layout-left #appointment-bar header .meta-info{justify-content:space-between;width:100%;font-size:12px}body.layout-left #appointments-container{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;overflow:hidden auto}body.layout-left #appointments-container::-webkit-scrollbar{display:none}body.layout-left #appointments-pinned{flex-direction:column}body.layout-left #appointments-container.autoscrolling #appointments-scrollable{flex-direction:column;overflow:hidden auto}body.layout-left .appointment{min-width:unset;width:100%;height:auto;min-height:76px}body.layout-left .appointment.double-appointment{min-height:122px}body.layout-left .appointment-gap{width:100%;min-width:unset;padding:8px 10px}body.layout-left .appointment-gap:before{background:linear-gradient(#0000,#ffffff3d,#0000);width:1px;height:auto;inset:8px auto 8px 50%}body.layout-left #status-overlay{width:calc(100% - 320px);height:100%;left:320px}#news-ticker{height:var(--ticker-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#070a0ef0;border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0;overflow:hidden}#news-ticker.visible{display:block}.ticker-track{height:100%;animation:ticker-scroll var(--ticker-duration,60s) linear infinite;align-items:center;width:max-content;display:flex}.ticker-track:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{white-space:nowrap;align-items:center;gap:8px;padding:0 20px;font-size:12px;display:flex}.ticker-separator{color:#fff3;padding:0 2px}.ticker-stock{color:var(--text-primary);font-weight:600}.ticker-symbol{color:#9ec5ff;background:#9ec5ff1f;border-radius:999px;padding:3px 7px;font-family:IBM Plex Mono,monospace}.ticker-price{color:var(--text-primary)}.ticker-change{font-family:IBM Plex Mono,monospace;font-size:11px}.ticker-change.up{color:#22c55e}.ticker-change.down{color:#ef4444}.ticker-change.neutral{color:#888}.ticker-news{color:var(--text-secondary)}.ticker-news .ticker-source{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;background:#ff7a1a2e;border-radius:999px;margin-right:2px;padding:3px 7px;font-size:10px}.ticker-onthisday{color:var(--text-secondary)}.ticker-onthisday .ticker-source{color:#f8df9d;letter-spacing:.08em;text-transform:uppercase;background:#c9a96a29;border-radius:999px;margin-right:2px;padding:3px 7px;font-size:10px}.ticker-loading{color:#888;padding:0 24px}body.ticker-enabled #appointment-bar{bottom:42px}body.ticker-enabled #status-overlay{height:calc(100% - var(--bar-height) - var(--ticker-height))}body.layout-left #news-ticker{left:0}body.layout-left.ticker-enabled #appointment-bar{bottom:0}body.layout-left.ticker-enabled #status-overlay{height:calc(100% - var(--ticker-height))}#focus-pip{z-index:15;pointer-events:auto;background:#000;border-radius:12px;flex-direction:column;width:180px;height:320px;display:flex;position:fixed;bottom:140px;right:20px;overflow:hidden;box-shadow:0 8px 32px #00000080}#focus-pip.hidden{display:none}#focus-pip-header{cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#ff6600e6;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:flex}#focus-pip-header:active{cursor:grabbing}#focus-pip-controls{align-items:center;gap:4px;display:flex}#focus-pip-controls button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:16px;line-height:1}#focus-pip-controls button:hover{opacity:1;background:#ffffff26}#focus-pip-close{font-size:18px}#focus-video-container{flex:1;width:100%;position:relative;overflow:hidden}#focus-video{width:100%;height:100%;position:absolute;top:0;left:0}#focus-video iframe{border:none;width:100%;height:100%}#focus-pip-resize{cursor:nwse-resize;pointer-events:auto;z-index:10;background:linear-gradient(135deg,#0000 40%,#fff6 40%);border-radius:0 0 12px;width:24px;height:24px;position:absolute;bottom:0;right:0}#focus-pip-resize:hover{background:linear-gradient(135deg,#0000 40%,#f60c 40%)}body.ticker-enabled #focus-pip{bottom:172px}body.layout-left #focus-pip{bottom:20px}body.layout-left.ticker-enabled #focus-pip{bottom:52px}
