@font-face{font-family:Edict;src:url(../fonts/EdictDisplay-Light.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Edict;src:url(../fonts/EdictDisplay-LightItalic.otf) format("opentype");font-style:italic;font-weight:300;font-display:swap}@font-face{font-family:Selecta;src:url(../fonts/Selecta-Regular.woff2) format("woff2");font-display:swap}:root{font:15px/1.4 Selecta,Arial,sans-serif;color:#252525;--ink:#252525;--muted:#626262;--glass-wash:rgba(255,255,255,.24);--glass-edge:rgba(255,255,255,.72);--control-fill:rgba(255,255,255,.25);--control-active:rgba(255,255,255,.48);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}:root[data-light=night]{--ink:#f7f7f7;--muted:#c0c0c0;--glass-wash:rgba(28,28,28,.48);--glass-edge:rgba(255,255,255,.27);--control-fill:rgba(255,255,255,.07);--control-active:rgba(255,255,255,.18)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;height:100dvh}body{overflow:hidden;-webkit-font-smoothing:antialiased;background:#eee;color:var(--ink)}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,a,input,[role=slider]{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,[role=slider]:focus-visible,[role=option]:focus-visible{outline:2px solid #246BFE}h1,h2,p{margin:0}a{color:inherit}.komorebi-app{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden}.komo-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.komo-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:soft-light;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glass{position:relative;isolation:isolate;border-radius:var(--glass-radius);color:var(--ink);box-shadow:0 2px 3px #00000009,0 12px 40px -12px #00000029;transition:color .22s ease}.glass-definitions{position:absolute;width:0;height:0;pointer-events:none}.glass-material{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid var(--glass-edge);background:linear-gradient(155deg,rgba(255,255,255,.22),transparent 38%,rgba(255,255,255,.06) 74%,rgba(255,255,255,.21)),var(--glass-wash);-webkit-backdrop-filter:blur(12px) saturate(1.12);backdrop-filter:blur(12px) saturate(1.12);box-shadow:inset 0 1px 1px #ffffffd9,inset 1px 0 1px #ffffff75,inset -1px -1px 1px #ffffff40,inset 0 -2px 5px #0000000c,0 0 0 .5px #0000000d;pointer-events:none}@supports (backdrop-filter:url(#glass)){.glass-material{-webkit-backdrop-filter:blur(9px) saturate(1.12) var(--refraction,blur(0px));backdrop-filter:blur(9px) saturate(1.12) var(--refraction,blur(0px))}}.glass-content{position:relative;z-index:1}.topbar{position:absolute;z-index:10;top:max(24px,env(safe-area-inset-top));left:50%;transform:translate(-50%)}.location-glass .glass-content{display:flex;align-items:center;padding:5px 18px 5px 5px;gap:15px;white-space:nowrap}.location-trigger{border:0;background:transparent;display:flex;align-items:center;gap:22px;padding:12px 15px;min-height:44px;border-radius:25px;font-size:14px}.location-trigger svg{width:14px;opacity:.6}.location-trigger:active{background:var(--control-fill)}.location-divider{width:1px;height:17px;background:currentColor;opacity:.12}.local-clock{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.light-phase{font-size:12px;color:var(--muted);margin-left:-7px}.intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none;padding:24px;text-align:center}.intro-inner{opacity:0;filter:blur(9px);transform:translateY(7px);transition:opacity 1.1s var(--ease-out),filter 1.1s var(--ease-out),transform 1.1s var(--ease-out)}.intro[data-state=visible] .intro-inner{opacity:1;filter:blur(0);transform:none}.intro[data-state=leaving] .intro-inner,.intro[data-state=done] .intro-inner{opacity:0;filter:blur(7px);transform:translateY(-5px)}.intro h1{font:300 clamp(76px,8vw,132px)/1 Edict,Georgia,serif;letter-spacing:-.055em;color:var(--ink);text-shadow:0 1px 20px #ffffff22}.japanese{font-size:19px;letter-spacing:.16em;margin-top:24px;color:var(--ink);opacity:.78}.japanese span{font:italic 300 20px Edict,Georgia,serif;letter-spacing:.06em;margin-left:12px}.definition{max-width:350px;margin:18px auto 0;font-size:15px;line-height:1.55;color:var(--ink);opacity:.75}.about-anchor{position:absolute;z-index:12;left:max(28px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));opacity:0;filter:blur(4px);transform:translateY(6px);transition:opacity .5s var(--ease-out),filter .5s var(--ease-out),transform .5s var(--ease-out)}.about-anchor[data-ready=true]{opacity:1;filter:none;transform:none}.about-trigger{border:0;padding:0;background:none;border-radius:28px}.about-trigger .glass-content{display:flex;align-items:center;gap:19px;padding:12px 18px;min-height:48px}.about-trigger .about-mark{font-size:15px;opacity:.55}.about-trigger:active .glass-material{background-color:var(--control-active)}.about-positioner{z-index:40;max-width:calc(100vw - 32px)}.about-popup{width:330px;max-width:calc(100vw - 32px);transform-origin:var(--transform-origin);transition:transform .22s var(--ease-out),opacity .18s var(--ease-out)}.about-popup[data-starting-style],.about-popup[data-ending-style]{opacity:0;transform:translateY(5px) scale(.97)}.about-popup .glass-content{padding:26px}.about-popup h2{font:300 38px/1.1 Edict,Georgia,serif;letter-spacing:-1px}.about-japanese{margin:10px 0 18px;letter-spacing:.17em;color:var(--muted);font-size:13px}.about-popup p{line-height:1.6}.about-note{font-size:12px;color:var(--muted);margin:16px 0}.about-popup a{font-size:11px;text-decoration:none;color:var(--muted)}.about-close{position:absolute;right:12px;top:12px;width:36px;height:36px;display:grid;place-items:center;border:0;background:none;border-radius:50%}.control-anchor{position:absolute;z-index:15;right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:292px}.control-glass .glass-content{padding:12px}.control-heading{display:flex;align-items:center;justify-content:space-between;min-height:37px;padding:0 1px 9px 8px}.control-heading>span{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.control-heading>span svg{width:15px}.tune-button{display:grid;place-items:center;border:1px solid #ffffff20;background:var(--control-fill);box-shadow:inset 0 1px 1px #ffffff70,0 1px 2px #00000008;width:34px;height:32px;border-radius:12px}.tune-button:active{background:var(--control-active)}.tree-row{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0;gap:8px;font-size:12px}.tree-row>span{color:var(--muted)}.tree-trigger{display:flex;align-items:center;gap:12px;min-height:36px;padding:5px 8px;background:none;border:0;border-radius:12px;font-size:12px}.tree-trigger svg{width:13px;opacity:.6}.select-positioner{z-index:50;max-width:calc(100vw - 24px)}.select-popup{width:224px;transform-origin:var(--transform-origin);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.select-popup[data-starting-style],.select-popup[data-ending-style]{opacity:0;transform:scale(.97) translateY(-3px)}.select-list{padding:6px;max-height:min(410px,var(--available-height));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.select-item{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:43px;padding:10px 13px;gap:12px;border-radius:16px;font-size:13px;cursor:default;outline:none}.select-item[data-highlighted]{background:var(--control-active)}.select-item[data-selected]{background:var(--control-fill)}.select-item small{display:block;font-size:10px;color:var(--muted)}.select-item svg{width:14px}.menu-glass{background:#ffffff42}:root[data-light=night] .menu-glass{background:#1c1c1ca6}.dial-controls{--dial-text-label:var(--ink);--dial-text-primary:var(--ink);--dial-text-focus:var(--ink);--dial-border-hover:var(--control-active);display:grid;gap:8px}.dialkit-slider-wrapper{position:relative;height:42px}.dialkit-slider{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px;background:var(--control-fill);border:1px solid #ffffff55;box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 1px #00000008,0 1px 2px #00000005}.dialkit-slider-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(130deg,#ffffff57,#ffffff1a);border-right:1px solid #ffffff75;box-shadow:inset 0 0 6px #ffffff24;pointer-events:none}.dialkit-slider-handle{position:absolute;top:50%;width:2px;height:18px;border-radius:4px;background:var(--ink);opacity:.25;pointer-events:none}.dialkit-slider-label,.dialkit-slider-value{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;line-height:1;pointer-events:none}.dialkit-slider-label{left:12px}.dialkit-slider-value{right:12px;font-variant-numeric:tabular-nums;pointer-events:auto;opacity:.7}.dialkit-slider-input{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:5ch;border:0;border-bottom:1px solid currentColor;padding:0;background:none;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.dialkit-slider-hashmarks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dialkit-slider-hashmark{position:absolute;top:50%;width:1px;height:5px;transform:translate(-50%,-50%);background:currentColor;opacity:0}.dialkit-slider-active .dialkit-slider-hashmark{opacity:.14}.dialkit-slider-active .dialkit-slider-handle{opacity:.6}.advanced-settings{height:0;opacity:0;overflow:hidden}.advanced-inner{padding:15px 0 0}.time-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;color:var(--muted)}.live-button{display:flex;gap:6px;align-items:center;padding:5px 9px;border:0;border-radius:14px;background:var(--control-fill);font-size:10px}.live-button i{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.3}.live-button[aria-pressed=true] i{background:#246bfe;opacity:1}.time-scrubber{display:flex;gap:13px;align-items:center;padding:9px 8px 3px}.time-value{font-size:11px;font-variant-numeric:tabular-nums}.time-scrubber input{min-width:0;flex:1;height:28px;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;cursor:ew-resize}.time-scrubber input::-webkit-slider-runnable-track{height:3px;background:#77777735;border-radius:4px}.time-scrubber input::-moz-range-track{height:3px;background:#77777735;border-radius:4px}.time-scrubber input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:linear-gradient(140deg,#ffffffd9,#ffffff60);border:1px solid #ffffffd9;box-shadow:0 2px 5px #0003,inset 0 1px 1px #fff}.time-scrubber input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ffffffb9;border:1px solid white;box-shadow:0 2px 5px #0003}.date-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:4px 8px 13px}.date-row input{background:none;border:0;font-size:11px;width:115px;min-height:32px}.detail-dials{padding-top:8px;border-top:1px solid #77777720}@media(hover:hover)and (pointer:fine){.location-trigger:hover,.tree-trigger:hover,.about-close:hover{background:var(--control-fill)}.tune-button:hover,.live-button:hover{background:var(--control-active)}.dialkit-slider:hover{border-color:#ffffffb0}.about-popup a:hover{text-decoration:underline}}@media(max-width:640px){.topbar{top:max(18px,env(safe-area-inset-top));max-width:calc(100vw - 32px)}.location-glass .glass-content{gap:11px;padding-right:14px}.location-trigger{padding:10px 12px;gap:15px}.light-phase{display:none}.control-anchor{right:16px;bottom:max(18px,env(safe-area-inset-bottom));width:240px}.about-anchor{left:16px;bottom:max(18px,env(safe-area-inset-bottom))}.about-trigger .glass-content{padding:13px 15px}.about-trigger .about-mark{display:none}.intro h1{font-size:78px}.japanese{font-size:15px;margin-top:21px}.japanese span{font-size:17px;margin-left:7px}.definition{font-size:13px;max-width:250px}.control-heading{min-height:35px}.tree-row{padding-top:4px}.about-popup{width:300px}.select-item{min-height:44px}}@media(max-width:350px){.control-anchor{width:215px;right:12px}.about-anchor{left:12px}.about-trigger .glass-content{padding:13px 12px}.intro h1{font-size:67px}.location-trigger{font-size:13px}.control-glass .glass-content{padding:10px}}@media(max-height:530px)and (min-width:641px){.topbar{top:16px;left:20px;transform:none}.control-anchor,.about-anchor{bottom:16px}.advanced-inner{padding-top:6px}.date-row{padding-bottom:5px}.detail-dials{gap:5px;padding-top:5px}.dialkit-slider-wrapper{height:36px}.control-heading{padding-bottom:5px;min-height:31px}.intro h1{font-size:78px}.intro .definition{margin-top:12px}}@media(prefers-reduced-motion:reduce){.intro-inner,.about-anchor,.about-popup,.select-popup{filter:none!important;transform:none!important;transition:opacity .12s ease!important}.intro h1{text-shadow:none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-material{background:#f3f3f3;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #aaa}:root[data-light=night] .glass-material{background:#242424}.menu-glass{background:transparent}.dialkit-slider{border-color:#aaa}}@media(forced-colors:active){.glass-material{background:Canvas;border:1px solid CanvasText;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.dialkit-slider,.tree-trigger,.location-trigger{border:1px solid ButtonText}.dialkit-slider-fill{background:Highlight;opacity:.3}}:root[data-input=keyboard] .select-popup,:root[data-input=keyboard] .about-popup{transition:none}@media(pointer:coarse){.tune-button,.about-close{width:44px;height:44px}.tree-trigger{min-height:44px}.live-button{min-height:44px;min-width:48px}.date-row input{min-height:40px}}@media(max-height:530px){.control-glass>.glass-content{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;border-radius:inherit;scrollbar-width:thin}}.control-glass>.glass-content{max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;border-radius:inherit;scrollbar-width:thin}