*{box-sizing:border-box} :root{color-scheme:light;--ink:#27235b;--muted:#737185;--line:#e7e5ee;--purple:#7060d3;--pale:#efecff}body{margin:0;background:#f7f6fa;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select{min-height:44px;border-radius:9px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.timeline-scroll:focus-visible{outline:3px solid #aa78ec;outline-offset:4px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}.masthead{max-width:1232px;margin:auto;height:94px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-weight:750;font-size:20px;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--ink);color:white;font-size:17px;letter-spacing:-2px;padding-right:2px}.mast-note{font-size:12px;color:var(--muted)}main{max-width:1232px;padding:0 40px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;min-height:355px;padding:35px 0 42px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#8573b2;margin:0 0 18px}h1{font-size:49px;line-height:1.17;letter-spacing:-2.8px;margin:0;font-weight:760}.intro-copy{color:var(--muted);line-height:1.8;margin:19px 0 0}.orbit{width:330px;height:250px;position:relative;margin-right:58px}.orbit-ring{position:absolute;border:1px solid #d5d0e5;width:310px;height:158px;border-radius:50%;top:45px;left:10px;transform:rotate(-28deg)}.ring-two{transform:rotate(28deg);border-style:dashed}.orbit-core{position:absolute;inset:42px 83px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:#eae6f6;font-size:78px;line-height:1;font-weight:250;letter-spacing:-5px;box-shadow:inset 0 0 0 14px #f0edf8}.orbit-core span{font-size:7px;letter-spacing:1.7px;margin-top:8px;font-weight:650}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--purple);left:22px;top:94px;z-index:1;box-shadow:0 0 0 7px #ede9f9}.dot-two{left:auto;right:18px;top:153px;background:#bba5d4;width:9px;height:9px}.orbit-label{position:absolute;bottom:0;left:48px;letter-spacing:2px;font-size:8px;color:#8a80a4}.workspace{background:white;border:1px solid var(--line);border-radius:19px;box-shadow:0 12px 36px #27235b04;overflow:hidden}.toolbar{padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.source-title{display:flex;gap:12px;align-items:center}.step{border:1px solid var(--line);padding:9px;border-radius:50%;color:#8a80a4;font-size:11px}h2{font-size:15px;letter-spacing:-.4px;margin:0}.source-title p{font-size:11px;color:var(--muted);margin:7px 0 0}.inputs{display:flex;gap:10px;align-items:flex-end}label{display:block;font-size:11px;font-weight:650;color:#69667e}input,select{display:block;background:white;border:1px solid #dad7e4;color:var(--ink);padding:0 11px;margin-top:7px}#utc-date{width:150px}#utc-hour{width:93px}.quiet{border:1px solid var(--line);background:#f8f7fb;color:var(--muted);padding:0 12px;font-size:11px}.quiet:hover{background:var(--pale)}.meeting-strip{margin:0 28px;padding:23px 25px;background:var(--ink);color:white;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tiny-label{font-size:10px;color:#bbb6e1;letter-spacing:1px;margin:0 0 8px}.utc-summary{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:0;font-variant-numeric:tabular-nums}.overlap{display:flex;flex-direction:column;gap:5px;margin-left:auto;margin-right:20px}.overlap>span:first-child{font-size:24px;font-weight:600;letter-spacing:1px}.overlap>span:last-child{font-size:10px;color:#c1bcdf}.primary{background:#e4ddff;border:0;color:#35285f;padding:0 17px;font-weight:650;font-size:12px}.primary span{margin-left:12px}.primary:hover{background:white}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:29px 28px 0}.legend{display:flex;gap:15px;color:var(--muted);font-size:10px}.legend span{display:flex;gap:6px;align-items:center}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.work-key{background:#c7baf6}.off-key{background:#edecf2}.selected-key{background:var(--ink)}.timeline-help{font-size:11px;color:var(--muted);margin:10px 28px 24px;line-height:1.7}.timeline-scroll{overflow-x:auto;padding:0 28px 10px;scrollbar-color:#b8afd4 #f4f2f8}.timeline-inner{min-width:770px}.hour-row,.city-row{display:grid;grid-template-columns:224px 1fr;column-gap:20px}.hour-row{margin-bottom:10px;align-items:center}.axis-label{font-size:10px;letter-spacing:1.3px;color:#7b768f}.axis-label span{font-size:9px;letter-spacing:0;margin-left:8px;color:#aba6b7}.hour-axis,.segments{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px}.hour-axis button{padding:0;border:0;background:transparent;color:#9690a9;font-size:9px;min-height:29px;border-radius:5px;font-variant-numeric:tabular-nums}.hour-axis button:hover{background:var(--pale);color:var(--ink)}.hour-axis button[aria-pressed=true]{background:var(--ink);color:white}.city-row{padding:20px 0;border-top:1px solid #f0eef5;align-items:center}.city-info{position:relative;padding-right:25px}.city-top{display:flex;align-items:center;gap:8px}.city-name{font-size:14px;font-weight:700}.zone-offset{font-size:9px;color:#9c96ae}.remove-city{position:absolute;right:0;top:0;border:0;background:transparent;color:#a5a0b1;font-size:18px;width:24px;min-height:28px;border-radius:5px}.remove-city:hover{background:#f1ebfb;color:var(--ink)}.clock-line{display:flex;align-items:center;gap:10px;margin-top:9px}.local-clock{font-size:27px;font-weight:500;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.work-badge{font-size:9px;color:#8272b5;background:#f1ecff;border-radius:4px;padding:4px 6px}.work-badge.off{background:#f4f3f6;color:#8b8598}.local-date{font-size:10px;color:#8b8598;margin-top:5px}.segments{height:39px;align-items:stretch}.segment{background:#efedf4;border-radius:4px;position:relative}.segment.working{background:#cfc3f4}.segment.chosen{background:var(--ink);box-shadow:0 0 0 3px white,0 0 0 4px #a99bcf}.segment.chosen:after{content:"";position:absolute;width:4px;height:4px;background:white;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.city-management{padding:23px 28px;background:#faf9fc;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.city-management label{font-size:12px;color:var(--ink)}.city-management p{color:#9690a4;font-size:10px;margin:6px 0 0}.add-controls{display:flex;gap:8px;align-items:center}.add-controls select{margin:0;width:215px;font-size:12px}.secondary{border:1px solid #dcd6e9;background:white;color:#5b4b83;font-size:12px;padding:0 14px}.secondary:hover{background:var(--pale)}.status{color:#6d5b99;font-size:12px;padding:0 28px;line-height:1.7;margin:0}.status:not(:empty){padding:14px 28px;margin:0;border-top:1px solid var(--line)}.error{color:#ad3151;background:#fff2f5;padding:12px 20px;margin:0 28px 15px;font-size:12px;line-height:1.6}.copy-fallback{padding:20px 28px}.copy-fallback textarea{width:100%;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#faf9ff;line-height:1.7}.notes{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:37px 0 42px}.note-index{font-size:8px;letter-spacing:1.8px;color:#9c91b4;font-weight:700}.notes h2{margin-top:12px;font-size:13px}.notes p{color:#898397;line-height:1.9;font-size:11px;margin:10px 0 0}.text-button{background:none;border:0;border-bottom:1px solid #d0c8df;border-radius:0;padding:0;min-height:31px;color:#7d6a9d;font-size:10px;margin-top:8px}footer{max-width:1152px;margin:0 auto;border-top:1px solid var(--line);padding:24px 0 28px;display:flex;justify-content:space-between;color:#aaa4b5;font-size:10px}footer span:first-child{font-weight:700;color:#726584}footer span:last-child{font-size:8px;letter-spacing:1.5px}[hidden]{display:none!important}@media(max-width:1000px){.toolbar{align-items:flex-start;flex-direction:column}.inputs{width:100%}.inputs label:first-child{flex:1}#utc-date{width:100%}.orbit{margin-right:0}.utc-summary{font-size:16px}.overlap{margin-right:0}.timeline-heading{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.masthead{height:75px;padding:0 21px}.brand{font-size:18px}.mast-note{display:none}main{padding:0 17px}.intro{min-height:283px;padding:30px 5px;position:relative;overflow:hidden}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:38px;letter-spacing:-2px}.intro-copy{font-size:12px;margin-top:15px}.orbit{width:150px;height:165px;position:absolute;right:-17px;top:48px;opacity:.65;pointer-events:none}.orbit-ring{width:151px;height:83px;left:0;top:30px}.orbit-core{inset:30px 32px 49px;font-size:38px;letter-spacing:-2px;box-shadow:inset 0 0 0 7px #f0edf8}.orbit-core span{font-size:4px;letter-spacing:.4px}.orbit-label{display:none}.orbit-dot{left:2px;top:57px;width:7px;height:7px;box-shadow:0 0 0 4px #ede9f9}.dot-two{left:auto;right:2px;top:90px;width:5px;height:5px}.workspace{border-radius:14px}.toolbar{padding:21px 17px;gap:19px}.source-title p{font-size:10px}.inputs{gap:8px;flex-wrap:wrap}.inputs label:first-child{min-width:155px}.inputs label:nth-child(2){flex:1}#utc-hour{width:100%}.quiet{width:100%;min-height:35px;margin-top:2px}.meeting-strip{margin:0 12px;padding:18px 15px;flex-wrap:wrap;gap:20px 10px;border-radius:9px}.utc-summary{font-size:15px}.tiny-label{font-size:9px}.overlap{gap:4px}.overlap>span:first-child{font-size:22px}.overlap>span:last-child{font-size:8px}.primary{width:100%;min-height:40px}.timeline-heading{padding:24px 17px 0;gap:13px}.legend{font-size:9px;gap:11px}.timeline-help{margin:12px 17px 18px;font-size:10px}.timeline-scroll{padding:0 17px 15px}.timeline-inner{min-width:760px}.hour-row,.city-row{grid-template-columns:180px 1fr;gap:20px}.city-management{padding:19px 17px;flex-direction:column;align-items:stretch;gap:16px}.add-controls select{flex:1;width:0}.add-controls .secondary{white-space:nowrap;padding:0 11px;font-size:11px}.notes{gap:26px;grid-template-columns:1fr;padding:28px 6px}.notes p{font-size:11px}.error{margin:0 17px 14px}.status:not(:empty){padding:13px 17px}footer{margin:0 23px;padding:21px 0;font-size:9px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}