:root{--bg: #000000;--white-100: rgba(173, 181, 189, 1);--a29a96: #ADB5BD;--white-92: rgba(173, 181, 189, .92);--white-82: rgba(173, 181, 189, .82);--white-75: rgba(173, 181, 189, .75);--white-70: rgba(173, 181, 189, .7);--white-55: rgba(173, 181, 189, .55);--white-45: rgba(173, 181, 189, .45);--white-40: rgba(173, 181, 189, .4);--white-35: rgba(173, 181, 189, .35);--white-25: rgba(173, 181, 189, .25);--white-12: rgba(173, 181, 189, .12);--white-10: rgba(173, 181, 189, .1);--white-07: rgba(173, 181, 189, .07);--white-06: rgba(173, 181, 189, .06);--panel-bg: rgba(0, 0, 0, .62);--context-gap: 10px;--status-todo: #808080;--status-todo-bg: rgba(160, 160, 160, .12);--status-upnext: #8A4FFF;--status-upnext-bg: rgba(138, 79, 255, .12);--status-progress: #2ECC71;--status-progress-bg:rgba(46, 204, 113, .12);--status-review: #F0A500;--status-review-bg: rgba(240, 165, 0, .12);--status-done: #E74C3C;--status-done-bg: rgba(231, 76, 60, .12);--font: "Space Grotesk", system-ui, -apple-system, sans-serif}html:has(.overlay-root),body:has(.overlay-root),body:has(.overlay-root) #root,html:has(.overlay-root) body{background:transparent!important}.overlay-root{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;font-family:var(--font);color:var(--white-92);user-select:none}.overlay-scaler{position:absolute;top:0;left:0;width:1440px;height:1080px;transform-origin:top left}.overlay-root *,.overlay-root *:before,.overlay-root *:after{box-sizing:border-box;margin:0;padding:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.overlay-root button{cursor:pointer;border:1px solid var(--white-25);background:transparent;color:var(--white-92);font-family:inherit}.overlay-root input,.overlay-root select{border:1px solid var(--white-25);background:#000000d1;color:var(--white-92);font-family:inherit}.overlay-root button:focus-visible,.overlay-root input:focus-visible,.overlay-root select:focus-visible{outline:1px solid var(--white-55);outline-offset:2px}.zone-top{position:absolute;left:0;top:0;width:1440px;height:810px}.timeline{position:absolute;left:1095.33px;top:10px;width:334.67px;height:799px;background:transparent;border:none;padding:10px;display:block}.mode-work .timeline{display:block}.mode-explain .timeline,.mode-break .timeline{display:none}.timeline-list{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.timeline-list::-webkit-scrollbar{display:none}.tl-item{display:flex;flex-direction:column;gap:6px;width:100%}.tl-meta{display:flex;justify-content:flex-start;font-family:inherit;font-size:12px;color:var(--white-45);letter-spacing:.1em;text-transform:uppercase;align-items:center}@keyframes subtleDotPulse{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.9}}.status-dot{display:inline-block;font-size:1.3em;animation:subtleDotPulse 3s infinite ease-in-out}.tl-meta.current{color:var(--white-92)}.tl-pill{display:flex;flex-direction:column;gap:4px;color:var(--white-45);background:#000000bf;border:1px solid var(--white-25);padding:10px;border-radius:0;width:100%;overflow:hidden}.tl-title{display:block;font-family:inherit;font-size:36px;font-weight:300;line-height:1.04;letter-spacing:-.006em;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-pill.current{color:var(--white-92);border-color:var(--white-45)}.context-shell{position:absolute;left:0;top:809px;width:1440px;height:261px;display:none;padding:0}.mode-work .context-shell,.mode-explain .context-shell{display:block}.overlay-root.mode-work .explain-banner,.overlay-root.mode-standby .explain-banner,.overlay-root.mode-break .explain-banner{display:none!important}.overlay-root.mode-explain .explain-banner{display:flex!important}.explain-banner{position:absolute;top:10px;left:10px;width:1420px;height:75px;display:flex!important;justify-content:space-between;align-items:center;padding:0 40px;background:var(--panel-bg);border:1px solid var(--white-45);font-family:inherit;font-size:.75rem;font-weight:400;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--white-92);z-index:9999}.explain-banner-date{font-size:36px;line-height:1.04;letter-spacing:-.006em;font-variant-numeric:tabular-nums;white-space:nowrap}.explain-banner-day{font-size:36px;line-height:1.04;letter-spacing:-.006em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--white-100)}.explain-banner-time{font-size:36px;line-height:1.04;letter-spacing:-.006em;font-variant-numeric:tabular-nums;white-space:nowrap}.explain-display-gap{top:75px!important}.mode-explain .hero-timer-pill,.mode-explain .side-line-counts,.mode-explain .progress-strip,.mode-explain .side-col{display:none!important}.minecraft-session-progress-overlay .side-line{font-size:35px;line-height:1.04}.minecraft-box-title{margin:0}.mode-minecraft .minecraft-box>*{visibility:visible}.minecraft-today-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--context-gap);align-content:start}.minecraft-total-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--context-gap)}.minecraft-metric{display:flex;flex-direction:column;gap:4px}.minecraft-metric .tl-meta{font-size:14px}.minecraft-metric .side-line{font-size:38px}.bottom-metrics .tl-meta{font-size:11px}.bottom-metrics .side-line{font-size:35px}.minecraft-metric-wide{grid-column:1 / -1}.mc-box-header{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--white-100);border-bottom:1px solid var(--white-25);padding-bottom:6px;margin-bottom:4px}.mc-stat-row{gap:2px!important}.mc-stat-row .tl-meta{font-size:11px!important}.mc-stat-row .side-line{font-size:32px!important}.mc-today-box{grid-column:1}.mc-totality-box{grid-column:2}.mc-monitor-box{grid-column:3;position:relative;height:100%;overflow:hidden}.mc-webcam-box{grid-column:4;position:relative;height:100%}.frame-monitor{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid var(--white-45)}.context-panel{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 293.33px 334.67px;gap:var(--context-gap);padding:var(--context-gap)}.hero-col{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--context-gap);min-width:0;padding-right:0}.today-time{font-size:92.5px;line-height:.92;font-weight:400;color:var(--white-92);letter-spacing:-.012em;white-space:nowrap;font-variant-numeric:tabular-nums}.session-line{font-size:36px;line-height:1.04;font-weight:300;color:var(--white-92);display:flex;align-items:center;gap:var(--context-gap);white-space:nowrap;font-variant-numeric:tabular-nums}.session-label{color:var(--white-92)}.side-col{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--context-gap);text-align:left;min-width:0}.hero-pill{align-self:stretch;max-width:100%}.hero-timer-pill{margin:0}.context-pill{display:inline-flex;align-items:center;justify-content:flex-start;font-family:inherit;font-size:.75rem;font-weight:400;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--white-92);background:transparent;border:1px solid var(--white-45);padding:9px 22px;border-radius:0;transition:color .18s ease,border-color .18s ease;width:100%;overflow:hidden}.context-pill.stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--context-gap)}.side-line{display:block;font-size:36px;line-height:1.04;color:inherit;white-space:nowrap;letter-spacing:-.006em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.mode-explain .progress-strip,.mode-break .progress-strip{display:none!important}.progress-strip{position:absolute;left:10px;top:1049px;width:1075.33px;height:21px;background:transparent;border:1px solid var(--white-45);border-radius:0;overflow:hidden;display:block}.mode-explain .progress-strip{display:none!important}.progress-fill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--a29a96);transition:width 1s linear}.break-screen{position:absolute;left:0;top:0;width:1440px;height:1080px;display:none;overflow:hidden;background:var(--bg)}.mode-break .break-screen,.mode-standby .standby-screen{display:flex}.full-screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:100}.screen-stack{text-align:center;display:flex;flex-direction:column;align-items:center;gap:40px}.screen-block{display:flex;flex-direction:column;align-items:center;gap:0}.screen-time-stack{display:flex;flex-direction:column;gap:8px}.screen-task-stack{display:flex;flex-direction:column;align-items:center;gap:16px}.break-label{font-size:32px;font-weight:300;line-height:1;letter-spacing:.2em;color:var(--a29a96);white-space:nowrap;opacity:1}.break-timer{font-size:220px;font-weight:300;line-height:1;letter-spacing:-.02em;color:var(--a29a96);font-family:monospace}.screen-time{font-size:32px;color:var(--white-75);letter-spacing:.04em;text-transform:uppercase}.screen-date{font-size:20px;color:var(--white-45);letter-spacing:.02em}.screen-divider{width:60px;height:2px;background:var(--white-25)}.screen-task-label{font-size:14px;letter-spacing:.2em;color:var(--white-45);text-transform:uppercase}.screen-task-list{display:flex;flex-direction:column;gap:12px}.screen-task-item{font-size:24px;color:var(--white-92);font-weight:400}.screen-task-empty{font-size:20px;color:var(--white-25);font-style:italic}.standby-title{font-size:72px;font-weight:300;line-height:1;letter-spacing:.2em;color:var(--a29a96);white-space:nowrap;opacity:1;font-family:var(--font)}.break-fill{position:absolute;left:0;top:0;width:0;height:100%;background:var(--a29a96);transition:width 1s linear}.break-content{position:relative;z-index:2;width:100%;height:100%;padding:100px 120px 80px;display:grid;grid-template-rows:auto auto auto auto auto 1fr auto;gap:18px}.inverted{color:var(--a29a96);mix-blend-mode:difference}.break-clock{text-align:center;font-size:120px;line-height:.9;font-weight:400}.break-date{text-align:center;font-size:30px}.break-duration{text-align:center;font-size:30px;color:var(--white-82)}.mode-buttons{display:flex;justify-content:center;gap:20px}.mode-btn{width:200px;height:60px;font-size:24px;letter-spacing:.06em;text-transform:uppercase}.mode-btn.active{background:var(--a29a96);color:var(--bg);border-color:var(--white-45)}.controls-row{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.inline-form{display:inline-flex;align-items:center;gap:var(--context-gap)}.inline-form input,.inline-form select,.inline-form button,.counter input[type=number]::-webkit-inner-spin-button,.counter input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter input[type=number]{-moz-appearance:textfield;appearance:textfield;outline:none}.counter button{height:42px;font-size:16px;padding:0 12px}.inline-form input{width:280px}.counter{display:inline-flex;align-items:center;border:1px solid var(--white-25)}.counter-label{font-size:16px;padding:0 12px;height:42px;display:flex;align-items:center}.counter-value{min-width:56px;text-align:center}.counter button{min-width:42px;border:0;border-left:1px solid var(--white-25)}.break-summary{text-align:center;font-size:28px;color:var(--white-82)}.break-task-admin{border-top:1px solid var(--white-12);padding-top:12px;max-height:260px;overflow-y:auto;scrollbar-width:none}.break-task-admin::-webkit-scrollbar{width:0;height:0}.admin-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--white-10);padding:8px;margin-bottom:8px}.admin-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-actions{display:flex;gap:6px}.admin-actions button{height:30px;font-size:12px;padding:0 8px}.break-progress-base{position:absolute;left:0;bottom:0;width:1440px;height:24px;background:transparent;border:1px solid rgba(162,154,150,.12);border-radius:0}.obs-status{position:absolute;right:10px;top:10px;font-size:12px;color:var(--white-45)}.dashboard-shell{min-height:100dvh;width:100%;background:#000;display:flex;flex-direction:column;align-items:flex-start}.dashboard-login{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#000}.login-box{width:min(420px,90vw);padding:24px;background:var(--panel-bg);border:1px solid var(--white-45)}.login-title{color:#fff;margin-bottom:24px;font-size:18px}.form-stack{display:flex;flex-direction:column;gap:16px}.button-tight{margin-top:8px}.control-panel{width:100%;max-width:800px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:var(--context-gap);gap:var(--context-gap);flex:1}.panel-header{display:flex;justify-content:space-between;align-items:center;width:100%}.panel-status{display:flex;align-items:center;gap:var(--context-gap)}.panel-status.connected{color:#4daa57}.panel-status.disconnected{color:#f95738}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--context-gap);width:100%}.grid-1{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--context-gap);width:100%}.grid-gap-top{margin-top:var(--context-gap)}.grid-gap-bottom{margin-bottom:var(--context-gap)}.panel-row{display:flex;justify-content:space-between;align-items:center;width:100%}.panel-grow{flex:1;min-height:350px}.button-wide{width:100%}.button-sm{width:80px;font-size:10px}.button-xs{width:60px}.mode-btn.danger{border-color:#f9573880;color:#f95738}.input-full{width:100%}.input-pad{padding:0 var(--context-gap)}.yt-live{color:#4daa57;font-size:14px}.yt-empty{color:var(--white-35);font-size:14px}.yt-textarea{flex:1;width:100%;min-height:280px;background:transparent;border:none;color:var(--white-70);resize:vertical;outline:none;font-family:monospace}.floating-logs{position:fixed;bottom:var(--context-gap);right:5%;width:90%;max-width:300px;pointer-events:none;z-index:999}.floating-log{background:var(--panel-bg);color:var(--white-92);font-size:11px;font-family:monospace;padding:var(--context-gap);border-left:2px solid var(--white-45);margin-bottom:var(--context-gap);backdrop-filter:blur(10px);word-break:break-word}.obs-frame{position:absolute;border:1px solid var(--white-45);background:transparent;pointer-events:none;z-index:10}.frame-display{left:10px;top:10px;width:1420px;height:799px}.frame-webcam{left:1095.33px;top:819px;width:334.67px;height:251px}.frame-context{display:none}.mode-explain .frame-webcam{left:unset;right:10px;bottom:10px;top:unset;width:660px;height:495px;z-index:50}.mode-explain .hero-pill{position:absolute;top:95px;bottom:unset;left:10px;width:750px;height:166px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:var(--context-gap);background:var(--panel-bg);border:1px solid var(--white-45);font-size:1.25rem;letter-spacing:.1em;color:var(--white-100)}.explain-pill-stack{position:absolute;top:95px;left:10px;width:750px;display:flex;flex-direction:column;gap:var(--context-gap);z-index:30}.explain-pill{height:78px;display:flex;align-items:center;justify-content:center;background:var(--panel-bg);border:1px solid var(--white-45);font-size:1.25rem;letter-spacing:.1em;color:var(--white-100)}.mode-explain .frame-display{top:95px;left:10px;width:1420px;height:799px;border-bottom:0;border-right:0;z-index:10}.mode-explain .frame-display:before{content:"";position:absolute;right:0;top:0;height:calc(100% - 319px);border-right:1px solid var(--white-45);pointer-events:none}.mode-explain .frame-display:after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 660px);border-bottom:1px solid var(--white-45);pointer-events:none}.paused-text{color:#ffba08;font-weight:500}