@layer reset,base,components,motion;@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-inline-size:320px;color-scheme:light;background:#ebe7dc}body{margin:0;min-block-size:100dvh}button,select{font:inherit}button{cursor:pointer}}@layer base{:root{--paper: #eee9dc;--paper-deep: #d8d0bd;--ink: #101112;--ink-soft: rgba(16, 17, 18, .72);--ink-faint: rgba(16, 17, 18, .12);--ink-hair: rgba(16, 17, 18, .2);--vermilion: #b83a22;--gold: #c89b39;--indigo: #1f3d73;--sakura: #c98691;--wakakusa: #6f8f4f;--shadow: 0 22px 80px rgba(28, 26, 22, .2);--spring-soft: linear(0, .55 12%, 1.08 46%, .98 72%, 1);--font-display: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;--font-body: "Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 48% 42%,rgba(20,20,20,.035),transparent 20rem),radial-gradient(circle at 50% 12%,rgba(255,252,240,.74),transparent 34rem),linear-gradient(125deg,#e4ddcf,var(--paper) 46%,#d4cbb8);overflow-x:hidden}.sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);inline-size:1px;block-size:1px;white-space:nowrap;clip-path:inset(50%)}}@layer components{.tsukuyomi-app{position:relative;isolation:isolate;min-block-size:100dvh;display:grid;place-items:center;padding:clamp(.18rem,.48vw,.38rem)}.tsukuyomi-app:before,.tsukuyomi-app:after{content:"";position:fixed;pointer-events:none}.tsukuyomi-app:before{z-index:-1;inset-block:0;inset-inline-start:0;inline-size:min(23vw,18rem);background:linear-gradient(90deg,rgba(16,17,18,.16),rgba(16,17,18,.04) 58%,transparent),radial-gradient(circle at 7% 74%,rgba(16,17,18,.18),transparent 12rem);mix-blend-mode:multiply;opacity:.7}.tsukuyomi-app:after{z-index:-1;inset-inline:0;inset-block-end:0;block-size:min(18vh,9rem);background:linear-gradient(0deg,rgba(16,17,18,.12),transparent);mix-blend-mode:multiply}.ink-canvas,.paper-grain{position:fixed;inset:0;inline-size:100%;block-size:100%;pointer-events:none}.ink-canvas{z-index:-3}.paper-grain{z-index:-2;opacity:.34;background-image:radial-gradient(circle at 9% 76%,rgba(184,58,34,.12) 0 1px,transparent 2px),linear-gradient(90deg,rgba(30,24,16,.06) 1px,transparent 1px),linear-gradient(rgba(30,24,16,.04) 1px,transparent 1px);background-size:9rem 9rem,19px 23px,19px 23px;-webkit-mask-image:radial-gradient(circle at center,black 0 62%,transparent 100%);mask-image:radial-gradient(circle at center,black 0 62%,transparent 100%)}.scroll-frame{position:relative;display:grid;grid-template-columns:minmax(12.2rem,.68fr) minmax(24.5rem,1.45fr) minmax(16rem,.84fr);grid-template-rows:auto auto;grid-template-areas:"date clock side" "lower lower side";gap:clamp(.55rem,1.1vw,.88rem);inline-size:min(100%,78.5rem);min-block-size:auto;padding:clamp(.58rem,1vw,.82rem);background:radial-gradient(circle at 45% 34%,rgba(11,11,11,.08),transparent 23rem),radial-gradient(circle at 39% 43%,rgba(16,17,18,.12),transparent 14rem),radial-gradient(circle at 88% 84%,rgba(16,17,18,.08),transparent 13rem),linear-gradient(90deg,rgba(16,17,18,.075),transparent 12%,transparent 91%,rgba(16,17,18,.07)),#f4f0e4ad;border-block:.3rem solid rgba(32,28,22,.72);box-shadow:var(--shadow);contain:layout paint}.scroll-frame:before,.scroll-frame:after{content:"";position:absolute;inset-inline:clamp(.8rem,2vw,1.8rem);block-size:.45rem;background:linear-gradient(90deg,transparent,rgba(16,17,18,.82),transparent);border-radius:999px}.scroll-frame:before{box-shadow:1rem 0 0 -.1rem #101112cc,-1rem 0 0 -.1rem #101112cc}.scroll-frame:before{inset-block-start:-.45rem}.scroll-frame:after{inset-block-end:-.45rem}.raster-washi-landscape{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center center;pointer-events:none;z-index:0;opacity:.34;mix-blend-mode:multiply;filter:saturate(.78) contrast(.96)}.raster-washi-landscape::selection{background:transparent}.composition-wash{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.wash-band{position:absolute;display:block;filter:blur(.2px);mix-blend-mode:multiply}.clock-haze{inset-block-start:7.2rem;inset-inline-start:24%;inline-size:43rem;block-size:16rem;background:radial-gradient(ellipse at 38% 52%,rgba(16,17,18,.12),transparent 62%),radial-gradient(ellipse at 64% 48%,rgba(16,17,18,.08),transparent 58%);transform:rotate(-4deg)}.clock-haze:before,.clock-haze:after,.lower-haze:before,.side-haze:before{content:"";position:absolute;border-radius:50%}.clock-haze:before{inset-block-start:4.5rem;inset-inline-start:8rem;inline-size:21rem;block-size:4.6rem;background:radial-gradient(ellipse,rgba(16,17,18,.16),transparent 68%)}.clock-haze:after{inset-block-start:2.6rem;inset-inline-end:5.5rem;inline-size:13rem;block-size:3.6rem;background:radial-gradient(ellipse,rgba(31,61,115,.07),transparent 70%)}.lower-haze{inset-block-end:.4rem;inset-inline-start:1.8rem;inline-size:46rem;block-size:8rem;background:radial-gradient(ellipse at 25% 50%,rgba(16,17,18,.18),transparent 64%),radial-gradient(ellipse at 71% 47%,rgba(16,17,18,.08),transparent 66%);opacity:.74}.lower-haze:before{inset-block-end:-1rem;inset-inline-start:4rem;inline-size:16rem;block-size:4.8rem;background:radial-gradient(ellipse,rgba(16,17,18,.12),transparent 72%)}.side-haze{inset-block-start:7rem;inset-inline-end:2rem;inline-size:19rem;block-size:21rem;background:radial-gradient(ellipse at 50% 35%,rgba(16,17,18,.07),transparent 60%),radial-gradient(ellipse at 70% 78%,rgba(31,61,115,.045),transparent 58%)}.side-haze:before{inset-block-end:2rem;inset-inline-start:2rem;inline-size:11rem;block-size:3.2rem;background:radial-gradient(ellipse,rgba(16,17,18,.13),transparent 72%)}.composition-orbit{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none;z-index:0;overflow:hidden}.composition-ground{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none;z-index:0;overflow:hidden;mix-blend-mode:multiply}.composition-ground path,.composition-ground circle{vector-effect:non-scaling-stroke}.ground-ink-pool{fill:#10111221;filter:blur(.15px)}.ground-branch,.ground-bamboo path{fill:none;stroke:#10111257;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.ground-branch.fine,.ground-dry,.ground-bamboo path{stroke-width:1.1}.ground-blossom{fill:#b83a22c7;stroke:#10111257;stroke-width:.45}.ground-blossom.pale{fill:#c986919e}.ground-mist{fill:#1011120e}.ground-ridge{fill:#10111213;filter:blur(.3px)}.ground-ridge.deep{fill:#10111221;filter:blur(.2px)}.ground-dry{fill:none;stroke:#10111238;stroke-linecap:round}.ground-bamboo{opacity:.58}.ground-center{opacity:.68}.ground-center-wash{fill:#1011120f;filter:blur(.25px)}.ground-reed{fill:none;stroke:#10111247;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.ground-reed.thin{stroke-width:.92;opacity:.72}.ground-leaf{fill:#6f8f4f40;stroke:#10111247;stroke-width:.72}.ground-leaf.alt{fill:#6f8f4f33}.ground-gold-fleck{fill:#c89b39b3;stroke:#704d163d;stroke-width:.32}.ground-gold-fleck.pale{opacity:.54}.ground-horizon{fill:none;stroke:#1011121c;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:2 8}.composition-orbit-path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.composition-orbit-path.primary{stroke:#c89b39a3;stroke-width:1.15;filter:drop-shadow(0 0 4px rgba(200,155,57,.2))}.composition-orbit-path.secondary{stroke:#c89b393b;stroke-width:.9;stroke-dasharray:5 7}.composition-orbit-path.trailing{stroke:#c89b3952;stroke-width:.85;stroke-dasharray:1 10}.composition-orbit-bead{fill:var(--gold);stroke:#f4f0e4bd;stroke-width:.7;filter:drop-shadow(0 0 4px rgba(200,155,57,.28))}.composition-sun{overflow:visible;color:var(--gold);filter:drop-shadow(0 0 10px rgba(200,155,57,.32))}.composition-sun line{stroke:currentColor;stroke-width:1.35;stroke-linecap:round}.composition-sun-orb{fill:#c89b39eb;stroke:#704d1652;stroke-width:1}.composition-sun-core{fill:#f4f0e459;stroke:#704d1657;stroke-width:.7}.date-panel,.clock-stage,.right-rail,.lower-rail{position:relative;z-index:1}.mechanism-rail{position:absolute;inset-block:1rem 1rem;inset-inline-start:.28rem;inline-size:1.35rem;pointer-events:none;z-index:1}.mechanism-rail:before{content:"";position:absolute;inset-block:.3rem;inset-inline-start:50%;inline-size:1px;background:linear-gradient(#101112c2,#1011123d 38%,#1011129e),repeating-linear-gradient(180deg,transparent 0 2.8rem,rgba(200,155,57,.66) 2.8rem 2.95rem);transform:translate(-50%)}.mechanism-rail:after{content:"";position:absolute;inset-block-end:1.6rem;inset-inline-start:-.15rem;inline-size:1.4rem;block-size:5.2rem;background:radial-gradient(circle at 72% 15%,rgba(184,58,34,.74) 0 .08rem,transparent .1rem),radial-gradient(circle at 28% 39%,rgba(201,134,145,.7) 0 .12rem,transparent .14rem),radial-gradient(circle at 82% 62%,rgba(201,134,145,.56) 0 .1rem,transparent .12rem),linear-gradient(150deg,transparent 0 44%,rgba(16,17,18,.62) 45% 48%,transparent 49%);opacity:.74}.mechanism-rail i{position:absolute;inset-inline-start:50%;display:block;border-radius:50%;transform:translate(-50%)}.mechanism-rail i:nth-child(1),.mechanism-rail i:nth-child(4),.mechanism-rail i:nth-child(7){inline-size:1.05rem;block-size:1.05rem;background:radial-gradient(circle,rgba(200,155,57,.9) 0 13%,rgba(16,17,18,.92) 14% 25%,transparent 26%),repeating-conic-gradient(rgba(16,17,18,.86) 0 8deg,transparent 8deg 18deg);border:1px solid rgba(16,17,18,.7)}.mechanism-rail i:nth-child(2),.mechanism-rail i:nth-child(3),.mechanism-rail i:nth-child(5),.mechanism-rail i:nth-child(6){inline-size:.34rem;block-size:.34rem;background:#101112d6;box-shadow:0 0 0 .12rem #f4f0e46b}.mechanism-rail i:nth-child(1){inset-block-start:.5rem}.mechanism-rail i:nth-child(2){inset-block-start:5.8rem}.mechanism-rail i:nth-child(3){inset-block-start:11rem}.mechanism-rail i:nth-child(4){inset-block-start:17rem}.mechanism-rail i:nth-child(5){inset-block-end:12.4rem}.mechanism-rail i:nth-child(6){inset-block-end:7rem}.mechanism-rail i:nth-child(7){inset-block-end:2.1rem}.date-panel{grid-area:date;align-self:start;min-inline-size:0;position:relative;isolation:isolate;padding:clamp(.35rem,1vw,.75rem) 0 0 clamp(.85rem,1.7vw,1.35rem)}.date-panel>.panel-kicker,.date-panel>h1,.date-panel>.subtitle,.date-panel>.date-list{position:relative;z-index:3}.date-panel-seal-raster{position:absolute;inset-block-start:clamp(11.7rem,17.2vw,13.5rem);inset-inline-start:clamp(7.5rem,12vw,9.2rem);inline-size:clamp(1.75rem,3.1vw,2.3rem);block-size:auto;pointer-events:none;z-index:2;opacity:.32;mix-blend-mode:multiply;filter:saturate(.92) contrast(.95)}.date-panel:before{content:"";position:absolute;inset-block:.3rem .2rem;inset-inline-start:0;inline-size:1px;background:radial-gradient(circle,rgba(16,17,18,.9) 0 2px,transparent 2.8px) 50% 0 / 1rem 5.4rem repeat-y,linear-gradient(#10111294,#10111233);box-shadow:.38rem 1.2rem 0 -.12rem #101112b8,.38rem 12.4rem 0 -.12rem #101112a8}.date-panel:after{position:absolute;inset-block-start:clamp(4rem,7vw,5.35rem);inset-inline-start:clamp(11rem,16vw,13.75rem);color:var(--vermilion);border:1px solid currentColor;padding:.18rem .14rem;font-family:var(--font-display);font-size:.68rem;line-height:1;writing-mode:vertical-rl;opacity:.86}.date-ink-haze{position:absolute;inset-block-start:clamp(2rem,5vw,3.8rem);inset-inline-start:clamp(.15rem,.8vw,.55rem);inline-size:min(18rem,94%);block-size:clamp(9.6rem,18vw,14.4rem);pointer-events:none;z-index:0;background:radial-gradient(ellipse at 34% 36%,rgba(16,17,18,.18) 0 9%,transparent 32%),radial-gradient(ellipse at 72% 58%,rgba(16,17,18,.11) 0 12%,transparent 42%),radial-gradient(ellipse at 44% 78%,rgba(16,17,18,.08) 0 8%,transparent 38%),linear-gradient(108deg,transparent 0 17%,rgba(16,17,18,.055) 20% 28%,transparent 42%);filter:blur(.7px);mix-blend-mode:multiply;opacity:.76}.date-botanical-scroll{position:absolute;inset-block-end:-1.1rem;inset-inline-start:.45rem;display:block;width:min(10.4rem,55%);height:auto;aspect-ratio:152 / 190;pointer-events:none;overflow:visible;z-index:1;opacity:.78;mix-blend-mode:multiply}.date-branch{fill:none;stroke:#101112ad;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.date-branch.main{stroke-width:3.2;stroke-dasharray:.74 .045 .16 .06}.date-branch.dry{stroke:#10111273;stroke-width:1.8;stroke-dasharray:.24 .05 .42 .08}.date-branch.pale{stroke:#10111247;stroke-width:2.1}.date-leaf{fill:#55794b29;stroke:#1011126b;stroke-width:1.1}.date-leaf.leaf-b,.date-leaf.leaf-c{fill:#55794b33}.date-blossom{fill:#c986918c;stroke:#b83a2252;stroke-width:.7}.date-gear-signet{opacity:.62}.date-gear-signet circle:first-child{fill:transparent;stroke:#1011126b;stroke-width:1.1;stroke-dasharray:2.1 2.8}.date-gear-signet circle:nth-child(2){fill:#c89b3961;stroke:#1011125c;stroke-width:.9}.date-gear-signet line{stroke:#1011127a;stroke-width:1.2;stroke-linecap:round}.date-vermilion-seals{opacity:.78}.date-vermilion-seals rect{fill:#b83a221f;stroke:#b83a22d1;stroke-width:1.1}.date-vermilion-seals path{fill:none;stroke:#b83a22b8;stroke-width:1.3;stroke-linecap:round}.panel-kicker{margin:0;color:#101112ad;font-family:var(--font-display);font-size:.78rem;line-height:1.3}.section-heading p,.control-label{margin:0;color:var(--vermilion);font-family:var(--font-display);font-size:.78rem;line-height:1.3}h1,h2{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:0}h1{margin-block-start:.24rem;font-size:clamp(4.35rem,6.4vw,6.55rem);line-height:.96;text-shadow:.03em .02em 0 rgba(16,17,18,.08),0 0 18px rgba(16,17,18,.08)}.subtitle{display:flex;align-items:center;gap:.55rem;margin:.34rem 0 0;color:var(--ink-soft);font-family:var(--font-display);font-size:clamp(.95rem,1.55vw,1.26rem);line-height:1.4}.subtitle:before,.subtitle:after{content:"";flex:1 1 1.8rem;block-size:1px;background:#10111257}.date-list,.metric-list,.metric-grid{display:grid;gap:.46rem;margin:.82rem 0 0}.date-list div,.metric-list div,.metric-grid div{min-inline-size:0;border-block-start:1px solid var(--ink-hair);padding-block-start:.44rem}dt{color:var(--ink-soft);font-size:.74rem;line-height:1.3}dd{margin:.08rem 0 0;font-family:var(--font-display);font-size:clamp(1.02rem,1.8vw,1.42rem);line-height:1.32;overflow-wrap:anywhere}.clock-stage{grid-area:clock;align-self:center;justify-self:center;inline-size:min(100%,clamp(22.5rem,36.2vw,29.4rem));aspect-ratio:1;display:grid;place-items:center}.analog-clock{inline-size:100%;block-size:100%;overflow:visible;filter:drop-shadow(0 18px 28px rgba(16,17,18,.16))}.enso-shadow{fill:#10111215}.dial-inner-wash{fill:#f4f0e433;stroke:#1011120e;stroke-width:22}.enso-wash{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.wash-one{stroke:#1011125c;stroke-width:25;filter:url(#ink-wobble)}.wash-two{stroke:#1011122e;stroke-width:36}.wash-three{stroke:#10111257;stroke-width:10;filter:url(#ink-wobble)}.enso-ring{fill:none;stroke:#101112f0;stroke-width:21;stroke-linecap:round;stroke-linejoin:round}.enso-gap{fill:none;stroke:#f4f0e4e6;stroke-width:18;stroke-linecap:round}.enso-bristles{fill:none;pointer-events:none;filter:url(#ink-wobble);mix-blend-mode:multiply}.enso-bristles path{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.enso-bristles .heavy{stroke:#10111294;stroke-width:14;stroke-dasharray:.78 .045 .08 .035}.enso-bristles .dry{stroke:#1011123d;stroke-width:4.8;stroke-dasharray:.12 .05 .42 .075}.enso-bristles .pale{stroke:#10111226;stroke-width:7.2}.enso-bristles .broken{stroke:#10111252;stroke-width:6.4;stroke-dasharray:.34 .08 .12 .075}.enso-bristles .tail{stroke:#10111233;stroke-width:3.4}.enso-bristles .granular{stroke:#10111257;stroke-width:2.6;stroke-dasharray:.04 .026 .28 .07 .08 .052}.enso-bristles .granular.pale{stroke:#1011122e;stroke-width:3.8}.enso-bristles .granular.broken{stroke:#10111247;stroke-width:3.1;stroke-dasharray:.18 .07 .05 .05 .36 .09}.enso-bristles .granular.tail{stroke:#10111233;stroke-width:2.4}.enso-bristles .black-pool{stroke:#101112a3;stroke-width:17;stroke-dasharray:.44 .035 .18 .055}.enso-bristles .black-pool.broken{stroke:#10111285;stroke-width:12;stroke-dasharray:.28 .08 .1 .06 .32 .09}.enso-bristles .dry-scrape{stroke:#f4f0e494;stroke-width:2.8;stroke-dasharray:.05 .045;mix-blend-mode:screen}.enso-splatter{fill:#101112b8;stroke:#10111273;stroke-width:1;stroke-linecap:round;filter:url(#ink-wobble)}.enso-splatter path{fill:none;opacity:.32}.raster-enso-brush,.raster-gear-shadow,.raster-moon-surface{pointer-events:none}.raster-enso-brush{opacity:.28;mix-blend-mode:multiply;filter:saturate(.08) contrast(1.08)}.raster-gear-shadow{opacity:.16;mix-blend-mode:multiply;filter:saturate(.64) contrast(.92)}.raster-moon-surface{opacity:.34;mix-blend-mode:screen;filter:saturate(.78) contrast(.86)}.raster-moon-surface.lens{opacity:.46}.sun-arc{fill:none;stroke:url(#gold-line);stroke-width:2.4;stroke-linecap:round}.sun-arc.ghost{stroke:#c89b3933;stroke-width:1;stroke-dasharray:3 6}.sun-arc.outer{stroke-width:1.2;stroke-dasharray:.08 .035;opacity:.78}.sun-bead{fill:var(--gold);filter:drop-shadow(0 0 5px rgba(200,155,57,.32))}.sun-glyph{overflow:visible;filter:drop-shadow(0 0 9px rgba(200,155,57,.45))}.sun-glyph line{stroke:var(--gold);stroke-width:1.2;stroke-linecap:round}.sun-orb{fill:var(--gold)}.sun-core{fill:#f4f0e46b;stroke:#10111238;stroke-width:.5}.gear-ring{transform-box:fill-box;transform-origin:center}.gear-smoke{opacity:.9}.mechanism-plates{fill:#1011123d;stroke:#f4f0e440;stroke-width:.8;filter:url(#ink-wobble)}.plate-rivet{fill:var(--gold);stroke:#101112a3;stroke-width:.7}.gear-bridge{fill:none;stroke:#10111247;stroke-width:3.2;stroke-linecap:round;filter:url(#ink-wobble)}.gear-bridge.fine{stroke:#1011122e;stroke-width:1.1;stroke-dasharray:2.5 4}.mechanism-threads{fill:none;stroke:#1011123d;stroke-width:.82;stroke-linecap:round;stroke-dasharray:1.4 2.6;filter:url(#ink-wobble)}.mechanism-threads .pale{stroke:#10111226;stroke-width:.64}.clock-gear{fill:#1011126b;stroke:#f4f0e46b;stroke-width:.5}.clock-gear circle:first-of-type{fill:#1011125c}.clock-gear circle:nth-of-type(2){fill:#eee9dc3d;stroke:#10111270}.clock-gear circle:last-of-type,.main-gear circle:last-of-type{fill:var(--gold);stroke:#1011129e}.gear-spoke{stroke:#f4f0e447;stroke-width:.8;stroke-linecap:round}.main-gear{fill:#10111294}.small-gear{fill:#1011127a}.deep-gear{opacity:.82}.pinion-gear{fill:#1011125c;opacity:.72}.micro-gear-layer{opacity:.88;filter:drop-shadow(0 2px 3px rgba(16,17,18,.14))}.micro-gear{fill:#10111275;stroke:#f4f0e457;stroke-width:.42}.micro-gear.pale{fill:#10111252;opacity:.78}.micro-gear .gear-spoke{stroke:#f4f0e442;stroke-width:.46}.jewel-rivets circle{fill:#c89b39db;stroke:#10111294;stroke-width:.42;filter:drop-shadow(0 0 2px rgba(200,155,57,.2))}.jewel-rivets .faint{fill:#c89b3980;stroke:#10111252}.outer-teeth{fill:#1011128f}.cardinal-markers text{fill:#101112bd;font-family:var(--font-display);font-size:1.12rem;font-weight:700}.cardinal-markers text:nth-child(2),.cardinal-markers text:nth-child(4){font-size:1rem}.escapement{fill:none;stroke:#101112a8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.escapement circle{fill:#eee9dcd1;stroke:var(--gold);stroke-width:2}.hour-marks line{stroke:#1011128f;stroke-width:2;stroke-linecap:round}.hand{stroke-linecap:round}.hour-hand{stroke:var(--ink);stroke-width:7}.minute-hand{stroke:var(--ink);stroke-width:4.2}.second-hand{stroke:var(--vermilion);stroke-width:1.6;filter:drop-shadow(0 0 5px rgba(184,58,34,.38))}.hand-pin{fill:var(--gold);stroke:var(--ink);stroke-width:1.2}.karakuri-window path{fill:#efeadbe6;stroke:#1011128f}.karakuri-window text{fill:var(--ink);font-family:var(--font-display);font-size:.86rem}.seal-mark{fill:var(--vermilion);font-family:var(--font-display);font-size:1.18rem;font-weight:700;writing-mode:vertical-rl;filter:drop-shadow(0 0 4px rgba(184,58,34,.22))}.moon-frame{fill:#eee9dc6b;stroke:#c89b39b8;stroke-width:2}.moon-window-paper{fill:#eee9dc9e;stroke:#10111229;stroke-width:.6}.moon-lattice{stroke:#10111240;stroke-width:1}.moon-lattice.fine{stroke:#1011122e;stroke-width:.7}.moon-window-branch{fill:none;stroke:#10111294;stroke-width:1.1;stroke-linecap:round}.moon-window-branch.fine{stroke-width:.7;opacity:.76}.moon-window-blossom{fill:var(--vermilion);stroke:#f4f0e48a;stroke-width:.32}.moon-window-blossom.pale{fill:var(--sakura)}.moon-window-label{fill:#1f3d73c2;font-family:var(--font-display);font-size:.48rem;letter-spacing:0}.moon-lens{pointer-events:none;filter:drop-shadow(0 8px 14px rgba(16,17,18,.18))}.moon-lens-glow{fill:#1f3d731f}.moon-lens-frame{fill:#eee9dc66;stroke:#c89b39c7;stroke-width:2.4}.moon-lens-disc{fill:#1f3d73e0}.moon-lens-haze{fill:none;stroke:#eee9dc52;stroke-width:5;stroke-linecap:round}.moon-lens-branch{fill:none;stroke:#10111294;stroke-width:1.4;stroke-linecap:round}.moon-lens-blossom{fill:var(--sakura);stroke:#10111257;stroke-width:.5}.moon-lens-ticks line{stroke:#c89b396b;stroke-width:.7;stroke-linecap:round}.right-rail{grid-area:side;display:grid;align-content:start;gap:.58rem;min-inline-size:0;border-inline-start:1px solid rgba(16,17,18,.22);padding-inline-start:clamp(.72rem,1.4vw,1rem)}.lower-rail{grid-area:lower;display:grid;grid-template-columns:minmax(23rem,1.16fr) minmax(18rem,.84fr);gap:clamp(.7rem,1.5vw,1rem);align-items:start;border-block-start:1px solid rgba(16,17,18,.28);padding-block-start:.54rem}.location-controls,.astro-panel,.almanac-panel{min-inline-size:0;background:linear-gradient(90deg,rgba(16,17,18,.028),transparent 1.8rem),#f4f0e42e;border:0;border-block:1px solid rgba(16,17,18,.25);border-radius:0}.location-controls{position:relative;display:grid;gap:.38rem;padding:.56rem .72rem .62rem;background:linear-gradient(90deg,rgba(16,17,18,.052),transparent 1.95rem),linear-gradient(180deg,#faf7ec57,#f4f0e424),#f4f0e433}.location-controls:before,.location-controls:after{content:"";position:absolute;pointer-events:none}.location-controls:before{inset:.26rem;border:1px solid rgba(16,17,18,.11);border-inline-start-color:#1011123d}.location-controls:after{inset-block-start:.62rem;inset-inline-end:.78rem;inline-size:1.05rem;block-size:1.05rem;border:1px solid rgba(16,17,18,.42);border-radius:50%;background:radial-gradient(circle,rgba(16,17,18,.76) 0 .09rem,transparent .1rem),conic-gradient(from 0deg,transparent 0 18deg,rgba(16,17,18,.4) 18deg 21deg,transparent 21deg 90deg,rgba(16,17,18,.34) 90deg 93deg,transparent 93deg 180deg,rgba(16,17,18,.34) 180deg 183deg,transparent 183deg 270deg,rgba(16,17,18,.34) 270deg 273deg,transparent 273deg);opacity:.8}.location-select-wrap{position:relative;min-inline-size:0;z-index:1}.location-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.58rem;min-inline-size:0;padding-inline-end:1.42rem}.second-hand-toggle{display:inline-flex;align-items:center;gap:.34rem;color:#1011129e;font-family:var(--font-display);font-size:.72rem;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.second-hand-toggle input{appearance:none;position:relative;flex:0 0 auto;inline-size:1.78rem;block-size:.92rem;margin:0;border:1px solid rgba(16,17,18,.38);border-radius:999px;background:linear-gradient(90deg,rgba(16,17,18,.08),transparent),#faf7ec94;box-shadow:inset 0 0 0 1px #faf7ec47}.second-hand-toggle input:before{content:"";position:absolute;inset-block-start:.12rem;inset-inline-start:.13rem;inline-size:.58rem;block-size:.58rem;border-radius:50%;background:#101112b8;box-shadow:0 0 0 1px #faf7ec3d;transition:transform .18s ease,background-color .18s ease}.second-hand-toggle input:checked{border-color:#b83a2294;background:linear-gradient(90deg,#b83a221f,#c89b391f),#faf7eca8}.second-hand-toggle input:checked:before{background:var(--vermilion);transform:translate(.82rem)}.second-hand-toggle input:focus-visible{outline:2px solid var(--vermilion);outline-offset:3px}.location-select-wrap:before{content:"";position:absolute;inset-block-start:2.18rem;inset-inline-start:.72rem;inline-size:.42rem;block-size:.42rem;border-radius:50% 50% 50% 0;background:var(--ink);transform:rotate(-45deg);opacity:.88;pointer-events:none}.location-select-wrap:after{content:"";position:absolute;inset-block-start:2.05rem;inset-inline-end:.7rem;inline-size:.5rem;block-size:.5rem;border-inline-end:2px solid rgba(16,17,18,.78);border-block-end:2px solid rgba(16,17,18,.78);transform:rotate(45deg);pointer-events:none}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem;margin-block-start:.08rem;position:relative;z-index:1}.location-status{position:relative;z-index:1;margin:0;color:var(--ink-soft);font-size:.7rem;line-height:1.35}select,button{min-block-size:2.15rem;border:1px solid rgba(16,17,18,.34);border-radius:4px;background:#faf7ecc2;color:var(--ink)}select{appearance:none;inline-size:100%;margin-block-start:.28rem;padding:.4rem 2.15rem .4rem 1.65rem;border-color:#1011126b;border-radius:3px;background:linear-gradient(90deg,rgba(16,17,18,.055),transparent 1.8rem),#faf7ecbd;font-family:var(--font-display);font-size:1rem;line-height:1.2}button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.34rem .64rem;color:var(--vermilion)}.preset-chip{min-block-size:1.68rem;padding:.12rem .34rem;color:var(--ink-soft);font-family:var(--font-display);font-size:.82rem;line-height:1.1;border-radius:3px;background:linear-gradient(180deg,#faf7ec9e,#f4f0e461),#f4f0e46b}.preset-chip[aria-pressed=true]{color:#f8f4e6f0;background:linear-gradient(rgba(248,244,230,.08),transparent),var(--ink);border-color:#101112c7;box-shadow:inset 0 0 0 1px #f8f4e61a}.locate-button{position:relative;z-index:1;inline-size:100%;min-block-size:1.9rem;margin-block-start:.12rem;color:var(--ink);font-family:var(--font-display);border-radius:3px;background:linear-gradient(90deg,transparent,rgba(200,155,57,.08),transparent),#faf7ec94}button:hover:not(:disabled),select:hover{border-color:#b83a227a}button:disabled{cursor:wait;opacity:.62}:where(button,select):focus-visible{outline:2px solid var(--vermilion);outline-offset:3px}.astro-panel,.almanac-panel{position:relative;isolation:isolate;padding:.64rem .72rem}.astro-panel>*,.almanac-panel>*{position:relative;z-index:1}.panel-washi-raster,.panel-seal-raster{position:absolute;pointer-events:none}.panel-washi-raster{inset:.18rem;inline-size:calc(100% - .36rem);block-size:calc(100% - .36rem);object-fit:cover;z-index:0;opacity:.2;mix-blend-mode:multiply;filter:saturate(.72) contrast(.94)}.panel-seal-raster{inline-size:2.5rem;block-size:auto;z-index:1;opacity:.22;mix-blend-mode:multiply;filter:saturate(.86) contrast(.92)}.panel-seal-raster.astro{inset-block-start:2.35rem;inset-inline-end:.82rem;transform:rotate(4deg)}.panel-seal-raster.almanac{inset-block-end:.62rem;inset-inline-end:1.25rem;transform:rotate(-7deg)}.astro-panel>:not(.panel-washi-raster):not(.panel-seal-raster),.almanac-panel>:not(.almanac-gold-seal):not(.panel-washi-raster):not(.panel-seal-raster){position:relative;z-index:2}.astro-panel:before{content:"";position:absolute;inset-inline:.15rem .35rem;inset-block:2.8rem 1.05rem;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 72% 28%,rgba(31,61,115,.055),transparent 54%),radial-gradient(ellipse at 52% 72%,rgba(16,17,18,.075),transparent 58%),linear-gradient(168deg,transparent 0 49%,rgba(16,17,18,.055) 50% 53%,transparent 58%);mix-blend-mode:multiply;opacity:.95}.astro-panel:after,.almanac-panel:after{content:"";position:absolute;z-index:0;pointer-events:none;mix-blend-mode:multiply}.astro-panel:after{inset-inline-end:.5rem;inset-block-end:.5rem;inline-size:5.8rem;block-size:2.4rem;background:radial-gradient(ellipse,rgba(16,17,18,.13),transparent 74%)}.almanac-panel:after{inset-inline-start:.2rem;inset-block-end:.1rem;inline-size:9rem;block-size:2.7rem;background:linear-gradient(135deg,transparent 0 43%,rgba(16,17,18,.22) 44% 46%,transparent 47%),radial-gradient(ellipse at 68% 75%,rgba(16,17,18,.11),transparent 70%);opacity:.7}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-block-end:1px solid rgba(16,17,18,.28);padding-block-end:.5rem}.section-heading h2{font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.2}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sky-dial{position:relative;margin:.42rem 0 .28rem;border-block-end:1px solid rgba(16,17,18,.16);padding-block-end:.32rem}.sky-dial svg{display:block;inline-size:100%;block-size:auto;max-block-size:7.1rem}.sky-dial-wash{fill:url(#sky-dial-wash)}.sky-mountain-mist{pointer-events:none;mix-blend-mode:multiply}.sky-mist-band{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sky-mist-band.high{stroke:#1011121c;stroke-width:5.2;stroke-dasharray:.16 .05 .52 .1}.sky-mist-band.low{stroke:#10111229;stroke-width:6.4;stroke-dasharray:.44 .08 .1 .04}.sky-mountain{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sky-mountain.pale{fill:#10111213;stroke:#10111224;stroke-width:.7}.sky-mountain.deep{fill:#1011122e;stroke:#10111238;stroke-width:.56}.sky-mountain.dry{fill:none;stroke:#1011123d;stroke-width:1.1;stroke-dasharray:.18 .06 .4 .1}.sky-gold-beads circle{fill:#c89b399e;stroke:#704d1638;stroke-width:.3}.sky-horizon,.sky-meridian,.sky-altitude-guides path,.sky-track-ticks line,.sky-cardinal-ticks line{fill:none;vector-effect:non-scaling-stroke}.sky-horizon{stroke:#10111257;stroke-width:.74}.sky-meridian{stroke:#1011122e;stroke-width:.62;stroke-dasharray:1.2 4.2}.sky-altitude-guides path{stroke:#1011121a;stroke-width:.54;stroke-dasharray:2 5}.sky-track-ticks line{stroke:#10111247;stroke-width:.58;stroke-linecap:round}.sky-cardinal-ticks line{stroke:#10111275;stroke-width:.72;stroke-linecap:round}.sky-star-map{opacity:.76}.sky-star-map path{fill:none;stroke:#1f3d7347;stroke-width:.5;stroke-dasharray:1.2 3.8}.sky-star-map circle{fill:#1f3d739e;stroke:#f4f0e4a6;stroke-width:.22}.sky-ground{fill:none;stroke:#10111252;stroke-width:2;stroke-linecap:round}.sky-ink-island{fill:#10111221;stroke:#10111233;stroke-width:.5}.sky-tree{fill:none;stroke:#10111257;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.sky-reed{fill:none;stroke:#10111242;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}.sky-sun-track{fill:none;stroke:#c89b399e;stroke-width:1.4;stroke-dasharray:4 5}.sky-moon-track{fill:none;stroke:#1f3d7370;stroke-width:1.1;stroke-dasharray:2 5}.sky-sun-glyph{overflow:visible;filter:drop-shadow(0 0 7px rgba(200,155,57,.38))}.sky-sun-glyph line{stroke:var(--gold);stroke-width:.9;stroke-linecap:round}.sky-sun{fill:var(--gold)}.sky-moon{fill:var(--indigo);stroke:#f4f0e4db;stroke-width:2}.sky-moon-glyph path{fill:#f4f0e4a3}.sky-moon-glyph{filter:drop-shadow(0 0 7px rgba(31,61,115,.24))}.sky-dial text{fill:#10111294;font-family:var(--font-display);font-size:.64rem}.celestial-signet-row{position:absolute;inset-block-start:8.4rem;inset-inline:.82rem;display:flex;justify-content:space-between;pointer-events:none}.sun-signet,.moon-signet{position:relative;display:block;inline-size:1.38rem;block-size:1.38rem;border-radius:50%}.sun-signet{background:radial-gradient(circle,rgba(244,240,228,.58) 0 17%,var(--gold) 18% 44%,transparent 45%);color:var(--gold);filter:drop-shadow(0 0 4px rgba(200,155,57,.3))}.sun-signet i{position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:1px;block-size:.48rem;background:currentColor;border-radius:999px;transform-origin:0 0}.moon-signet{border:1px solid rgba(31,61,115,.52);background:radial-gradient(circle at 62% 48%,rgba(244,240,228,.9) 0 34%,transparent 35%),var(--indigo);opacity:.9}.almanac-gold-seal{position:absolute;inset-block-start:3.48rem;inset-inline-start:50.5%;inline-size:2.15rem;block-size:2.15rem;border:1px solid rgba(200,155,57,.62);border-radius:50%;color:#c89b39e0;pointer-events:none;transform:translate(-50%);opacity:.56;z-index:0}.almanac-panel>:not(.almanac-gold-seal):not(.panel-washi-raster):not(.panel-seal-raster){position:relative;z-index:1}.almanac-gold-seal:before{content:"";position:absolute;inset:.46rem;border-radius:50%;background:radial-gradient(circle,rgba(244,240,228,.72) 0 18%,transparent 19%),repeating-conic-gradient(from 9deg,rgba(200,155,57,.86) 0 11deg,transparent 11deg 23deg)}.almanac-gold-seal i{position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:1px;block-size:.96rem;background:currentColor;transform-origin:0 0;opacity:.56}.almanac-panel .metric-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.36rem}.almanac-panel dd{font-size:clamp(.96rem,1.55vw,1.24rem);white-space:nowrap}.almanac-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(3.9rem,4.8rem);gap:.42rem;align-items:center}.season-motif{align-self:stretch;display:grid;place-items:center;margin:.28rem 0 0;min-inline-size:0;border-inline-start:1px solid rgba(16,17,18,.2)}.season-motif svg{display:block;inline-size:min(100%,4.8rem);block-size:auto;overflow:visible}.season-ring{fill:#f4f0e447;stroke:#10111242;stroke-width:1.1}.season-wash{fill:none;stroke:#1011122e;stroke-width:7;stroke-linecap:round}.season-stem{fill:none;stroke:#1011127a;stroke-width:1.8;stroke-linecap:round}.season-stem.thin{stroke-width:1.1;opacity:.72}.season-leaf{fill:#6f8f4f94;stroke:#10111257;stroke-width:.8}.season-leaf.alt{fill:#6f8f4f75}.season-leaf.pale{fill:#6f8f4f4d}.season-flecks{fill:var(--gold)}.season-seal rect{fill:none;stroke:var(--vermilion);stroke-width:1}.season-seal path{fill:none;stroke:var(--vermilion);stroke-width:.8;stroke-linecap:round}.progress-line{display:grid;grid-template-columns:auto minmax(4rem,1fr) 3rem;align-items:center;gap:.6rem;margin-block-start:.62rem;color:var(--ink-soft);font-size:.78rem}.almanac-panel .progress-line{margin-block-start:.42rem}.progress-track{overflow:hidden;block-size:.34rem;border-radius:999px;background:#1011121f}.progress-track i{display:block;block-size:100%;border-radius:inherit;background:var(--gold)}.progress-line.indigo .progress-track i{background:var(--indigo)}.progress-line.green .progress-track i{background:var(--wakakusa)}.flip-clock{position:relative;display:flex;align-items:stretch;justify-content:center;gap:clamp(.28rem,1vw,.55rem);padding:clamp(.96rem,1.45vw,1.12rem) clamp(.62rem,1.25vw,.85rem) clamp(.58rem,1vw,.78rem);min-inline-size:0;background:linear-gradient(90deg,rgba(250,247,236,.08),transparent 8% 92%,rgba(250,247,236,.08)),linear-gradient(rgba(250,247,236,.08),transparent 22%),radial-gradient(circle at 50% -25%,rgba(200,155,57,.16),transparent 38%),#171716;border:1px solid rgba(16,17,18,.76);border-radius:3px;overflow:visible;perspective:900px;box-shadow:inset 0 0 0 1px #faf7ec1f,inset 0 -18px 30px #00000042,0 16px 34px #1011122e}.flip-case-shadow{position:absolute;inset:-.46rem -.62rem -.38rem;border:1px solid rgba(16,17,18,.84);border-radius:4px;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(244,240,228,.06),transparent 9% 91%,rgba(244,240,228,.06)),radial-gradient(ellipse at 50% 0%,rgba(200,155,57,.14),transparent 42%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.36),transparent 58%),#111;box-shadow:inset 0 0 0 1px #f4f0e417,inset 0 0 24px #0000007a,0 10px 22px #10111238}.flip-case-shadow:before,.flip-case-shadow:after{content:"";position:absolute;inset-inline:.72rem;block-size:1px;background:linear-gradient(90deg,transparent,rgba(200,155,57,.48),transparent)}.flip-case-shadow:before{inset-block-start:.38rem}.flip-case-shadow:after{inset-block-end:.32rem}.flip-scuff-raster{position:absolute;inset-inline:.4rem;inset-block-start:.2rem;inline-size:calc(100% - .8rem);block-size:calc(100% - .4rem);object-fit:cover;pointer-events:none;z-index:1;opacity:.22;mix-blend-mode:screen;filter:saturate(.62) brightness(1.22) contrast(.84)}.flip-clock:before,.flip-clock:after{content:"";position:absolute;inset-block:50%;inline-size:2.1rem;block-size:2.1rem;border:1px solid rgba(200,155,57,.42);border-radius:50%;transform:translateY(-50%)}.flip-clock:before{inset-inline-start:-1.2rem}.flip-clock:after{inset-inline-end:-1.2rem}.flip-mechanism-chain{position:absolute;inset-block:.16rem;inline-size:4.8rem;pointer-events:none;z-index:0;opacity:.88}.flip-mechanism-chain.left{inset-inline-start:-.68rem}.flip-mechanism-chain.right{inset-inline-end:-.68rem}.flip-mechanism-chain i{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle,rgba(200,155,57,.95) 0 11%,rgba(16,17,18,.9) 12% 23%,transparent 24%),repeating-conic-gradient(from 6deg,#101112eb 0 8deg,#f4f0e461 8deg 15deg,#101112eb 15deg 23deg);border:1px solid rgba(200,155,57,.38);box-shadow:inset 0 0 0 1px #10111285,0 0 8px #00000038}.flip-mechanism-chain.left i:nth-child(1),.flip-mechanism-chain.right i:nth-child(1){inline-size:2.35rem;block-size:2.35rem;inset-block-start:.3rem}.flip-mechanism-chain.left i:nth-child(2),.flip-mechanism-chain.right i:nth-child(2){inline-size:1.7rem;block-size:1.7rem;inset-block-start:2.2rem}.flip-mechanism-chain.left i:nth-child(3),.flip-mechanism-chain.right i:nth-child(3){inline-size:2.85rem;block-size:2.85rem;inset-block-end:.2rem}.flip-mechanism-chain.left i:nth-child(4),.flip-mechanism-chain.right i:nth-child(4){inline-size:1.15rem;block-size:1.15rem;inset-block-end:2.1rem}.flip-mechanism-chain.left i:nth-child(5),.flip-mechanism-chain.right i:nth-child(5){inline-size:.84rem;block-size:.84rem;inset-block-start:50%}.flip-mechanism-chain.left i{inset-inline-start:0}.flip-mechanism-chain.left i:nth-child(2),.flip-mechanism-chain.left i:nth-child(4),.flip-mechanism-chain.left i:nth-child(5){inset-inline-start:2.02rem}.flip-mechanism-chain.right i{inset-inline-end:0}.flip-mechanism-chain.right i:nth-child(2),.flip-mechanism-chain.right i:nth-child(4),.flip-mechanism-chain.right i:nth-child(5){inset-inline-end:2.02rem}.flip-botanical-sprig{position:absolute;inline-size:8.1rem;block-size:auto;inset-block-end:-1.72rem;pointer-events:none;z-index:1;overflow:visible;opacity:.78;filter:drop-shadow(0 3px 3px rgba(16,17,18,.16))}.flip-botanical-sprig.left{inset-inline-start:-.8rem}.flip-botanical-sprig.right{inset-inline-end:-.8rem}.sprig-stem{fill:none;stroke:#101112ad;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sprig-stem.thin{stroke-width:1.2;opacity:.76}.sprig-leaf{fill:#6f8f4f52;stroke:#1011126b;stroke-width:.9}.sprig-leaf.alt{fill:#6f8f4f42}.sprig-blossom{fill:#c9869194;stroke:#10111257;stroke-width:.45}.sprig-blossom.vermilion{fill:#b83a22bd}.flip-vermilion-knot{position:absolute;inset-block-end:-1.38rem;inset-inline-start:50%;inline-size:1.4rem;block-size:1.4rem;border-radius:50%;background:radial-gradient(circle,rgba(244,240,228,.95) 0 10%,transparent 11%),repeating-conic-gradient(from 7deg,var(--vermilion) 0 9deg,transparent 9deg 18deg);border:1px solid rgba(184,58,34,.5);box-shadow:0 0 0 1px #f4f0e499,0 3px 6px #10111224;transform:translate(-50%);pointer-events:none;z-index:2}.flip-case-rail{position:absolute;inset-inline:clamp(2.2rem,5vw,3.45rem);display:flex;justify-content:space-between;align-items:center;block-size:.44rem;pointer-events:none;z-index:3}.flip-case-rail.top{inset-block-start:.28rem}.flip-case-rail.bottom{inset-block-end:.25rem}.flip-case-rail:before{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:1px;background:linear-gradient(90deg,transparent,rgba(244,240,228,.22),rgba(200,155,57,.38),transparent)}.flip-case-rail i{position:relative;inline-size:.24rem;block-size:.24rem;border-radius:50%;background:radial-gradient(circle,#f4f0e4a8 0 18%,#c89b39d6 19% 50%,#101112c7 52%);box-shadow:0 0 0 1px #1011127a;opacity:.78}.flip-corner-plates{position:absolute;inset:-.28rem -.44rem -.22rem;pointer-events:none;z-index:4}.flip-corner-plates i{position:absolute;inline-size:.82rem;block-size:.82rem;border:1px solid rgba(200,155,57,.38);background:radial-gradient(circle at 50% 50%,rgba(200,155,57,.62) 0 .11rem,transparent .12rem),linear-gradient(135deg,rgba(244,240,228,.08),transparent 58%),#101112c7}.flip-corner-plates i:nth-child(1){inset-block-start:0;inset-inline-start:0}.flip-corner-plates i:nth-child(2){inset-block-start:0;inset-inline-end:0}.flip-corner-plates i:nth-child(3){inset-block-end:0;inset-inline-start:0}.flip-corner-plates i:nth-child(4){inset-block-end:0;inset-inline-end:0}.flip-frame-labels{position:absolute;inset-block-start:.22rem;inset-inline:clamp(3.2rem,8vw,5.8rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2.2vw,1.8rem);color:#c89b39c2;font-family:var(--font-display);font-size:.62rem;line-height:1;text-align:center;pointer-events:none}.flip-rivets{position:absolute;inset:.26rem .3rem;pointer-events:none}.flip-rivets i{position:absolute;inline-size:.35rem;block-size:.35rem;border-radius:50%;background:radial-gradient(circle,rgba(244,240,228,.32) 0 24%,var(--gold) 25% 52%,rgba(16,17,18,.72) 54%);opacity:.74}.flip-rivets i:nth-child(1),.flip-rivets i:nth-child(2),.flip-rivets i:nth-child(3),.flip-rivets i:nth-child(4){inset-block-start:0}.flip-rivets i:nth-child(5),.flip-rivets i:nth-child(6),.flip-rivets i:nth-child(7),.flip-rivets i:nth-child(8){inset-block-end:0}.flip-rivets i:nth-child(1),.flip-rivets i:nth-child(5){inset-inline-start:0}.flip-rivets i:nth-child(2),.flip-rivets i:nth-child(6){inset-inline-start:32%}.flip-rivets i:nth-child(3),.flip-rivets i:nth-child(7){inset-inline-end:32%}.flip-rivets i:nth-child(4),.flip-rivets i:nth-child(8){inset-inline-end:0}.flip-gear-stack{position:absolute;inset-block-start:50%;display:grid;gap:.12rem;transform:translateY(-50%);pointer-events:none}.flip-gear-stack.left{inset-inline-start:-1.5rem}.flip-gear-stack.right{inset-inline-end:-1.5rem}.flip-gear-stack i{inline-size:1.12rem;block-size:1.12rem;border-radius:50%;background:radial-gradient(circle,rgba(200,155,57,.86) 0 16%,rgba(16,17,18,.78) 17% 28%,transparent 29%),repeating-conic-gradient(from 8deg,#f4f0e47a 0 8deg,#101112c7 8deg 16deg);border:1px solid rgba(200,155,57,.36);opacity:.78}.flip-gear-stack i:nth-child(2){inline-size:1.45rem;block-size:1.45rem;margin-inline-start:-.18rem;opacity:.9}.flip-unit{position:relative;display:grid;place-items:center;inline-size:clamp(4rem,7vw,5.35rem);min-block-size:clamp(3.78rem,5.9vw,4.56rem);padding:.12rem .16rem .76rem;color:var(--vermilion);z-index:2;perspective:900px}.flip-unit:before{content:"";position:absolute;inset:0;border:1px solid rgba(16,17,18,.44);border-radius:5px;background:linear-gradient(rgba(250,247,236,.18),transparent 25%),linear-gradient(rgba(16,17,18,.14),transparent 48%,rgba(16,17,18,.2) 50%,transparent 52%),#171717;box-shadow:inset 0 -1px #faf7ec2e,inset 0 0 18px #00000080}.flip-digit-row{position:relative;z-index:1;display:flex;justify-content:center;gap:clamp(.1rem,.34vw,.18rem);inline-size:100%}.flip-digit{position:relative;inline-size:clamp(1.64rem,3.1vw,2.27rem);block-size:clamp(3.04rem,5vw,3.9rem);border-radius:4px;transform-style:preserve-3d;perspective:760px;filter:drop-shadow(0 .18rem .24rem rgba(0,0,0,.32));isolation:isolate}.flip-digit:before,.flip-digit:after{content:"";position:absolute;inset-inline:.12rem;inset-block-start:calc(50% - 1px);block-size:1px;z-index:8;pointer-events:none}.flip-digit:before{background:#faf7ec2e;box-shadow:0 -1px #00000094,0 1px #c89b3938}.flip-digit:after{inset-inline:.28rem;border-inline:2px solid rgba(200,155,57,.38);opacity:.88}.flip-card,.flip-flap{position:absolute;inset-inline:0;block-size:50%;overflow:hidden;border:1px solid rgba(4,4,4,.74);backface-visibility:hidden;transform-style:preserve-3d;background:radial-gradient(circle at 50% 0%,rgba(250,247,236,.12),transparent 44%),linear-gradient(90deg,rgba(250,247,236,.06),transparent 18% 82%,rgba(250,247,236,.05)),linear-gradient(#202020,#111);box-shadow:inset 0 1px #faf7ec24,inset 0 -.35rem .72rem #0000005c}.flip-card-top,.flip-flap-old-top{inset-block-start:0;border-radius:4px 4px 2px 2px;transform-origin:50% 100%}.flip-card-bottom,.flip-flap-new-bottom,.flip-card-old-bottom{inset-block-end:0;border-radius:2px 2px 4px 4px;transform-origin:50% 0%}.flip-card-top{z-index:2}.flip-card-bottom{z-index:1;background:radial-gradient(circle at 50% 100%,rgba(250,247,236,.1),transparent 46%),linear-gradient(90deg,rgba(250,247,236,.04),transparent 18% 82%,rgba(250,247,236,.04)),linear-gradient(#151515,#202020)}.flip-card-old-bottom{z-index:3}.flip-flap{opacity:0;will-change:transform,opacity}.flip-digit[data-flipping=true] .flip-flap{opacity:1}.flip-flap-old-top{z-index:6}.flip-flap-new-bottom{z-index:7;transform:rotateX(92deg);background:radial-gradient(circle at 50% 100%,rgba(250,247,236,.14),transparent 48%),linear-gradient(90deg,rgba(250,247,236,.04),transparent 18% 82%,rgba(250,247,236,.04)),linear-gradient(#111,#202020)}.flip-value{position:absolute;inset-inline:0;block-size:200%;display:grid;place-items:center;color:#f8f4e6ed;font-family:var(--font-display);font-size:clamp(1.95rem,4.05vw,2.72rem);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px rgba(0,0,0,.78),0 0 .42rem rgba(184,58,34,.18)}.flip-card-top .flip-value,.flip-flap-old-top .flip-value{inset-block-start:0}.flip-card-bottom .flip-value,.flip-flap-new-bottom .flip-value,.flip-card-old-bottom .flip-value{inset-block-end:0}.flip-hinge-shadow{position:absolute;inset-inline:.14rem;inset-block-start:calc(50% - .3rem);block-size:.6rem;z-index:9;pointer-events:none;opacity:0;transform-origin:50% 50%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.66),transparent 72%),linear-gradient(transparent,rgba(250,247,236,.16),transparent);mix-blend-mode:multiply}.flip-label{position:absolute;z-index:2;inset-block-end:.34rem;color:#f8f4e6ad;font-size:.62rem}.flip-separator{align-self:center;color:#f4f0e494;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);z-index:2}.rehearsal-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(20rem,1.4fr) minmax(15rem,1fr);gap:.75rem;inline-size:min(100%,76rem);margin-block-start:.55rem;padding:.72rem;background:linear-gradient(90deg,rgba(184,58,34,.05),transparent 2.4rem),#f4f0e4c2;border-block:1px solid rgba(16,17,18,.34);box-shadow:0 12px 34px #10111224}.rehearsal-head,.rehearsal-row,.rehearsal-selects,.rehearsal-scenarios{min-inline-size:0}.rehearsal-head{display:grid;align-content:center;gap:.22rem;border-inline-start:.18rem solid var(--vermilion);padding-inline-start:.65rem}.rehearsal-head p,.rehearsal-selects span{margin:0;color:var(--vermilion);font-family:var(--font-display);font-size:.78rem;line-height:1.2}.rehearsal-head time{color:var(--ink);font-family:var(--font-display);font-size:clamp(1.02rem,1.7vw,1.3rem);line-height:1.2}.rehearsal-row,.rehearsal-shifts,.rehearsal-scenarios{display:flex;flex-wrap:wrap;gap:.42rem;align-content:center}.rehearsal-primary{align-items:center}.rehearsal-panel button{min-block-size:2rem;padding:.32rem .56rem;font-size:.82rem}.rehearsal-accent{color:var(--paper);background:var(--vermilion);border-color:#10111266}.rehearsal-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rehearsal-selects label{display:grid;gap:.18rem;min-inline-size:0}.rehearsal-selects select{min-block-size:2rem;margin-block-start:0;padding-block:.25rem}.rehearsal-scenarios{grid-column:1 / -1;border-block-start:1px solid rgba(16,17,18,.18);padding-block-start:.55rem}@media(max-width:920px){.tsukuyomi-app{place-items:start center;padding-block-end:.75rem}.scroll-frame{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"date" "clock" "lower" "side";min-block-size:auto}.composition-orbit{opacity:.26}.composition-ground{opacity:.34}.raster-washi-landscape{opacity:.24;object-position:48% 38%}.composition-sun{display:none}.date-panel{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:end;padding-inline-start:1rem}.date-ink-haze{inset-block-start:2.25rem;inline-size:min(28rem,92%);block-size:10rem;opacity:.46}.date-botanical-scroll{inset-inline-start:auto;inset-inline-end:.2rem;inset-block-end:-.85rem;width:min(9.4rem,28vw);opacity:.5}.date-panel:after{inset-block-start:3.5rem;inset-inline-start:min(16rem,62vw)}.panel-kicker{grid-column:1 / -1}h1{writing-mode:horizontal-tb;font-size:4.4rem;max-inline-size:100%}.subtitle{margin-block-start:0}.date-list{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.clock-stage{inline-size:min(100%,25rem)}.right-rail{border-inline-start:0;padding-inline-start:0}.lower-rail{grid-template-columns:1fr}.flip-clock:before,.flip-clock:after{display:none}.flip-gear-stack,.flip-mechanism-chain,.flip-botanical-sprig,.flip-vermilion-knot{display:none}.rehearsal-panel,.almanac-panel .metric-list,.almanac-body{grid-template-columns:1fr}.season-motif{display:none}}@media(min-width:921px){body,.tsukuyomi-app{overflow:hidden}.tsukuyomi-app[data-rehearsal=true]{align-content:start;overflow:auto}}@media(max-width:560px){.tsukuyomi-app{padding:.55rem}.scroll-frame{gap:.75rem;padding:.8rem;inline-size:100%}.mechanism-rail,.composition-orbit,.composition-ground{display:none}.raster-washi-landscape{opacity:.18;object-position:45% top}.date-panel{display:block;padding-inline-start:.85rem}.date-panel:after{display:none}.date-ink-haze,.date-botanical-scroll{display:none}.date-list,.metric-grid{grid-template-columns:1fr}h1{font-size:3.35rem;line-height:1}.subtitle{display:inline-block;font-size:.98rem;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere}.subtitle:before,.subtitle:after{display:none}.location-controls{grid-template-columns:1fr}.clock-stage{inline-size:min(100%,19rem)}.flip-clock{gap:.18rem;padding-inline:.48rem}.flip-case-shadow{inset:-.2rem -.12rem -.18rem}.flip-case-rail{inset-inline:1.25rem}.flip-corner-plates{inset:-.04rem .02rem}.flip-corner-plates i{inline-size:.52rem;block-size:.52rem}.flip-frame-labels{inset-inline:2.15rem;gap:.7rem;font-size:.55rem}.flip-unit{inline-size:3.35rem;min-block-size:3.38rem;padding:.1rem .12rem .68rem}.flip-digit{inline-size:1.42rem;block-size:2.72rem}.flip-value{font-size:1.78rem}.rehearsal-panel{padding:.62rem}.rehearsal-selects{grid-template-columns:1fr}.progress-line{grid-template-columns:1fr 2.6rem}.progress-track{grid-column:1 / -1;grid-row:2}}}@layer motion{.tsukuyomi-app[data-date-pulse]:not([data-date-pulse=idle]) .seal-mark{animation:seal-drop .9s ease both}.tsukuyomi-app[data-almanac-pulse]:not([data-almanac-pulse=idle]) .almanac-panel{animation:ink-wash 1.2s ease both}@keyframes seal-drop{0%{opacity:0;translate:0 -.65rem}48%{opacity:1;translate:0 .18rem}to{opacity:1;translate:0}}@keyframes ink-wash{0%{box-shadow:inset 0 0 #b83a2200}42%{box-shadow:inset 0 0 42px #1f3d7321}to{box-shadow:inset 0 0 #b83a2200}}@media(prefers-reduced-motion:reduce){.tsukuyomi-app *,.tsukuyomi-app *:before,.tsukuyomi-app *:after{scroll-behavior:auto}.second-hand{transition:none}.second-hand-toggle input:before{transition:none}.tsukuyomi-app[data-date-pulse]:not([data-date-pulse=idle]) .seal-mark,.tsukuyomi-app[data-almanac-pulse]:not([data-almanac-pulse=idle]) .almanac-panel{animation:none}}}