/* A quiet time workbench: one result, then one task at a time. */
#batch-results{max-height:none;overflow:visible;padding:0;gap:12px}
#batch-rows{max-height:420px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;background:#fff}
#batch-rows:empty{display:none}
#batch-rows .tool-card{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 20px;gap:6px}
#batch-rows .tool-card:last-child{border-bottom:0}
#batch-rows .tool-card .tool-button{margin-top:5px}
.batch-export-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0 0}
.batch-export-bar a{text-decoration:none}
.batch-export-bar .tool-button{min-height:40px;padding:9px 15px}
.csv-preview{background:transparent;border:0;padding:0 0 8px}
.csv-preview>summary{font-size:13px;color:var(--muted)}
.csv-preview textarea{margin-top:12px}
details>summary:before{content:'＋'}details[open]>summary:before{content:'−'}
details:not([open])>summary:before{content:'＋'}
#explain-panel{margin:0;padding:0;border-top:1px solid var(--line)}
#tool-nav{display:flex;gap:26px;padding:0 30px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
#tool-nav button{position:relative;flex-shrink:0;padding:18px 0;border:0;border-radius:0;background:transparent;color:#6b778a;font-size:14px;font-weight:500;min-height:52px}
#tool-nav button[aria-selected=true]{color:var(--blue)}
#tool-nav button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px;background:var(--blue)}
#tool-content{padding:28px 30px 30px;min-height:200px;outline-offset:-3px}
#time-actions,#time-insights,#context-tools{display:contents}
#tool-content #shift-tool,#tool-content #city-tool,#tool-content #compare-tools,#tool-content #calendar-tool{padding-top:0;margin-top:0;border-top:0}
#tool-content>details>summary,.context-tools>details>summary{font-size:16px;font-weight:500;color:#243a5a}
#tool-content[data-view=calculate] #shift-tool>summary:before,#tool-content[data-view=zones] #city-tool>summary:before,#tool-content[data-view=compare] #compare-tools>summary:before,#tool-content[data-view=calendar] #calendar-tool>summary:before{display:none}
@media(max-width:680px){#tool-nav{padding:0 20px;gap:22px}#tool-content{padding:24px 20px}#tool-nav button{font-size:14px}}
header{height:80px}main{margin-top:24px}#editor>.eyebrow{display:none}h1{font-size:30px;letter-spacing:-.8px;margin:8px 0 24px}.examples{margin:12px 0 14px;gap:8px}.examples button{background:transparent;border:1px solid #e1e6ed;border-radius:20px;padding:5px 11px;font-size:12px}.examples>span{font-size:12px}
#input-utilities{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:0 0 20px}
#input-utilities button{border:0;background:transparent;font-size:13px;color:#5f6c81;padding:8px 0;min-height:36px}
#input-utilities button[aria-expanded=true]{color:var(--blue);font-weight:600}
#input-utilities button:disabled{color:#8993a3;cursor:default}
#input-drawers>details{margin:0 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:#f9fbfe}
#input-drawers>details>summary{display:none}
#input-drawers>details>p:first-of-type{margin-top:0}
#input-settings .input-options{margin:0}
@media(max-width:680px){header{height:72px}main{margin-top:14px}h1{font-size:26px}#input-utilities{gap:6px 18px}#input-drawers>details{padding:18px 16px}}
:root{--blue:#2851db;--muted:#627086;--line:#e5eaf1}body{background:#f5f7fb}header{max-width:1000px;padding:0 32px;gap:24px}.brand{font-size:26px}#result{border-radius:16px;box-shadow:0 8px 32px #1f355205;border-color:#e6eaf1}.result-top{padding:22px 28px 0}.time-layout{padding:20px 28px 24px;grid-template-columns:minmax(0,1fr) minmax(200px,.52fr);gap:30px;align-items:start}.date{font-size:17px}.big-time{font-size:68px;letter-spacing:-3px;line-height:1.25;margin:6px 0 12px}.big-time span{font-size:.6em;letter-spacing:-1.5px}.relation{padding:18px 20px;border:0;border-radius:10px;background:#f6f8fc;gap:10px}.relation #counter-clock{font-size:28px;letter-spacing:-.6px}.relation #relative-detail{font-size:12px;color:#65738a;line-height:1.7}.relation .eyebrow{font-size:12px;letter-spacing:.5px}.relation #counter-days{font-size:18px}.actions{padding:0 28px 24px;flex-wrap:wrap}.actions .primary,.actions .secondary{padding:10px 17px;font-size:14px}.actions .copy-toggle{padding:10px 12px}.origin{margin:0 0 24px;padding:0 0 16px;border-top:0;border-bottom:1px solid var(--line);gap:8px 14px}.origin .fixed-note{display:none}#tool-content .origin strong{font-size:13px}.badge{background:#f1f4fa;color:#61718b;border-radius:5px}#formats{background:#fafbfd}#formats summary{padding:16px 28px;color:#65738a}#copy-status:empty{display:none}
@media(max-width:680px){header{padding:0 20px}.time-layout{padding:20px;grid-template-columns:1fr;gap:20px}.big-time{font-size:58px}.result-top{padding:20px 20px 0}.relation{padding:16px;display:grid;grid-template-columns:1fr;gap:8px}.relation #relative{width:auto}.actions{padding:0 20px 22px}#tool-content .origin{margin:0 0 20px}.date{font-size:16px}}
#tool-content .explain-heading{margin-bottom:18px;gap:8px 16px}.explain-heading h2{font-size:16px;font-weight:500}.explain-heading>span{font-size:12px}
.time-segments{padding:16px 14px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:10px;gap:2px;align-items:stretch}
.time-token{background:transparent;border-color:transparent;border-radius:6px;padding:8px 9px;gap:9px;min-width:44px;color:#263d62}
.time-token code{font-size:20px;font-weight:500}.time-token small{font-size:12px;color:#6a7890}.time-token:hover{background:#eef2fa}.time-token.selected{border-color:#9fb4ef;background:#eaf0ff;box-shadow:none}.token-T{color:#8290a6}.token-zone{background:#eaf3f2;color:#23675f}.token-unix,.token-expression{background:transparent;color:#263d62}.time-punctuation{font-size:18px;padding:10px 0;color:#a4afbd}
.segment-info{border-left:2px solid #ccd8f4;padding:4px 0 4px 14px;margin-top:16px;min-height:34px;font-size:14px;color:#56677f}
.conversion-steps{counter-reset:step;gap:0;border:1px solid #e8edf4;border-radius:10px;overflow:hidden;margin-top:20px}
.conversion-steps>div{background:#fafbfd;border-radius:0;padding:18px;gap:12px;border-right:1px solid #e8edf4}
.conversion-steps>div:last-child{border-right:0}.conversion-steps span:before{counter-increment:step;content:'0' counter(step) '  ';color:#8397be;font-family:monospace}.conversion-steps code{font-size:13px;color:#304766}
@media(max-width:680px){.time-segments{padding:12px 8px;gap:0}.time-token{padding:7px 6px;min-width:36px}.time-token code{font-size:17px}.conversion-steps>div{border-right:0;border-bottom:1px solid #e8edf4}.conversion-steps>div:last-child{border-bottom:0}}
#tool-content p.tool-hint,#tool-content p.tool-base{font-size:14px;line-height:1.8}.tool-base{padding:10px 14px;border-left:2px solid #ccd8f4;background:#f8fafd;border-radius:0 6px 6px 0}
#tool-content input,#tool-content select{font-size:15px;min-height:44px;border-color:#dce3ed;border-radius:8px;background:#fff;color:#293c59}
#tool-content .shift-form{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(100px,.7fr) minmax(170px,1.2fr) auto;align-items:end;gap:12px;margin-top:20px}
#tool-content .shift-form label{font-size:13px;gap:8px}#tool-content #shift-amount{width:100%}#tool-content .shift-form>button{align-self:end;min-height:44px;background:var(--blue);color:white;border-color:var(--blue);border-radius:8px;padding:10px 18px}
.tool-button{border-color:#dbe3ef;border-radius:7px;color:#3f587d;min-height:36px;padding:8px 12px}.tool-examples{gap:8px}.tool-examples>.tool-button{font-size:13px;padding:6px 10px;min-height:32px;background:#f6f8fc;border-color:transparent}
.shift-results .tool-card{background:#f7faff;border:1px solid #dce6f7;padding:20px;gap:12px}.shift-results .tool-card>p{font-size:19px!important}.shift-results .tool-card>strong{font-size:12px;color:#647793}
#duration-converter,#date-tool,#day-tool{margin-top:24px!important;border-top:1px solid var(--line)!important;padding-top:20px!important}
#duration-converter form{display:flex;align-items:end;gap:12px}#duration-converter label{flex:1}#duration-converter form>button{min-height:44px}
#date-tool>.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:16px}#date-tool>.tool-grid .tool-card{background:#fafbfd;border:0;border-right:1px solid var(--line);border-radius:0;gap:12px;padding:16px}#date-tool>.tool-grid .tool-card:last-child{border-right:0}#date-tool .tool-card strong{font-size:12px;font-weight:400;color:#65738a}#date-tool .tool-card code{font-size:20px;color:#283e62}
#tool-content .calendar-form{gap:16px;margin-top:20px}.calendar-form>label{flex:1;min-width:180px;max-width:none!important}.calendar-form>label:first-child{flex-basis:100%}.calendar-form input,.calendar-form select{width:100%}.calendar-preview{padding:16px 20px;border:1px solid #e3eaf4;border-radius:9px;background:#f8fafd}.calendar-form>button[type=submit]{min-height:44px;padding:10px 18px;background:var(--blue);color:white}
@media(max-width:680px){#tool-content .shift-form{grid-template-columns:1fr 1fr}#tool-content .shift-form>label:nth-child(3){grid-column:1/-1}#tool-content .shift-form>button{grid-column:1/-1}#date-tool>.tool-grid{grid-template-columns:1fr 1fr}#date-tool>.tool-grid .tool-card{border-bottom:1px solid var(--line)}#date-tool>.tool-grid .tool-card:nth-last-child(-n+2){border-bottom:0}#duration-converter form{align-items:stretch}#tool-content .calendar-form{display:flex;flex-direction:column;align-items:stretch}.calendar-form>label{width:100%;min-width:0}}
#compare-tools>p{font-size:14px;margin:12px 0 18px}#compare-form{align-items:stretch;gap:10px}#compare-form>button{background:var(--blue);color:white;border-color:var(--blue);min-height:44px;border-radius:8px;font-size:14px}#compare-result{color:#29405f!important;margin-top:22px}#compare-result>strong{display:block;font-size:14px;font-weight:500;color:#657793;margin-bottom:14px}#compare-result>.tool-grid{grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:18px 0 12px}#compare-result .tool-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;padding:18px;gap:8px}#compare-result .tool-card:nth-child(even){border-right:1px solid var(--line)}#compare-result .tool-card:nth-last-child(-n+2){border-bottom:0}#compare-result .tool-card>span{font-size:13px}#compare-result .tool-card>strong{font-size:20px;color:#293e61;font-variant-numeric:tabular-nums}#compare-result .compare-hero{grid-column:1/-1;background:#f8fafd;padding:20px}#compare-result .compare-hero>strong{font-size:26px;line-height:1.5}#compare-result #interval-progress{margin-top:0;padding:18px 20px;background:#f4f7fd;border:0;border-radius:10px}#interval-progress>strong{font-size:20px}#interval-progress progress{height:6px;accent-color:var(--blue)}.interval-ends{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#6f7c91}.interval-ends>span:last-child{text-align:right}.compare-same{padding:20px;background:#edf6f3;border:1px solid #d8e9e2;border-radius:10px;color:#2c6555!important}
@media(max-width:680px){#compare-result .compare-hero>strong{font-size:22px}#compare-result .tool-card{padding:14px}#compare-result .tool-card>strong{font-size:17px}.interval-ends{font-size:12px}}
.zone-search{background:transparent;border:0;margin-top:0!important;padding-top:0!important}.zone-search>summary{font-size:12px!important;font-weight:400!important;color:#647b9f!important;padding:4px 0!important;min-height:30px;display:flex;align-items:center}.zone-line{gap:4px 8px}.zone-search[open]{flex-basis:100%;width:100%}.zone-search input{max-width:100%;font-size:14px!important;min-height:40px!important}.zone-search .tool-presets{margin:8px 0 12px;gap:6px}.zone-search .tool-presets small{width:100%;color:#748299}.zone-search .tool-button{min-height:34px;font-size:13px;background:#f5f8fd}
#city-tool>.tool-select{margin:18px 0 6px}#city-tool>.tool-select select{flex:0 1 420px;max-width:100%}#city-tool>.zone-search{margin-bottom:16px}#city-tool>.tool-reference{font-size:12px;color:#718097;margin:12px 0}
#city-tool>.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#city-tool .tool-card{position:relative;padding:20px;border:1px solid #e4eaf2;background:#fff;border-radius:10px;gap:8px}#city-tool .tool-card.city-active{background:#f6f9ff;border-color:#cedcf6}#city-tool .tool-card>strong{font-size:16px;color:#2e4568}#city-tool .city-clock{font:500 29px/1.35 'IBM Plex Mono',monospace!important;color:#263e62;margin-top:10px!important;letter-spacing:-1px}#city-tool .city-date{font-size:13px;color:#60728e;margin-bottom:8px}.city-day-badge{font-size:12px!important;padding:2px 6px;position:static;background:#f0f3f8}.city-zone-id{font-size:12px;line-height:1.5}#city-tool .tool-current{font-size:12px;margin-top:4px}#city-tool .tool-button{font-size:13px;min-height:34px;padding:6px 10px}#zone-changes{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}
@media(max-width:760px){#city-tool>.tool-grid{grid-template-columns:1fr}#city-tool .tool-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px}#city-tool .city-zone-id,#city-tool .city-date{grid-column:1}#city-tool .city-clock{grid-column:2;grid-row:1/3;align-self:center;font-size:26px!important}#city-tool .city-day-badge{grid-column:2;grid-row:3;justify-self:end;align-self:start}#city-tool .tool-card>.tool-button{justify-self:start}#city-tool>.tool-select{align-items:stretch}#city-tool>.tool-select select{flex:auto;width:100%}}
.copy-menu{border-color:#dfe6f1;box-shadow:0 16px 48px #18315722;border-radius:12px;padding:8px}.copy-menu-title{font-size:14px;color:#263e63;padding:10px 12px 12px}.copy-section{padding:12px 12px 5px;font-size:12px;color:#7d8ba1;letter-spacing:.4px}.copy-menu button{padding:10px 12px;border-radius:7px;gap:4px}.copy-format-label{font-size:14px;color:#304967}.copy-format-preview{font-size:12px;line-height:1.7;font-family:'IBM Plex Mono',monospace;color:#77849a}.copy-menu button:hover,.copy-menu button:focus-visible{background:#eff4ff}.copy-menu-note{margin-top:6px;padding:10px 12px;color:#718198}
.history-list{gap:0;border:1px solid var(--line);border-radius:9px;background:#fff;max-height:300px}.history-list .tool-button{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.9fr);align-items:center;gap:20px;padding:14px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;width:100%;font-size:14px;color:#304967}.history-list .tool-button:last-child{border-bottom:0}.history-list .tool-button:hover{background:#eef3fc}.history-list small{font-size:12px;line-height:1.65;font-family:'IBM Plex Mono',monospace;margin:0;color:#78869b}.history-list span{overflow-wrap:anywhere}#time-history>.text-btn{display:block;font-size:13px;margin-top:10px;padding:8px 0}#input-utilities button{font-size:14px}.examples button{font-size:13px}
@media(max-width:680px){.history-list .tool-button{grid-template-columns:1fr;gap:6px}.copy-menu button{min-height:62px}}
#tool-nav button{color:#5e6c80}#tool-nav button:focus-visible{outline:2px solid #8ba7ee;outline-offset:-4px;border-radius:4px}.copy-format-preview,.copy-section,.history-list small{color:#66768c}.tool-button:disabled{cursor:not-allowed}.batch-export-bar>span{font-size:13px;color:#466282}#input-drawers textarea{font-size:14px}.zone-search .tool-presets{max-height:230px;overflow:auto}.parse-notes{font-size:14px;line-height:1.8}.calendar-form>label{align-self:stretch}#tool-content .calendar-form #calendar-mode{min-width:0}
@media(max-width:680px){#tool-nav{display:flex;flex-wrap:wrap;overflow:visible;gap:0;padding:4px 12px}#tool-nav button{flex:1 0 30%;padding:12px 8px;min-height:44px;text-align:center;font-size:14px}html[lang^=zh] #tool-nav button{flex:1 0 18%;padding:12px 4px}#tool-nav button[aria-selected=true]:after{left:12px;right:12px;height:2px}#tool-content{padding:22px 18px}.time-token small{overflow-wrap:anywhere}.actions{gap:9px}.time-layout{gap:18px}.input-shell input{font-size:16px}#input-utilities button{min-height:40px}#input-utilities{gap:2px 18px;padding-bottom:14px}.batch-export-bar{gap:8px}.batch-export-bar .tool-button{flex:1;text-align:center}#batch-rows{max-height:380px}#city-tool .city-clock{font-size:23px!important}#city-tool .tool-card>strong{font-size:14px}.zone-line select{width:100%}.time-token{max-width:100%}#duration-converter form{flex-direction:column}.tool-presets .tool-button{min-height:40px}.calendar-form>label{flex:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{display:block;width:30px;height:30px}.brand .brand-word{color:#223754}.brand .brand-word>span{color:var(--blue)}@media(max-width:680px){.brand{gap:7px;font-size:23px}.brand img{width:26px;height:26px}header{gap:12px}}
.big-time .time-ms{font:400 16px/1.3 "IBM Plex Mono",monospace;letter-spacing:0;color:#657893;margin-left:4px;white-space:nowrap}@media(max-width:680px){.big-time .time-ms{font-size:13px;margin-left:2px}}
#compare-zone-option{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:13px;color:#62738d;line-height:1.7}#tool-content #compare-zone-option input{flex:none;width:16px;min-height:16px;height:16px;margin:3px 0 0;accent-color:var(--blue)}
.difference-export{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.difference-export code{font-size:15px;color:#334e78}.difference-export small{flex-basis:100%;font-size:12px;color:#68788e}.difference-export>span{font-size:13px;color:#476588}
.batch-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:12px 0;font-size:13px;color:#49617f}.batch-summary>span{font-variant-numeric:tabular-nums}.batch-summary label{display:flex;gap:7px;align-items:center;margin-left:auto;color:#63748b}.batch-summary input{accent-color:var(--blue)}.batch-export-note{font-size:12px;color:#697b92}.batch-export-bar{order:-3}.batch-export-note{order:-2}.batch-summary{order:-1}
.batch-summary label{flex-direction:row;flex:0 1 auto}.batch-summary label input{width:16px;height:16px;flex:none}.zone-line #display{order:1}.zone-line #display-offset{order:2;font:12px "IBM Plex Mono",monospace;letter-spacing:0;padding:4px 6px;background:#edf2fa;border-radius:4px;color:#516b92}.zone-line>.zone-search{order:3}@media(max-width:680px){.zone-line #display-offset{margin:4px 0}.batch-summary label{margin-left:0}}

.history-search{width:100%;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line,#dce3ed);border-radius:8px;font:inherit;font-size:13px}

#focus-time{font-size:12px;margin-top:7px;color:#526b99}#focus-dialog{width:min(780px,calc(100vw - 32px));max-width:780px;padding:58px 30px;text-align:center;border:1px solid #dce3ed;border-radius:20px;background:#fafcff;color:#223754}#focus-dialog::backdrop{background:#152840b8;backdrop-filter:blur(7px)}#focus-heading{font-size:15px;font-weight:500;color:#63738c;margin:24px 0 18px}.focus-counter{display:flex;flex-direction:column;gap:12px}#focus-days{font-size:22px;color:#2851db}#focus-clock{font-family:ui-monospace,Consolas,monospace;font-size:clamp(38px,9vw,84px);font-weight:500;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.045em}#focus-target{font-size:13px;color:#718097;margin:28px 0 0;line-height:1.7;overflow-wrap:anywhere}@media(max-width:500px){#focus-dialog{padding:46px 20px}#focus-days{font-size:19px}}

/* Brand wordmark: outlined Georgia Bold; interface typography stays unchanged. */
.brand{gap:12px}.brand img.brand-wordmark{height:36px;width:auto}@media(max-width:680px){.brand{gap:10px}.brand img.brand-wordmark{height:32px;width:auto}}

.language-links{border:0;background:transparent;font-size:12px}.language-links summary{padding:0;font-size:12px}.language-links nav{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.language-links a{color:#526b99}.nojs-note{padding:16px;border:1px solid #dbe3f0;border-radius:10px;line-height:1.7}

.guide-page{max-width:940px}.guide-back{margin-left:auto;color:#526b99;font-size:14px;text-decoration:none}.guide-intro{max-width:630px;color:#66758a;line-height:1.85;margin:0 0 32px}.guide-section{display:grid;grid-template-columns:1fr 1.2fr;gap:34px;border-top:1px solid #dfe5ef;padding:30px 0}.guide-section h2{font-size:20px;margin:0 0 12px}.guide-section p{font-size:14px;line-height:1.85;color:#627086;margin:0}.guide-samples{display:flex;flex-direction:column;gap:10px}.guide-sample{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid #e0e7f2;border-radius:9px;padding:14px 16px;text-decoration:none;color:#263d61}.guide-sample code{font:14px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.guide-sample span{font-size:12px;color:#2851db}.guide-sample:hover{border-color:#7895e6}.guide-samples .guide-equivalent{font-size:12px;color:#7a899f}.guide-languages{display:flex;flex-wrap:wrap;gap:14px}.guide-languages a,.footer-guide,.guide-entry a{font-size:13px;color:#526b99;text-decoration:none}.guide-languages [aria-current]{color:#2851db;font-weight:600}.guide-entry{margin:12px 0}.not-found{padding:60px 24px;max-width:700px}.not-found a{color:#2851db}@media(max-width:680px){.guide-section{grid-template-columns:1fr;gap:18px;padding:25px 0}.guide-back{font-size:12px;max-width:145px;text-align:right}.guide-intro{font-size:14px}.guide-sample{padding:13px}.guide-page h1{font-size:28px}}

#relative-rebase-row{margin-top:14px}#relative-rebase-row .tool-button{font-size:13px}

#copy-zones{margin-top:14px;font-size:13px}

.skip-link{position:fixed;left:16px;top:-100px;z-index:2000;background:#fff;color:#2851db;padding:10px 16px;border:2px solid #2851db;border-radius:8px}.skip-link:focus{top:12px}:where(a,button,summary,select,input,textarea):focus-visible{outline:2px solid #5275dd;outline-offset:3px}#input[aria-invalid="true"]{color:#a8392c}

#input-recovery{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:12px 0 4px}#input-recovery .text-btn{padding:4px 0;font-size:13px}#input-recovery small{color:#7b899e;font:12px ui-monospace,Consolas,monospace;overflow-wrap:anywhere}

.input-entry{position:relative;display:flex;flex:1;min-width:0}.input-entry #input{padding-right:44px;min-width:0;width:100%}.input-shell .input-clear{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;border:0;background:transparent;color:#7b899e;font:24px/32px system-ui;border-radius:6px}.input-shell .input-clear:hover{background:#f0f3fa;color:#2851db}#input-empty{font-size:13px;line-height:1.7;color:#718097;margin:12px 0 0}@media(max-width:680px){.input-entry{width:100%}.input-shell .input-clear{width:36px;height:36px;line-height:36px}}

#input-recovery .text-btn{margin:0}#compare-quick{display:flex;gap:12px;margin:10px 0}#compare-quick .text-btn{margin:0;padding:4px 0;font-size:13px}

#compare-use-other{margin-top:16px;font-size:13px}

.zone-line #back-local{order:4;margin:0;padding:3px 0;font-size:12px;color:#526b99}

#share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}#share-actions a{margin:0;font-size:13px}#share-actions button{font-size:14px}#share-status{margin-top:12px}

#share-precision{border-left:2px solid var(--accent,#2851db);padding-left:12px;font-size:12px;line-height:1.7}

@media(max-width:520px){#share-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}#share-actions button{width:100%;min-height:44px}#share-actions a{text-align:center;padding:5px 0}#input-recovery{align-items:flex-start}}
.input-clear:focus-visible{outline:2px solid #2851db;outline-offset:2px;border-radius:6px}

body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}#privacy-detail{flex-basis:100%;font-size:13px;color:#647083}#privacy-detail p{max-width:760px;line-height:1.8;margin:12px 0}#privacy-detail summary{cursor:pointer}.gap-explanation{line-height:1.8;margin:0 0 12px}.gap-choice{display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;max-width:100%;white-space:normal}.gap-choice span{font-size:13px}.gap-choice strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}

footer{flex-wrap:wrap;gap:14px 22px}footer>span{flex-shrink:0}#privacy-detail{margin:0;padding:0;background:none;border:0}#privacy-detail summary{padding:0;font-size:13px}.calendar-link-option{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.7}.calendar-link-option input{flex:none;width:auto;margin-top:5px}
