:root{color-scheme:light;--sky-top:#b2d4d7;--sky-bottom:#f8e9c6;--mountain-far:#b7c8b9;--mountain-near:#8da79b;--hill:#a8bc89;--ground:#83a477;--tree:#4d795c;--ink:#264b40;--paper:#fffcf0;--hour:#bd724e;--minute:#346d61}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--sky-top)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline:3px solid #d88a4b;outline-offset:5px}a{color:inherit}button{border:0}button:disabled{cursor:default}button:hover{filter:brightness(.97)}.skip-link{position:fixed;left:15px;top:-80px;z-index:20;background:var(--paper);padding:12px}.skip-link:focus{top:10px}.world{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(var(--sky-top),var(--sky-bottom) 80%);pointer-events:none}.landscape{position:absolute;inset:0;width:100%;height:100%}.mountain-far{fill:var(--mountain-far)}.mountain-near{fill:var(--mountain-near)}.mountain-shade{fill:var(--tree);opacity:.13}.snow{fill:#f8f2df;opacity:.45}.hill{fill:var(--hill)}.ground{fill:var(--ground)}.path{fill:#dccaa1;opacity:.3}.needles{fill:var(--tree)}.trunk{fill:var(--tree)}.pine-light{fill:#bbcf9e;opacity:.1}.distant-trees{opacity:.55}.grass{stroke:var(--tree);opacity:.5}.sun,.moon{position:absolute;left:50%;top:12%;width:clamp(34px,4.4vw,62px);aspect-ratio:1;transform:translate(-50%,-50%)}.sun{border-radius:50%;background:#ffe6a3;box-shadow:0 0 36px 15px #ffe4a749,0 0 90px 40px #ffe8ae20}.moon{opacity:0;filter:drop-shadow(0 0 22px #e4ebdb55);width:clamp(30px,3.5vw,49px)}.moon svg{display:block;width:100%;height:100%}.compass{position:absolute;top:74%;font-size:9px;letter-spacing:2px;color:var(--ink);opacity:.7}.compass span{display:block;font-size:10px;letter-spacing:.7px;margin-top:7px}.east{left:28px}.west{right:28px;text-align:right}.header{max-width:1240px;padding:22px 34px 14px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:32px;font-weight:800;letter-spacing:-1.5px}.bruna-mark{display:grid;place-items:center;width:37px;height:37px;background:#80a38a;color:#173e35;font:700 34px/.9 Georgia,serif;letter-spacing:-3px;padding-right:3px}.brand-dot{color:#bd724e}.header-actions{display:flex;gap:26px;align-items:center;font-size:12px}.header-actions a{text-decoration:none}.header-actions button{background:#fffcf045;border:1px solid #fffcf055;border-radius:24px;padding:10px 15px;font-size:12px}.header-actions button[aria-pressed=false]{opacity:.7}main{display:flex;flex-direction:column;align-items:center;padding:5px 20px 10px}.intro{text-align:center;margin:7px 0 14px}.eyebrow{font-size:8px;letter-spacing:2.1px;font-weight:800;margin:0 0 9px;opacity:.8}.intro h1{font:400 clamp(25px,3vw,37px)/1.15 Georgia,serif;letter-spacing:-1px;margin:0 0 9px}.intro>p:last-child{font-size:12px;opacity:.8;line-height:1.5;margin:0}.day-label{display:flex;align-items:center;gap:7px;border:1px solid #fffcf073;background:#fffcf025;border-radius:20px;padding:6px 12px;font-size:10px;margin-bottom:10px;backdrop-filter:blur(6px)}.day-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.clock-section{display:flex;align-items:center;flex-direction:column}.clock-wrap{position:relative;width:min(390px,calc(100vw - 40px),47dvh);min-width:260px;filter:drop-shadow(0 8px 18px #122d3223)}#clock{width:100%;height:auto;display:block;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none}.clock-shadow{fill:#eadfc4}.clock-face{fill:var(--paper);stroke:#c4cdb5;stroke-width:2}.clock-ring{fill:none;stroke:#e2e5d4;stroke-width:1}.tick{stroke:#aab6a2;stroke-width:1.5;stroke-linecap:round}.tick.major{stroke:#698575;stroke-width:3}.clock-number{font:500 34px Georgia,serif;text-anchor:middle;dominant-baseline:central;fill:#244a40}.minute-number{font:10px Arial,sans-serif;text-anchor:middle;dominant-baseline:central;fill:#8a9b86}.hand{cursor:grab;touch-action:none}.hand:active,.dragging .hand{cursor:grabbing}.hand-line{fill:none;stroke-linecap:round;pointer-events:none}.hour-hand .hand-line{stroke:var(--hour);stroke-width:12}.minute-hand .hand-line{stroke:var(--minute);stroke-width:8}.hand-tip{fill:var(--paper);stroke-width:5;pointer-events:none}.hour-hand .hand-tip{stroke:var(--hour)}.minute-hand .hand-tip{stroke:var(--minute)}.hand-hit{fill:none;stroke:transparent;stroke-width:65;stroke-linecap:round;pointer-events:stroke}.hand:focus-visible .hand-tip{stroke:#df963f;stroke-width:8}.period-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f6efd9;border:1px solid #d7d9c4;color:#345d4c;border-radius:25px;font-size:13px;font-weight:800;letter-spacing:1px;padding:7px 10px;box-shadow:0 2px 2px #415a3c14;min-height:34px;min-width:62px}.period-toggle span{font-size:10px;opacity:.5;margin-left:3px}.digital-row{display:flex;align-items:center;gap:14px;margin-top:9px}.digital{display:flex;align-items:baseline;gap:9px;font:500 44px/1.1 'Courier New',monospace;letter-spacing:-2px;font-variant-numeric:tabular-nums}.digital-period{font:700 11px Arial,sans-serif;letter-spacing:1.5px}.hear{background:#fffcf046;border:1px solid #fffcf060;border-radius:50%;width:35px;height:35px;font-size:19px;display:grid;place-items:center}.time-reading{font-size:12px;margin:8px 0 17px;text-align:center;min-height:15px}.settings{background:#fffcf0e8;border:1px solid #ffffff7a;border-radius:17px;box-shadow:0 4px 18px #143d3410;padding:15px 20px 12px;color:#365448;backdrop-filter:blur(12px);max-width:100%}.step-row{display:flex;gap:20px;align-items:center}.setting-label{font-size:8px;font-weight:800;letter-spacing:1.3px}.step-buttons{display:flex;gap:5px}.step-buttons button{min-height:37px;min-width:57px;border-radius:8px;background:transparent;font-size:15px;font-weight:700}.step-buttons span{font-size:9px;font-weight:400}.step-buttons button[aria-pressed=true]{background:#346d61;color:#fff9eb;box-shadow:0 2px 0 #224c42}.adjustments{display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid #dce2d0;padding-top:10px;margin-top:11px}.adjustments>div{display:flex;align-items:center;gap:6px}.adjustments span:not(.divider){font-size:10px;margin-right:5px}.hour-key{color:#aa5c3d}.minute-key{color:#346d61}.adjustments button{width:28px;height:27px;border:1px solid #ced8c4;border-radius:6px;background:#fffdf5;font-size:17px}.divider{height:20px;width:1px;background:#dce2d0}.presets{display:flex;gap:22px;margin:14px 0 0}.presets button{display:flex;align-items:center;gap:5px;font-size:18px;background:none;padding:4px 0}.presets span{font-size:10px}.feedback{font-size:10px;line-height:1.6;text-align:center;max-width:440px;margin:10px 0 0;min-height:16px;background:#fffcf025;border-radius:8px;padding:2px 8px}footer{max-width:1180px;margin:8px auto 0;padding:17px 28px 20px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#f8f5df;text-shadow:0 1px 3px #102b28a0}footer a{text-decoration:none}footer span{opacity:.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.notes{display:block;max-width:760px;margin:40px auto;padding:30px;border-radius:18px;background:#fffcf0f2;color:#345747;line-height:1.8;font-size:14px}.notes h1,.notes h2{font-family:Georgia,serif;font-weight:400}.notes h1{font-size:36px}.notes h2{font-size:23px;margin-top:28px}@media(min-height:900px) and (min-width:700px){.header{padding-top:28px}.intro{margin-top:18px;margin-bottom:20px}.clock-wrap{width:400px}.digital-row{margin-top:14px}.settings{margin-top:6px}}@media(max-width:600px){.header{padding:19px 20px 13px}.brand{font-size:29px}.bruna-mark{width:33px;height:33px;font-size:30px}.header-actions{gap:16px;font-size:10px}.header-actions button{padding:8px 11px;font-size:11px}.intro{margin:7px 0 13px}.intro h1{font-size:27px;max-width:330px;letter-spacing:-.7px}.intro>p:last-child{font-size:10px}.eyebrow{font-size:7px;letter-spacing:1.6px}.clock-wrap{width:min(350px,calc(100vw - 40px),46dvh);min-width:250px}.settings{padding:12px 12px 10px;width:min(390px,100%)}.step-row{display:block;text-align:center}.setting-label{display:block;margin-bottom:8px;font-size:7px}.step-buttons{justify-content:center;gap:3px}.step-buttons button{flex:1;min-width:44px;min-height:34px;font-size:14px}.adjustments{gap:10px}.adjustments>div{gap:4px}.adjustments span:not(.divider){font-size:8px;margin-right:2px}.adjustments button{width:24px;min-height:28px}.digital{font-size:40px}.digital-row{margin-top:7px}.time-reading{font-size:11px;margin-bottom:14px}.presets{gap:17px;margin-top:10px}.presets span{font-size:9px}.presets button{font-size:16px}.feedback{font-size:9px;max-width:290px;margin-top:8px}.compass{font-size:7px;top:72%;letter-spacing:1px}.compass span{font-size:8px}.east{left:12px}.west{right:12px}footer{font-size:8px;padding:14px 20px 18px}footer span{display:none}.notes{margin:20px;font-size:13px;padding:23px}}@media(prefers-reduced-motion:no-preference){.world,.mountain-far,.mountain-near,.hill,.ground,.needles{transition:fill .15s,background .15s}.sun,.moon{transition:left .1s,top .1s,opacity .2s}.step-buttons button{transition:background .15s,color .15s}}

.snow{opacity:calc(.45 - var(--stars,0)*.28)}
@media(min-width:1100px) and (max-height:850px){main{position:relative}.settings{position:absolute;top:192px;left:calc(50% + 210px);width:238px;padding:17px 14px}.step-row{display:block;text-align:center}.setting-label{display:block;margin-bottom:12px}.step-buttons{gap:3px}.step-buttons button{min-width:0;flex:1;font-size:14px}.step-buttons span{display:block;font-size:8px;margin-top:2px}.adjustments{flex-direction:column;gap:10px;margin-top:14px;padding-top:14px}.adjustments>div{width:100%;justify-content:flex-end}.adjustments span:not(.divider){margin-right:auto}.divider{width:100%;height:1px}.presets{margin-top:0}.feedback{margin-top:6px}}