/* Reflow / scheduling studio. Original design, system fonts, no external assets. */
:root{color-scheme:dark;--bg:#101317;--panel:#171b20;--line:#30363e;--text:#f0f2f5;--muted:#a0a9b6;--lime:#dbff73;--cyan:#7bdbe8;--purple:#c1abff;--orange:#ffbc85}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;color:inherit;background:#252b33;border:1px solid #414a56;padding:9px 13px;border-radius:4px;transition:background .15s}button:hover:not(:disabled){background:#353e49}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}input,select{width:100%;padding:10px 11px;background:#101419;border:1px solid #414a56;border-radius:4px;color:var(--text);min-height:40px}input[type=checkbox]{min-height:0;width:16px;height:16px;accent-color:var(--lime);flex-shrink:0}label{display:block;font-size:12px;color:#bcc5d0;margin:14px 0}label>input,label>select{display:block;margin-top:6px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.masthead{height:76px;max-width:1600px;margin:auto;display:flex;align-items:center;padding:0 36px;border-bottom:1px solid var(--line);gap:60px}.wordmark{font-size:31px;font-weight:780;letter-spacing:-1.8px}.wordmark span{color:var(--lime);margin-left:3px}.masthead nav{display:flex;gap:30px;font-size:12px;color:#c1c8d2}.source-link{font-size:12px;margin-left:auto}.intro{max-width:1600px;margin:auto;padding:40px 36px 34px;display:flex;justify-content:space-between;align-items:center;gap:40px}.overline,.label{font:10px/1.5 'Consolas',monospace;letter-spacing:1.4px;color:var(--muted);margin:0 0 12px}.intro h1{font-size:clamp(31px,3.6vw,55px);font-weight:620;line-height:1.08;letter-spacing:-2.3px;margin:0}.intro h1 span{color:#8794a4}.intro-note{max-width:300px;border-left:1px solid #44503c;padding-left:24px}.intro-note p{font-size:13px;color:#c3ccd6;line-height:1.7}.intro-note a{font-size:12px;color:var(--lime)}.chip{font:9px monospace;border:1px solid #465338;color:var(--lime);padding:5px 8px;white-space:nowrap}main{margin:0 auto;max-width:1528px;border:1px solid var(--line)}.workspace-bar{padding:13px 20px;background:#1c2229;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.workspace-bar b{font-weight:550}.muted{color:var(--muted);margin-left:8px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:10px}.toolbar{display:flex;align-items:center;gap:7px}.toolbar button{font-size:11px;padding:6px 10px}.toolbar>span{font-size:10px;color:var(--muted);margin-right:10px}.workspace-grid{display:grid;grid-template-columns:minmax(500px,1fr) 350px;min-width:0}.plan,.desk{min-width:0}.plan{border-right:1px solid var(--line)}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 24px 14px}.plan-heading select{width:190px;font-size:12px;background:#1b2027}.plan-heading .overline,.desk-heading .overline{margin-bottom:7px}h2{font-size:21px;letter-spacing:-.6px;font-weight:550;margin:0}h3{font-size:16px;font-weight:550;line-height:1.4}.plan-meta{display:flex;align-items:center;gap:15px;padding:0 24px 18px;color:var(--muted);font:10px monospace}.plan-meta #count{margin-left:auto}.text-button{border:none;background:transparent;padding:0;color:#b1bdc8;font-size:10px;text-decoration:underline}.legend{padding:12px 24px;border-block:1px solid var(--line);display:flex;gap:18px;font-size:10px;color:#bdc5cf;flex-wrap:wrap}.legend i{display:inline-block;width:6px;height:6px;margin-right:6px}.fixed{background:#8897a7}.movable{background:var(--purple)}.flex{background:var(--cyan)}.new{background:var(--lime)}.calendar-pair{display:grid;grid-template-columns:1fr 1fr}.calendar-column{min-width:0}.calendar-column+.calendar-column{border-left:1px solid var(--line);background:#131a19}.column-label{padding:15px 20px 14px 55px;display:flex;justify-content:space-between;gap:7px;font-size:12px;border-bottom:1px solid #2b3238}.column-label small{font:9px monospace;color:var(--muted);align-self:center}.proposed-label{color:var(--lime)}.timeline{height:584px;position:relative;margin:14px 14px 14px 55px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,#30363b 63px,#30363b 64px)}.hour{position:absolute;left:-41px;font:10px monospace;color:#909ba7;transform:translateY(-6px)}.event{position:absolute;left:0;right:0;border:1px solid #3c4754;border-left:3px solid #8593a2;border-radius:3px;background:#222a34;color:#d3dbe7;text-align:left;padding:7px 10px;overflow:hidden}.event.elastic{background:#182e36;border-color:#2b505b;border-left-color:var(--cyan);color:#b5e8f1}.event.soft{background:#2c263e;border-color:#504568;border-left-color:var(--purple);color:#e0d4fa}.event.new-event{background:#dbff73;color:#1a2311;border-color:#dbff73;border-left-color:#dbff73}.event.moved{outline:1px dashed #97b157;outline-offset:3px}.event small{font:9px monospace;display:block;margin-bottom:4px;opacity:.8}.event strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event .event-meta{font:9px monospace;opacity:.7;margin-top:6px}.event.compact{display:flex;align-items:center;gap:8px;padding:2px 8px}.event.compact small{margin:0;font-size:9px;flex-shrink:0}.event.compact strong{font-size:10px}.event.tiny{padding:0 5px}.event.tiny small{display:none}.event.tiny strong{font-size:9px;line-height:1}.event:hover{filter:brightness(1.18)}.timeline-prompt{position:absolute;top:160px;left:0;right:0;font-size:14px;color:#788a80;text-align:center;line-height:1.8}.plan-foot{border-top:1px solid var(--line);padding:13px 24px;font-size:10px;color:var(--muted)}.desk{padding:25px 24px;background:#1a1f26}.desk-heading{margin-bottom:20px}.form-row{display:flex;gap:12px}.form-row>*{flex:1;min-width:0}fieldset{padding:0;border:0;margin:16px 0}legend{font-size:12px;color:#bcc5d0;margin-bottom:8px}.participant-picks{display:flex;gap:7px;flex-wrap:wrap}.participant-picks label{display:flex;align-items:center;gap:5px;margin:0;font-size:10px}.participant-picks input{margin:0}.avatar{width:23px;height:23px;display:inline-grid;place-items:center;border-radius:50%;background:#453d62;color:#e0d5ff;font:9px monospace;flex-shrink:0}.avatar.jo{background:#284b50;color:#a2e4ea}.avatar.sa{background:#59472f;color:#f1cc8b}.checkline{display:flex;gap:9px;align-items:start;font-size:11px;margin:21px 0}.checkline input{margin:2px 0 0}.checkline small{display:block;font-size:10px;color:#92a0b0;margin-top:3px}.primary{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;background:var(--lime);border-color:var(--lime);color:#18200d;padding:12px 14px;font-size:12px;font-weight:650;border-radius:3px}.primary:hover:not(:disabled){background:#e8ffa2}.primary span{font-size:18px}.result{margin-top:26px;padding-top:22px;border-top:1px solid #3a424b}.result h3{margin:10px 0}.result p{font-size:12px;color:#a9b4c1;line-height:1.7}.metrics{display:flex;gap:30px;margin:18px 0}.metrics strong{font-size:35px;letter-spacing:-1px;display:block;font-weight:550;line-height:1.1;color:var(--lime)}.metrics small{font-size:10px;color:var(--muted)}.change{border-top:1px solid #353d47;padding:10px 0;font-size:11px}.change b{font-weight:550}.change span{float:right;color:var(--cyan);font:10px monospace}.change p{font-size:10px;color:#9ca8b6;margin:5px 0 0}.proposal-actions{margin-top:16px}.small{font-size:11px;color:var(--muted);line-height:1.6}.coordination{border-top:1px solid var(--line);background:#181d24;padding:25px}.coordination-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.coordination-head .overline{margin-bottom:8px}.demo-label{border:1px solid #5b4e37;color:#e6bd80;padding:6px 10px;font:9px monospace;letter-spacing:.8px}.coordination-intro{font-size:12px;color:#a8b4c3;max-width:700px}.inbox-empty{border:1px dashed #414d5c;padding:25px;color:#94a2b5;font-size:12px;margin-top:20px}.inbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.notification{border:1px solid #3b4655;background:#202731;padding:18px;min-width:0}.notification .person{display:flex;align-items:center;gap:9px;font-size:12px}.notification .status{font:9px monospace;margin-left:auto;text-transform:uppercase;color:var(--orange)}.notification.accepted .status{color:var(--lime)}.notification p{font-size:11px;color:#aebbc9;line-height:1.7}.notification .subject{font-size:13px;color:#edf1f6;margin-top:16px}.notification-actions{display:flex;gap:6px;flex-wrap:wrap}.notification-actions button{font-size:10px;padding:7px 9px}.notification-actions .accept{background:var(--lime);color:#17200b;border-color:var(--lime)}.activity{display:flex;gap:25px;border-top:1px solid var(--line);margin-top:25px;padding-top:15px;font-size:11px;color:#a4b3c2}.activity .label{flex-shrink:0;padding-top:1px}.activity ul{margin:0;padding-left:15px}.activity li{margin-bottom:6px}.idea,.how,.details{max-width:1528px;margin:auto;padding:80px 24px}.idea h2{font-size:clamp(30px,4vw,57px);letter-spacing:-2px;line-height:1.13;font-weight:550;max-width:800px}.idea em{font-style:normal;color:var(--lime);border-bottom:2px solid #5c7130}.idea-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:35px}.idea-body p{font-size:14px;line-height:1.9;color:#aeb9c7;margin:0}.idea-body blockquote{font-size:25px;letter-spacing:-.6px;margin:0;border-left:2px solid var(--lime);padding-left:25px;color:#dbe4ee}.how{border-top:1px solid var(--line);padding-top:40px;padding-bottom:45px}.how ol{padding:0;margin-top:35px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.how li>b{font:11px monospace;color:var(--lime)}.how li h3{font-size:18px}.how li p{font-size:12px;color:#aab6c4;line-height:1.8}.details{padding-top:10px;padding-bottom:65px}.details details{border-top:1px solid var(--line);padding:20px 0}.details summary{cursor:pointer;font-size:13px;color:#d7e1ed}.details p{font-size:12px;color:#aab6c4;line-height:1.8;max-width:900px}.details a{color:var(--cyan)}footer{max-width:1528px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 24px}footer>span{font:9px monospace;letter-spacing:1px;color:#8b99aa}footer>a:last-child{font-size:12px}.mobile-tabs{display:none}.error{color:#ffb29f;font-size:11px}.error:empty{display:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-60px;left:15px;background:var(--lime);color:#111;padding:10px;z-index:20}.skip:focus{top:10px}dialog{width:min(470px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid #536071;border-radius:7px;padding:26px;background:#1d232b;color:var(--text)}dialog::backdrop{background:#05080cc9;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.dialog-head h2{font-size:19px}.dialog-head button{font-size:11px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#dfff8e;color:#1c270d;border:1px solid #c4eb6f;box-shadow:0 8px 30px #0005;padding:13px 22px;max-width:calc(100% - 28px);width:max-content;font-size:12px;z-index:30}
@media(min-width:1600px){main{margin-inline:auto}.workspace-grid{grid-template-columns:1fr 390px}}
@media(max-width:1580px){main{margin-inline:36px}}
@media(max-width:1080px){.workspace-grid{grid-template-columns:minmax(350px,1fr) 300px}.desk{padding:22px 18px}.intro-note{max-width:240px}.intro h1{font-size:38px}.plan-heading{align-items:start;flex-direction:column}.plan-heading select{width:100%}.column-label{padding-left:50px;flex-wrap:wrap}.column-label small{font-size:8px}.inbox-grid{grid-template-columns:1fr 1fr}.event.compact small{display:none}.toolbar>span{display:none}}
@media(max-width:760px){.masthead{height:66px;padding-inline:18px;gap:24px}.masthead nav{gap:16px;font-size:11px}.source-link{display:none}.intro{padding:30px 20px;display:block}.intro h1{font-size:35px;letter-spacing:-1.4px}.intro-note{max-width:none;margin-top:23px;padding-left:15px}.intro-note p{display:none}.intro-note a{display:block;margin-top:12px}.overline{font-size:9px}main{margin:0 12px}.workspace-bar{padding:12px;align-items:start;flex-direction:column}.workspace-bar .muted{font-size:10px}.toolbar{width:100%}.toolbar button{flex:1}.workspace-grid{display:flex;flex-direction:column}.desk{order:-1;border-bottom:1px solid var(--line);padding:20px}.desk-heading{margin-bottom:12px}.desk label{margin:10px 0}.desk .form-row{gap:12px}.participant-picks{gap:16px}.result{margin-top:18px;padding-top:16px}.result h3{font-size:16px}.result p{margin-bottom:0}.plan{border-right:0}.plan-heading{padding:20px 18px 14px;gap:12px}.plan-meta{padding-inline:18px;gap:10px}.legend{padding-inline:18px;gap:12px;font-size:9px}.calendar-pair{display:block}.calendar-column+.calendar-column{border-left:0}.calendar-column.mobile-hide{display:none}.mobile-tabs{display:flex;padding:12px 18px;gap:8px}.mobile-tabs button{flex:1;font-size:12px}.mobile-tabs button.selected{background:#dfff8e;color:#1c270d}.column-label{padding-left:55px}.event.compact small{display:block}.coordination{padding:20px 18px}.coordination-head{display:block}.demo-label{display:inline-block;margin-top:14px}.coordination h2{font-size:19px}.inbox-grid{grid-template-columns:1fr}.activity{display:block}.activity>.label{display:block;margin-bottom:8px}.idea,.how,.details{padding:45px 24px}.idea h2{font-size:37px;letter-spacing:-1.3px}.idea-body{grid-template-columns:1fr;gap:25px}.idea-body blockquote{font-size:23px}.how ol{grid-template-columns:1fr 1fr;gap:20px}.details{padding-top:10px}footer{padding:25px;flex-wrap:wrap}footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}