@font-face{font-family:Berkeley Mono;src:url(https://static.due.ren/site/font/BerkeleyMono-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(https://static.due.ren/site/font/BerkeleyMono-Oblique.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(https://static.due.ren/site/font/BerkeleyMono-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Berkeley Mono;src:url(https://static.due.ren/site/font/BerkeleyMono-Bold-Oblique.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{--font-family: "Berkeley Mono", monospace;--bg: #e3e1d8;--surface: #fbfaf1;--surface-strong: #d7d5cb;--surface-soft: #f0efe6;--text: #090a08;--muted: #4d5049;--line: #141512;--line-strong: #050604;--accent: #00866d;--accent-strong: #005f51;--action: #ffd21a;--warning: #c18400;--danger: #bd332b;--inverse: #fbfaf1;--shadow: 5px 5px 0 var(--line);--grid-line: rgba(20, 21, 18, .1);--grid-strong: rgba(20, 21, 18, .18);--focus: rgba(0, 134, 109, .34);--radius: 0;--page-width: 66rem;--chip-strip: linear-gradient( 90deg, #e43d30 0 4%, #3a9b5d 4% 8%, #35318f 8% 12%, #55a8e8 12% 16%, #f1d32b 16% 20%, #e83b93 20% 24%, #050604 24% 28%, transparent 28% 34%, #d9d9d4 34% 38%, #c6c6c1 38% 42%, #a5a5a0 42% 46%, #81817d 46% 50%, #62625f 50% 54%, #444441 54% 58%, #222220 58% 62%, #050604 62% 66%, #78924b 66% 70%, #23765f 70% 74%, #1f4a99 74% 78%, #56318f 78% 82%, #973174 82% 86%, #b43331 86% 90%, #bd5e24 90% 94%, #ffd21a 94% 100% );color-scheme:light;font-family:var(--font-family);font-optical-sizing:auto;font-weight:400;font-style:normal;font-variant-numeric:tabular-nums lining-nums;font-size:16px;letter-spacing:0}:root[data-theme=dark]{--bg: #070807;--surface: #11130f;--surface-strong: #24281f;--surface-soft: #181b15;--text: #f7f0dc;--muted: #b4ad9a;--line: #5a604f;--line-strong: #f7f0dc;--accent: #00b88a;--accent-strong: #65e0bb;--action: #ffd21a;--warning: #ffd21a;--danger: #ff6b5f;--inverse: #070807;--shadow: 5px 5px 0 #000000;--grid-line: rgba(247, 240, 220, .08);--grid-strong: rgba(247, 240, 220, .14);--focus: rgba(0, 184, 138, .38);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background-color:var(--bg);background-image:linear-gradient(var(--grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:4rem 4rem,1rem 1rem}body{min-height:100%;margin:0;padding:.45rem;background:transparent;color:var(--text);font-family:var(--font-family);line-height:1.45;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration-color:var(--line-strong);text-underline-offset:.18em}a:hover,a:focus-visible{color:var(--accent-strong)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem .65rem;width:min(100%,var(--page-width));margin:0 auto;padding:.65rem;border:1px solid var(--line);border-bottom:0;background:var(--surface)}.topbar:after{content:"";flex-basis:100%;height:.32rem;border:1px solid var(--line);background:var(--chip-strip)}.brand-link{display:inline-flex;align-items:center;gap:.45rem;font-size:1.15rem;font-weight:700;text-transform:uppercase;text-decoration:none}.brand-link:before{content:"";width:.62rem;height:.62rem;border:1px solid var(--line);background:#e43d30}.top-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.35rem;font-size:.78rem;margin-left:auto}.top-actions a,.icon-button,.text-button,.primary-button,.converter-mode-button{min-height:2.05rem;border-radius:var(--radius);cursor:pointer}.top-actions a{display:inline-flex;align-items:center;min-height:2.05rem;border:1px solid var(--line);background:var(--surface);padding:0 .65rem;color:var(--text);text-decoration:none;box-shadow:2px 2px 0 var(--line)}.top-actions a[aria-current=page],.theme-toggle[aria-pressed=true]{background:var(--action);color:#090a08}.icon-button,.text-button{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:2px 2px 0 var(--line)}.icon-button{padding:0 .7rem}.text-button{padding:0 .85rem}.text-button.small{min-height:2rem;padding:0 .6rem;font-size:.76rem}.comparison-action{min-width:2.15rem;transition:background-color .12s ease,color .12s ease,border-color .12s ease,transform 80ms ease,box-shadow 80ms ease}.comparison-action.is-target-action:hover,.comparison-action.is-target-action:focus-visible,.comparison-action.is-target-action:active,.comparison-action.is-target-action[data-state=pending]{border-color:var(--line-strong);background:var(--action);color:#090a08}.comparison-action.is-remove-action{min-width:2rem}.comparison-action.is-remove-action:hover,.comparison-action.is-remove-action:focus-visible,.comparison-action.is-remove-action:active,.comparison-action.is-remove-action[data-state=pending]{border-color:var(--line-strong);background:var(--danger);color:var(--inverse)}.comparison-action:active,.comparison-action[data-state=pending]{transform:translate(2px,2px);box-shadow:none}.comparison-action:disabled{border-color:var(--line);background:var(--surface);color:var(--muted);transform:none;box-shadow:2px 2px 0 var(--line)}.text-button:disabled{cursor:default;opacity:.45}.primary-button{border:1px solid var(--line);background:var(--action);color:#090a08;padding:0 1rem;font-weight:700;box-shadow:2px 2px 0 var(--line)}.primary-button:hover,.primary-button:focus-visible,.text-button:hover,.text-button:focus-visible,.icon-button:hover,.top-actions a:hover,.top-actions a:focus-visible,.icon-button:focus-visible{border-color:var(--line-strong);color:var(--text);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--line)}.primary-button:hover,.primary-button:focus-visible{color:#090a08}.top-actions a[aria-current=page]:hover,.top-actions a[aria-current=page]:focus-visible,.theme-toggle[aria-pressed=true]:hover,.theme-toggle[aria-pressed=true]:focus-visible{color:#090a08}#app-shell{display:grid;gap:.85rem;width:min(100%,var(--page-width));margin:0 auto;padding:.85rem;border:1px solid var(--line);border-top:0;border-bottom:0;background:var(--surface)}.cockpit{display:grid;gap:.65rem;align-items:center;padding:.65rem 0 .85rem;border-bottom:1px dashed var(--line)}.cockpit-copy{display:grid;gap:.7rem;align-content:start;justify-items:center;text-align:center}.section-kicker{margin:0;color:var(--accent-strong);font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2{margin:0;line-height:1.06}h1{max-width:18ch;font-size:1.95rem}h2{font-size:1.1rem}.primary-time{font-size:3.95rem;line-height:.95;font-weight:700}.primary-meta,.watch-note,.site-footer,.zone-option-meta,.comparison-title small,.comparison-time small,.reference-strip small,.converter-output small{color:var(--muted)}.primary-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:0;font-size:.9rem;border:1px solid var(--line);background:var(--surface-soft);box-shadow:3px 3px 0 var(--line)}.primary-meta span{padding:.32rem .55rem;border-right:1px solid var(--line)}.primary-meta span:last-child{border-right:0}.time-pair-section{display:grid;gap:.75rem;padding:.2rem 0 .9rem;border-bottom:1px dashed var(--line)}.time-pair-grid{display:grid;gap:.65rem}.time-card{position:relative;display:grid;align-content:start;gap:.65rem;min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.local-time-card{background:var(--surface)}.destination-time-card{z-index:2}.time-card-top{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;min-width:0;padding-bottom:.42rem;border-bottom:1px dotted var(--line)}.time-offset,.hand-offset{color:var(--accent-strong);font-size:.82rem;font-weight:700;white-space:nowrap}.destination-time{display:block;font-size:3.95rem;line-height:.95;font-weight:700}.time-card-meta{display:grid;gap:.2rem;min-width:0;color:var(--muted);font-size:.84rem;line-height:1.45}.time-card-meta span{min-width:0;overflow-wrap:anywhere}.time-card-date,.time-card-location{display:block}.time-card .zone-field{margin-top:.1rem}.time-pair-summary{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--line);background:var(--surface)}.time-pair-summary div{display:grid;gap:.18rem;min-width:0;padding:.72rem;border-right:1px solid var(--line)}.time-pair-summary div:last-child{border-right:0}.time-pair-summary dt{color:var(--muted);font-size:.76rem}.time-pair-summary dd{margin:0;font-weight:700;overflow-wrap:anywhere}.mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;width:min(100%,24rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:3px 3px 0 var(--line)}.mode-switch.compact{width:100%;grid-template-columns:repeat(3,1fr)}.converter-mode-button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:.82rem;font-weight:700}.converter-mode-button:last-child{border-right:0}.converter-mode-button.active{background:var(--text);color:var(--surface)}.reference-strip{display:grid;gap:.7rem}.reference-strip>div,.app-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.reference-strip>div{display:grid;gap:.25rem;padding:.9rem}.reference-strip span,.setting-list dt{color:var(--muted);font-size:.76rem}.reference-strip strong{font-size:1.5rem}.watch-settings{display:grid;gap:.75rem;width:100%;max-width:100%;margin:0 auto}.app-panel{padding:1rem;width:100%;max-width:100%}.panel-heading,.comparison-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px dashed var(--line)}.compact-heading{display:grid;gap:.15rem;margin-bottom:0}.watch-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;padding:.65rem 0 0;border-top:1px solid var(--line)}.watch-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-self:end}.hand-grid{display:grid;gap:.85rem}.hand-panel{display:grid;gap:.65rem;min-width:0;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.hand-panel-top{display:flex;justify-content:space-between;gap:1rem;align-items:start;padding-bottom:.45rem;border-bottom:1px dotted var(--line)}.hand-time{display:block;font-size:2.95rem;line-height:.95}.hand-meta{display:grid;gap:.2rem;color:var(--muted);font-size:.84rem}.watch-summary{align-self:start;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.home-shell .hand-panel,.home-shell .watch-summary,.home-shell .comparison-section,.home-shell .comparison-item{box-shadow:none}.home-shell .panel-heading.compact-heading{border-bottom:0;margin-bottom:0;padding-bottom:0}.home-shell .watch-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.home-shell .watch-summary div{grid-template-columns:1fr;gap:.18rem;padding:.75rem;border-right:1px solid var(--line);border-bottom:0}.home-shell .watch-summary div:last-child{border-right:0}.technical-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.zone-field{display:grid;gap:.45rem}.zone-field label,.converter-inputs label{color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase}.zone-picker,.add-zone{position:relative}.zone-picker:focus-within,.add-zone:focus-within{z-index:30}.zone-input{width:100%;min-height:2.55rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:0 .8rem;box-shadow:inset 2px 2px 0 var(--surface-strong)}.zone-input:focus{border-color:var(--accent);outline:3px solid var(--focus)}.zone-results{display:none;position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;max-height:18rem;overflow:auto;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.zone-results.active{display:grid}.zone-option{display:grid;gap:.15rem;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:.75rem .85rem;text-align:left;cursor:pointer}.zone-option:hover,.zone-option:focus-visible,.zone-option.is-active{background:var(--action);color:#090a08}.zone-option.is-empty{cursor:default;color:var(--muted)}.zone-option-name{font-weight:700}.setting-list{display:grid;gap:0;margin:0;padding:0 .85rem}.setting-list div{display:grid;grid-template-columns:minmax(7rem,.9fr) 1.4fr;gap:.8rem;align-items:baseline;padding:.7rem 0;border-bottom:1px solid var(--line)}.setting-list div:last-child{border-bottom:0}.setting-list dd{margin:0;font-weight:700}.watch-note{margin:.9rem 0 0;font-size:.82rem}.comparison-section{display:grid;gap:1rem;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.home-shell .comparison-section{gap:.75rem;border:0;border-top:1px dashed var(--line);background:transparent;padding:.85rem 0 0}.comparison-header{margin-bottom:0}.comparison-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.comparison-item{display:grid;gap:.65rem;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);box-shadow:3px 3px 0 var(--line)}.home-shell .comparison-item{border:0;border-top:1px solid var(--line);background:transparent;padding:.8rem 0}.comparison-item.is-main-hand{border-color:var(--accent)}.comparison-item.is-gmt-hand{border-color:var(--warning)}.comparison-title,.comparison-time{display:grid;gap:.15rem}.comparison-time strong{font-size:1.35rem}.comparison-offset{font-weight:700;color:var(--muted)}.comparison-actions{display:flex;gap:.4rem;flex-wrap:wrap}.converter-section{margin-bottom:1rem;width:100%;max-width:100%}.utility-shell{min-height:calc(100svh - 8rem);align-content:start}.compact-cockpit{padding-top:.35rem}.compact-cockpit .primary-time{font-size:3.2rem}.converter-page-panel{max-width:58rem;margin:0 auto 1rem}.converter-layout,.converter-controls{display:grid;gap:1rem}.converter-zone-grid{display:grid;gap:.65rem;align-items:end}.converter-swap-button{justify-self:start}.converter-inputs{display:none;gap:.45rem}.converter-inputs.active{display:grid}.inline-fields{display:grid;gap:.5rem}.converter-actions{display:flex;gap:.6rem;flex-wrap:wrap}.converter-output{display:grid;gap:.35rem;align-content:center;min-height:9rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);box-shadow:3px 3px 0 var(--line)}.converter-output span{color:var(--accent-strong);font-size:.8rem;font-weight:700}.converter-output strong{font-size:2.2rem}.site-footer{width:min(100%,var(--page-width));margin:0 auto;padding:1rem;border:1px solid var(--line);border-top:1px dashed var(--line);background:var(--surface);text-align:center;font-size:.78rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:44rem){.topbar,#app-shell,.site-footer{padding-left:1.5rem;padding-right:1.5rem}h1{font-size:2.55rem}.primary-time{font-size:6.45rem}.time-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-card .primary-time,.destination-time{font-size:4rem}.reference-strip{grid-template-columns:repeat(3,1fr)}.inline-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-zone-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.converter-swap-button{align-self:end;margin-bottom:.05rem}.watch-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.watch-settings{grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr)}.watch-heading{grid-column:1 / -1}.comparison-item{grid-template-columns:minmax(12rem,1.25fr) minmax(8rem,.65fr) minmax(5rem,.45fr) auto;align-items:center}.comparison-actions{justify-content:flex-end}}@media(max-width:34rem){body{padding:.28rem}.topbar{display:flex;align-items:center;padding:.55rem}.brand-link{font-size:1rem}.top-actions{width:100%;flex-basis:100%;margin-left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.3rem;min-width:0;max-width:100%}.top-actions a{display:flex;justify-content:center;min-width:0;padding:0 .25rem}.top-actions a,.icon-button,.text-button,.primary-button{min-height:1.95rem}.theme-toggle{position:static;flex:0 0 auto;min-width:3.9rem;background:var(--surface)}.primary-meta{display:grid;width:100%;max-width:21rem;box-shadow:none}.primary-meta span{border-right:0;border-bottom:1px solid var(--line);padding:.26rem .45rem}.primary-meta span:last-child{border-bottom:0}.time-card{padding:.75rem}.time-card .primary-time,.destination-time{font-size:3.1rem}.time-pair-summary{grid-template-columns:1fr}.time-pair-summary div{border-right:0;border-bottom:1px solid var(--line)}.time-pair-summary div:last-child{border-bottom:0}.converter-swap-button{justify-self:stretch}}@media(max-width:24rem){#app-shell{padding:.75rem}.top-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-toggle{min-width:0;padding:0 .45rem}.primary-time,.time-card .primary-time,.destination-time{font-size:2.65rem}.primary-meta,.time-card-meta,.hand-meta,.time-pair-summary dt,.setting-list dt{font-size:.76rem}.hand-panel{padding:.75rem}.hand-time{font-size:2.65rem}.setting-list div{grid-template-columns:1fr;gap:.25rem;align-items:start}.home-shell .watch-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.home-shell .watch-summary div{border-right:1px solid var(--line);border-bottom:0;padding:.55rem}.home-shell .watch-summary div:last-child{border-right:0}.home-shell .watch-summary dd,.time-pair-summary dd{font-size:.82rem}}@media(min-width:68rem){.topbar,#app-shell,.site-footer{padding-left:2rem;padding-right:2rem}#app-shell{gap:1rem}.cockpit{max-width:100%;min-height:0;gap:.55rem;padding-top:1.8rem}h1{font-size:3.2rem}.primary-time{font-size:8.1rem}.time-card .primary-time,.destination-time{font-size:5.05rem}.hand-time{font-size:4.35rem}.converter-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,.48fr)}}@media(prefers-reduced-motion:no-preference){.cockpit-copy,.time-card,.time-pair-summary,.reference-strip>div,.app-panel{animation:surface-in .42s ease both}@keyframes surface-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}}