/* Tempo's editorial utility layout */
:root{--bg:#f3f0e8;--surface:#fffefb;--text:#252726;--muted:#686d68;--line:#d5d5cb;--accent:#d95c36;--tint:#f1e7dd}body{font-family:Arial,'Malgun Gothic','Noto Sans KR',sans-serif}body.dark{--bg:#191d1d;--surface:#222727;--text:#e9e6dd;--muted:#b0b7af;--line:#424a44;--tint:#3b3028}header{display:block;height:auto;padding:0;background:var(--bg);border:0}.masthead{max-width:1440px;margin:auto;height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.brand{gap:12px;font-size:30px;line-height:1;font-weight:900;letter-spacing:-1px}.brand svg{width:43px;height:43px;stroke:var(--accent);stroke-width:2;fill:none}.brand svg circle:last-child{fill:var(--accent);stroke:none}.brand-sub{display:block;font:9px/1.3 ui-monospace,monospace;letter-spacing:2.3px;margin-top:8px}.header-actions{gap:17px}.icon-button{border-radius:50%;background:transparent}.local-badge{font:10px ui-monospace,monospace}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--text);padding:0 max(38px,calc((100vw - 1364px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px}.toolbar nav{display:flex;flex-direction:row;gap:0;overflow-x:auto;scrollbar-width:none}.toolbar nav a{position:relative;white-space:nowrap;text-decoration:none;display:flex;align-items:center;gap:9px;padding:18px 20px;font-size:12px;color:var(--muted)}.toolbar nav a:first-child{padding-left:0}.toolbar nav a.active{color:var(--text);font-weight:700}.toolbar nav a.active:after{content:'';position:absolute;bottom:0;height:3px;left:18px;right:18px;background:var(--accent)}.toolbar nav a:first-child.active:after{left:0}.nav-index{font:10px ui-monospace,monospace;color:var(--accent);font-weight:400}.edition{font:9px ui-monospace,monospace;letter-spacing:1px;white-space:nowrap}.shell{display:block;max-width:1440px;min-height:70vh}main{max-width:none;padding:42px 38px 25px;margin:0}.page-heading{margin-bottom:27px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:1.2px;color:var(--accent);margin-bottom:13px}h1{font-size:clamp(25px,2.4vw,37px);font-weight:600;letter-spacing:-1.3px;line-height:1.25}.page-heading p:last-child{line-height:1.8}.quiet,.primary,.secondary,input,select,textarea{border-radius:3px}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px}.workspace{min-width:0}.resource-rail{display:block;border:0;border-left:1px solid var(--line);padding:0 0 0 25px;min-width:0}.rail-note{padding:16px 0 20px}.rail-number{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.rail-note h2{font-size:22px;line-height:1.4;letter-spacing:-.8px;margin:20px 0 13px;font-weight:500}.rail-note h3{font-size:15px;font-weight:600}.rail-note p{font-size:11px;line-height:1.9;color:var(--muted)}.rail-rule{margin:28px 0 22px;height:1px;width:32px;background:var(--accent)}.hero,.interval-board{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:55px 25px 35px;border:1px solid #252c29;background:#232b28;color:#f3f0e8;border-radius:4px;overflow:hidden}.hero:before,.interval-board:before{content:'';width:130px;height:130px;border:1px solid #ffffff0a;border-radius:50%;position:absolute;right:-20px;top:-35px;pointer-events:none}.hero-top{top:22px;left:25px;right:25px;color:#b4beb4;font:10px ui-monospace,monospace}.live-pill{background:none;color:#b4beb4;letter-spacing:1px;padding:0;font:9px ui-monospace,monospace}.live-pill i{background:#d4d9ae}.hero .display,.interval-board .display{font-size:calc(clamp(42px,6.8vw,95px) * var(--clock-scale));font-weight:400;letter-spacing:-3px;white-space:nowrap;color:#f3f0e8}.hero .date-line{color:#b4beb4;font-size:12px}.hero-bottom{margin-top:33px;gap:9px}.pill{font:10px ui-monospace,monospace;color:#b4beb4;border-color:#ffffff20;border-radius:3px}.hero .quiet,.interval-board .quiet{border-color:#ffffff30;color:#c3ccc1}.hero .secondary,.interval-board .secondary{background:transparent;border-color:#ffffff30;color:#eee}.cards{gap:0;background:var(--surface);border:1px solid var(--line);border-radius:3px;overflow:hidden}.card{padding:22px 18px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.card:nth-child(3n){border-right:0}.country{font:9px ui-monospace,monospace;margin-top:8px;overflow-wrap:anywhere}.city-time{font-size:32px;letter-spacing:-.8px;font-weight:400;margin-top:23px}.city-bottom{font:9px ui-monospace,monospace;flex-wrap:wrap;gap:6px;margin-top:12px}.shortcuts{margin-top:26px;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shortcut{background:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:20px 12px;gap:11px}.shortcut:last-child{border-right:0}.shortcut>span{background:none;color:var(--accent);font-size:22px;width:auto}.form-panel{border-radius:3px;margin-bottom:20px}.day-picker label{border:1px solid var(--line);border-radius:3px;background:var(--bg)}.timer-time{color:var(--text)}.presets button{border-radius:3px;color:var(--text)}.tabs{gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:9px 12px}.tabs button.selected{color:var(--accent);background:none;border-bottom-color:var(--accent)}.table-wrap{border-radius:0}.stats{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{border:0;border-right:1px solid var(--line);border-radius:0;background:none}.stat:last-child{border-right:0}.focus-ring{width:255px;height:255px}.focus-inner .display{font-size:62px;color:var(--text)}.interval-round{font-size:13px;color:#b4beb4;margin-bottom:18px}.interval-round strong{font-size:28px;color:#fff;margin:0 7px}.interval-round>span{font:12px ui-monospace,monospace}.meeting-hours{padding:4px 6px;background:var(--bg);font-size:8px;color:var(--muted);font-weight:400}.meeting-hours.daytime{background:#e5ecd5;color:#43532c}.tool-guide{margin-top:50px;border-top:2px solid var(--text);padding-top:24px}.guide-heading h2{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:8px 0 20px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.guide-columns>div{border-top:1px solid var(--line);padding-top:17px}.guide-step{font:10px ui-monospace,monospace;color:var(--accent)}.guide-columns p{font-size:12px;line-height:2;color:var(--muted)}.guide-faq{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;font-size:12px}.guide-faq summary{cursor:pointer;font-weight:600}.guide-faq p{font-size:11px;color:var(--muted);line-height:1.9}.ad-region{display:none;text-align:center;padding:23px 0 0;margin-top:38px;border-top:1px solid var(--line)}.ad-region.active,.ad-region.preview{display:block}.ad-label{font:9px ui-monospace,monospace;letter-spacing:1px;display:block;color:var(--muted);text-transform:uppercase;margin-bottom:9px}.ad-sidebar.active{min-height:285px}.ad-guide.active{min-height:130px;margin-top:42px}.ad-region ins{margin:auto}.preview-ad-space{border:1px dashed var(--line);height:250px;display:grid;place-items:center;color:var(--muted);font-size:11px}.ad-guide .preview-ad-space{height:90px}.quick-notes{margin-top:35px}footer{margin-top:50px;padding-top:22px;border-top:1px solid var(--text);display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer>div:first-child{display:flex;gap:8px;align-items:start;max-width:480px}.footer-dot{flex-shrink:0;margin-top:5px}.footer-links{display:flex;flex-wrap:wrap;gap:17px;align-items:start}.footer-links a,.footer-links button{font:10px Arial,sans-serif;color:var(--muted);text-decoration:none;border:0;background:none;padding:0;margin:0;cursor:pointer}.copyright{flex-basis:100%;font:9px ui-monospace,monospace;letter-spacing:1px}dialog{border-radius:5px}dialog::backdrop{background:#171d1b99}.analog{width:190px;height:190px;border-color:#879387}.hand{background:#e0e4d5}.hand.hour{height:48px}.hand.minute{height:69px}.hand.second{height:75px;background:var(--accent)}.analog span{color:#b4beb4}.display-surface:fullscreen{background:#232b28;color:#f3f0e8;border-radius:0}.display-surface:fullscreen .display,.display-surface:fullscreen .timer-time{color:#f3f0e8}.focus-ring:fullscreen .focus-inner{background:#232b28}.display-surface:fullscreen .analog{width:320px;height:320px}body.embed header,body.embed .resource-rail,body.embed .tool-guide,body.embed .ad-region,body.embed footer{display:none}body.embed .app-layout{display:block}[dir=rtl] .shortcut{text-align:right}.document-content{max-width:800px;min-height:70vh}.document-content h2{font-size:20px;font-weight:500;margin-top:32px}.document-content p,.document-content li{font-size:14px;line-height:2;color:var(--muted)}.document-content a{color:var(--accent)}
@media(max-width:1200px){.app-layout{grid-template-columns:1fr}.resource-rail{display:none}.toolbar .edition{display:none}.toolbar nav{width:100%;justify-content:space-between}.toolbar nav a{padding:17px 12px}.hero .display{font-size:calc(clamp(50px,10vw,105px) * var(--clock-scale))}.ad-sidebar{display:none!important}}
@media(max-width:760px){.masthead{height:82px;padding:0 20px}.brand{font-size:25px;gap:9px}.brand svg{width:35px;height:35px}.brand-sub{font-size:8px;letter-spacing:1.5px}.local-badge{display:none}.header-actions{gap:10px}.icon-button{width:31px;height:31px;font-size:16px}.language select{max-width:95px;font-size:11px}.toolbar{padding:0 20px;position:sticky;top:0;background:var(--bg);z-index:6}.toolbar nav{justify-content:start;gap:6px}.toolbar nav a{padding:15px 12px;font-size:11px;gap:6px}.nav-index{font-size:8px}main{padding:29px 20px 22px}.page-heading{align-items:start;gap:12px;margin-bottom:23px}h1{font-size:27px}.page-heading p:last-child{font-size:11px;max-width:290px;line-height:1.8}.hero,.interval-board{min-height:300px;padding:50px 15px 32px}.hero-top{top:20px;left:18px;right:18px}.hero .display{font-size:calc(clamp(44px,12vw,76px) * var(--clock-scale));letter-spacing:-2px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:20px 14px}.card:nth-child(3n){border-right:1px solid var(--line)}.card:nth-child(2n){border-right:0}.card:last-child:nth-child(odd){grid-column:1/-1}.city-time{font-size:29px}.city-bottom{font-size:8px}.city-top{font-size:11px}.shortcuts{grid-template-columns:1fr}.shortcut{border-right:0;border-bottom:1px solid var(--line);padding:13px 2px}.shortcut:last-child{border-bottom:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-panel{padding:18px}.form-grid .wide{grid-column:span 2}.timer-time{font-size:29px}.stats .stat{padding:15px 9px}.stat strong{font-size:24px}.guide-heading h2{font-size:21px}.guide-columns{grid-template-columns:1fr;gap:12px}.tool-guide{margin-top:36px}.interval-board .display{font-size:64px}.resource-rail{display:none}footer{margin-top:38px;font-size:9px;gap:17px}.footer-links{gap:17px}.ad-guide.active{min-height:135px}.focus-ring{width:235px;height:235px}}

.hero .quiet,.interval-board .quiet{background:transparent}.hero .controls .secondary{color:#f3f0e8}.ad-region:has(ins[data-ad-status="unfilled"]){display:none}