@font-face{font-family:Instrument;src:url(/fonts/instrument-serif.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#30372f;background:#eeece5;font-synthesis:none;--ink:#30372f;--muted:#6a6e64;--line:#d5d6cb;--paper:#eeece5;--accent:#596b4f;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{color:inherit}button,select,input{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #566d46;outline-offset:5px}::selection{background:#b8c5a9;color:#23291e}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}svg{flex-shrink:0}p,h1,h2{margin:0}button svg{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{max-width:1256px;margin:0 auto;padding:0 58px}.site-header{height:109px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-size:23px;font-weight:600;letter-spacing:-.8px;text-decoration:none}.wordmark-period{color:#72815e}.brand-mark{display:grid;grid-template-columns:repeat(2,6px);gap:4px;margin-right:12px}.brand-mark i{width:6px;height:6px;background:var(--ink);border-radius:1px}.brand-mark i:nth-child(3){background:#95a17d}.header-actions{display:flex;align-items:center;gap:42px}.local-indicator{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.local-indicator span{height:5px;width:5px;background:#79876b;border-radius:50%}.about-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;min-height:44px;padding:0 2px;font-size:13px}.about-button:hover{color:#6e7b5e}.about-button .icon{width:17px;height:17px}.intro{padding:48px 0 43px;display:flex;align-items:baseline;justify-content:space-between;gap:24px}.intro h1{font-family:Instrument,Georgia,serif;font-size:62px;font-weight:400;letter-spacing:-1.4px;line-height:1.05}.intro p{font-size:13px;color:var(--muted);line-height:1.6;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,650px) minmax(250px,290px);justify-content:space-between;gap:70px}.clock-section{min-width:0}.clock-view{--light:#eeeede;--off:#494c43;position:relative}.clock-panel{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;aspect-ratio:1;border:0;border-radius:13px;background:#252822;padding:7.4% 7.7% 5.8%;box-shadow:0 18px 26px -17px #22271d60,0 3px 5px #22271d13,inset 0 1px #ffffff0a;text-align:center;user-select:none;-webkit-user-select:none}.clock-panel:focus-visible{outline-color:var(--accent);outline-offset:7px}.letter-grid{width:100%;flex:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));font-family:Courier New,monospace;font-size:clamp(15px,1.85vw,25px);font-weight:600;line-height:1}.letter-grid>span{display:flex;align-items:center;justify-content:center;color:var(--off);transition:color .65s cubic-bezier(.16,1,.3,1)}.letter-grid>span.lit{color:var(--light)}.minute-dots{display:flex;align-items:center;justify-content:center;gap:17px;padding-top:5%;height:9%}.minute-dots i{width:5px;height:5px;border-radius:50%;background:var(--off);transition:background-color .4s}.minute-dots i.lit{background:var(--light)}.seconds-track{width:82%;display:grid;grid-template-columns:repeat(60,1fr);gap:3px;margin-top:4.4%;height:3px}.seconds-track i{display:block;background:var(--off);width:100%;height:2px;border-radius:2px}.seconds-track i.lit{background:var(--light);opacity:.45}.seconds-track i.current{opacity:1;height:3px;transform:translateY(-.5px)}[data-theme=amber]{--light:#efc28b;--off:#4c4941}[data-theme=sage]{--light:#b5d2a4;--off:#434d41}[data-theme=rose]{--light:#e5b8b0;--off:#514943}[data-theme=ice]{--light:#b8d9e6;--off:#424c4c}.clock-caption{display:flex;align-items:center;justify-content:space-between;padding-top:24px;color:var(--muted);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.clock-caption time{font-size:12px;letter-spacing:1.3px;font-variant-numeric:tabular-nums;color:#4e5548}.controls{padding-top:20px}.controls-heading{display:flex;align-items:center;gap:10px}.controls h2{font-family:Instrument,Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.25px;white-space:nowrap}.small-sun{display:flex;align-items:center;color:#8b947a}.small-sun .icon{width:21px;height:21px}.controls-intro{font-size:13px;line-height:1.7;color:var(--muted);margin-top:12px;padding-left:31px}.control-group{padding:0;margin:0;border:0}.language-group{margin-top:36px}.control-label{font-size:12px;font-weight:600;display:block;color:#41483b;letter-spacing:.1px}.select-wrap{position:relative;margin-top:12px}.select-wrap select{appearance:none;-webkit-appearance:none;cursor:pointer;width:100%;height:47px;border:1px solid #c9cdbf;border-radius:5px;background:transparent;padding:0 40px 0 15px;font-size:13px;color:var(--ink)}.select-wrap select:hover{border-color:#858f77}.select-wrap .icon{position:absolute;right:12px;top:13px;pointer-events:none;color:#737c69}.theme-group{margin-top:29px}.theme-group legend{width:100%;padding:0;display:flex;justify-content:space-between;align-items:center}.theme-group legend span{font-size:11px;font-weight:400;color:var(--muted)}.theme-options{display:flex;justify-content:space-between;margin-top:12px;gap:6px}.theme-swatch{display:grid;place-items:center;width:46px;height:46px;border:1px solid transparent;background:transparent;border-radius:50%;padding:5px}.theme-swatch:hover{border-color:#b0b8a4}.theme-swatch[aria-pressed=true]{border-color:#7c896d}.swatch-color{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--light,#e5e5d5);box-shadow:inset 0 0 0 1px #0000000a}.swatch-color .icon{width:15px;height:15px;color:#414c36;visibility:hidden}.theme-swatch[aria-pressed=true] .icon{visibility:visible}.tap-tip{font-size:10px;color:var(--muted);margin-top:11px}.seconds-group{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:29px;padding:22px 0;gap:12px}.seconds-group p{font-size:10px;color:var(--muted);margin-top:7px}.switch{appearance:none;-webkit-appearance:none;position:relative;cursor:pointer;width:43px;height:44px;margin:0;flex-shrink:0;outline-offset:2px!important;background:transparent}.switch:before{content:"";position:absolute;inset:11px 0;background:#b9bdaf;border-radius:20px;transition:background-color .2s}.switch:after{content:"";position:absolute;top:14px;left:3px;width:16px;height:16px;border-radius:50%;background:#f7f6ee;box-shadow:0 1px 2px #0002;transition:transform .2s cubic-bezier(.16,1,.3,1)}.switch:checked:before{background:#657557}.switch:checked:after{transform:translate(21px)}.fullscreen-button{display:flex;align-items:center;gap:11px;min-height:47px;width:100%;margin-top:26px;padding:0 15px;background:#333c2c;color:#f1f1e7;border:1px solid #333c2c;border-radius:5px;font-size:12px}.fullscreen-button:hover{background:#49563f;border-color:#49563f}.fullscreen-button>.icon:first-child{width:17px;height:17px}.fullscreen-button>.icon:last-child{margin-left:auto;width:16px;height:16px}.reading-guide{display:flex;align-items:center;gap:15px;margin-top:27px}.reading-guide p{font-size:10px;line-height:1.7;color:var(--muted)}.guide-dots{display:flex;gap:5px;align-items:center}.guide-dots i{display:block;width:4px;height:4px;background:#79886c;border-radius:50%}.guide-dots i:nth-child(n+3){background:#c2c8b9}.keyboard-tip{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);margin-top:24px}.keyboard-tip kbd{font:inherit;border:1px solid #c8cdbe;border-radius:3px;min-width:16px;padding:3px 5px;text-align:center}.keyboard-tip>span{margin:0 3px;color:#989e8d}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:47px;padding:23px 0 30px;font-size:11px;color:var(--muted)}.site-footer>span{font-size:10px}.about-sheet{padding:25px 0 9px;margin-top:32px;border-top:1px solid var(--line)}.about-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.about-heading h2{font-family:Instrument,Georgia,serif;font-size:31px;font-weight:400}.about-sheet p{font-size:12px;color:var(--muted);line-height:1.8;max-width:75ch}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:4px}.icon-button:hover{background:#e0e1d6}.exit-fullscreen,.fullscreen-hint{display:none}.in-fullscreen{overflow:hidden}.clock-view.is-fullscreen{position:fixed;inset:0;width:100%;height:100%;height:100dvh;z-index:20;background:#1d201b;display:flex;align-items:center;justify-content:center}.clock-view.is-fullscreen .clock-panel{width:min(89vw,83dvh,940px);height:min(89vw,83dvh,940px);padding:min(6.6vw,6.1dvh);border-radius:13px;box-shadow:none;flex-shrink:0}.clock-view.is-fullscreen .letter-grid{font-size:min(3.3vw,3.3dvh,38px)}.clock-view.is-fullscreen .exit-fullscreen{display:flex;align-items:center;gap:7px;position:absolute;top:15px;right:18px;min-height:44px;background:transparent;border:0;color:#c0c8b6;font-size:12px;padding:0 12px}.clock-view.is-fullscreen .exit-fullscreen:focus-visible{outline-color:#c0c8b6}.clock-view.is-fullscreen .fullscreen-hint{display:block;position:absolute;bottom:20px;font-size:11px;color:#a3ac98;text-align:center;padding:0 15px}.clock-view.is-fullscreen .clock-panel:focus-visible{outline-color:var(--light)}@media(min-width:1440px){.intro{padding-top:53px;padding-bottom:45px}.workspace{gap:88px}.controls{padding-top:27px}.page-shell{max-width:1290px}.letter-grid{font-size:26px}}@media(max-width:1050px){.page-shell{padding:0 36px}.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:42px}.intro h1{font-size:52px}.intro p{font-size:11px}.controls{padding-top:4px}.controls h2{font-size:25px}.controls-intro{font-size:12px}.language-group{margin-top:27px}.letter-grid{font-size:clamp(14px,1.85vw,21px)}.theme-group{margin-top:23px}.seconds-group{margin-top:23px;padding:17px 0}.fullscreen-button{margin-top:22px}.reading-guide{margin-top:23px}.keyboard-tip{margin-top:20px}}@media(max-width:760px){.page-shell{max-width:590px;padding:0 24px}.site-header{height:84px}.wordmark{font-size:21px}.header-actions{gap:20px}.local-indicator{display:none}.intro{display:block;padding:32px 0 28px}.intro h1{font-size:46px;letter-spacing:-.9px}.intro p{font-size:12px;margin-top:12px}.workspace{display:flex;flex-direction:column;gap:36px}.clock-view{width:100%}.letter-grid{font-size:clamp(15px,3.9vw,23px)}.clock-caption{padding-top:20px;font-size:9px;letter-spacing:1px}.clock-caption time{font-size:11px}.controls{padding:28px 0 0;border-top:1px solid var(--line)}.controls h2{font-size:29px}.controls-intro{margin-top:9px;font-size:12px;padding-left:31px}.desktop-break{display:none}.language-group{margin-top:27px}.theme-group{margin-top:26px}.theme-options{justify-content:flex-start;gap:15px;margin-top:12px}.theme-swatch{width:46px;height:46px}.swatch-color{height:33px;width:33px}.control-label{font-size:13px}.tap-tip{font-size:11px;margin-top:11px}.seconds-group{margin-top:25px;padding:17px 0}.seconds-group p{font-size:11px}.fullscreen-button{min-height:49px;margin-top:24px;font-size:13px}.reading-guide{margin-top:25px}.reading-guide p{font-size:11px}.keyboard-tip{display:none}.site-footer{margin-top:33px;padding:21px 0 25px;font-size:10px;gap:20px}.site-footer>span{display:none}.about-sheet p{font-size:12px;margin-bottom:8px}.about-heading h2{font-size:27px}.seconds-track{gap:2px}.clock-view.is-fullscreen .clock-panel{width:min(94vw,78dvh);height:min(94vw,78dvh);padding:min(7vw,6dvh)}.clock-view.is-fullscreen .letter-grid{font-size:min(4vw,3.6dvh)}.clock-view.is-fullscreen .fullscreen-hint{font-size:10px}.clock-view.is-fullscreen .exit-fullscreen{right:8px;top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(min-width:761px)and (max-height:900px){.site-header{height:85px}.intro{padding:32px 0}.intro h1{font-size:54px}.workspace{grid-template-columns:minmax(0,min(600px,calc(100svh - 265px))) minmax(250px,290px)}.letter-grid{font-size:clamp(15px,2.6vh,25px)}.controls{padding-top:0}.language-group{margin-top:24px}.theme-group{margin-top:22px}.seconds-group{margin-top:22px;padding:15px 0}.fullscreen-button,.reading-guide{margin-top:21px}.keyboard-tip{margin-top:18px}.site-footer{margin-top:32px}}