@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap");
:root{color-scheme:dark;--paper:#e8dbc1;--gold:#cfaf72;--blue:#a9c9e8;--ink:#05070b;--muted:#8d98a8}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Mono",ui-monospace,monospace;overflow:hidden}button{color:inherit;font:inherit;border:0;cursor:pointer}#app{height:100svh;min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#172642 0%,#0a111e 42%,#05070b 76%)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.13;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 180 180%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%27.82%27 numOctaves=%273%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url(%23n)%27 opacity=%27.42%27/%3E%3C/svg%3E");mix-blend-mode:soft-light}.vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse,transparent 34%,rgba(0,0,0,.6) 100%)}.topbar{height:88px;padding:25px clamp(22px,5vw,68px);display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:5}.wordmark{background:none;letter-spacing:.29em;font-size:11px;padding:0}.date-block{text-align:center;line-height:1.55;font-size:9px;letter-spacing:.12em;color:#a9a9a4}.date-block span{display:block}.date-block #time{color:var(--gold);font-size:8px}.circle-button{height:27px;width:27px;border:1px solid rgba(223,211,187,.35);border-radius:50%;background:rgba(255,255,255,.03);font-family:Georgia,serif;font-style:italic;font-size:16px}.instrument{position:absolute;inset:77px 0 172px;display:grid;place-items:center;z-index:1}.instrument canvas{height:min(77vh,760px);width:min(77vh,760px);max-width:96vw;max-height:96vw;filter:contrast(1.08)}.north,.degree{position:absolute;color:rgba(214,202,174,.53);font-size:8px;letter-spacing:.13em}.north{top:4%}.degree-a{top:16%;right:13%}.degree-b{bottom:22%;right:7%}.degree-c{bottom:6%}.degree-d{bottom:22%;left:7%}.center-label{position:absolute;text-align:center;display:grid;gap:2px;font-size:7px;letter-spacing:.18em;color:#9aa8b9;text-shadow:0 1px 12px #000}.center-label strong{font:italic 40px/1 "Instrument Serif",Georgia,serif;color:#f0ddad;letter-spacing:0;text-shadow:0 0 28px #bc935344}.planet-readout{position:absolute;top:20%;left:clamp(12px,8vw,13%);display:flex;gap:8px;align-items:center;opacity:0;transition:opacity .35s;padding:8px 10px;background:#09101cce;border:1px solid #9ab5cf35;backdrop-filter:blur(8px)}.planet-readout.show{opacity:1}.planet-glyph{font:28px Georgia,serif;color:var(--blue)}.planet-readout strong,.planet-readout small{display:block}.planet-readout strong{font-size:10px;font-weight:400;letter-spacing:.08em}.planet-readout small{font-size:8px;margin-top:3px;color:#9aa8b7}.insight{position:absolute;z-index:5;left:clamp(22px,8vw,120px);bottom:78px;width:min(396px,calc(100vw - 44px));transition:opacity .4s}.insight-mark{color:var(--gold);font-size:19px;margin-bottom:6px}.eyebrow{font-size:8px;letter-spacing:.18em;color:var(--gold);margin:0 0 11px}.insight h1{font:normal 34px/1.02 "Instrument Serif",Georgia,serif;letter-spacing:-.02em;margin:0 0 12px}.reading{color:#b9bdc3;font:15px/1.42 "Instrument Serif",Georgia,serif;margin:0 0 15px;max-width:340px}.text-button{background:none;padding:0;color:#e0c483;font-size:9px;letter-spacing:.11em}.text-button span{padding-left:6px;font-size:15px}.controls{position:absolute;bottom:0;z-index:5;width:100%;padding:18px clamp(22px,5vw,68px) 24px;background:linear-gradient(transparent,#05070b 28%)}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.live{background:none;color:var(--gold);font-size:8px;letter-spacing:.15em;padding:0}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#dfc17f;margin:0 7px 1px 0;box-shadow:0 0 10px #e1bf72}.live:not(.is-live){color:#7c8590}.live:not(.is-live) i{background:#7c8590;box-shadow:none}.timeline-head span{font-size:8px;letter-spacing:.12em;color:#8993a0}.timeline-wrap{position:relative}.controls input{width:100%;accent-color:#d2b778;height:5px;cursor:ew-resize}.present-marker{position:absolute;left:50%;top:0;width:1px;height:100%;background:#f0d08a;box-shadow:0 0 8px #e1bd70;pointer-events:none}.scale{display:flex;justify-content:center;gap:25px;padding-top:14px}.scale button{font-size:8px;letter-spacing:.18em;color:#69717c;background:none;padding:0}.scale button.active{color:var(--paper)}.sheet{position:fixed;z-index:10;right:0;top:0;height:100svh;width:min(420px,100%);background:#090d14f5;border-left:1px solid #d5bd873c;padding:86px 44px;transform:translateX(101%);transition:transform .45s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(16px)}.sheet.open{transform:translateX(0)}.sheet .close{position:absolute;right:22px;top:21px;background:none;font:30px/1 Georgia,serif;color:#c6ac77}.sheet h2{font:normal 38px/1 "Instrument Serif",Georgia,serif;margin:0 0 20px}.sheet>p:not(.eyebrow){font:16px/1.45 "Instrument Serif",Georgia,serif;color:#b3b6b8}.fact{border-top:1px solid #e2d2b72d;padding:18px 0 4px;margin-top:22px}.fact span,.fact strong,.fact small{display:block}.fact span{font-size:8px;letter-spacing:.15em;color:var(--gold);margin-bottom:7px}.fact strong{font:20px/1.1 "Instrument Serif",Georgia,serif}.fact small{font-size:9px;color:#8792a1;margin-top:7px}@media(max-width:650px){#app{min-height:0}.topbar{height:72px;padding:20px 19px}.instrument{inset:54px 0 255px}.instrument canvas{width:118vw;height:118vw;max-width:none;max-height:none}.north{top:0}.degree{display:none}.insight{left:22px;bottom:122px}.insight h1{font-size:30px}.reading{font-size:14px}.controls{padding:14px 22px 20px}.planet-readout{top:8%;left:22px}.center-label strong{font-size:31px}}
.live-state{position:absolute;z-index:5;right:clamp(22px,5vw,68px);bottom:29px;display:flex;align-items:center;gap:8px;color:#cdb17a;font-size:8px;letter-spacing:.16em}.live-state i{width:5px;height:5px;background:#dec47e;border-radius:50%;box-shadow:0 0 9px #e1bd70}.live-state small{color:#798493;font-size:8px;letter-spacing:.12em;margin-left:5px}@media(max-width:650px){.insight{bottom:77px}.live-state{right:22px;bottom:23px}}
.entry{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(5,9,16,.22),rgba(5,7,11,.68));transition:opacity .5s}.entry-card{text-align:center;width:min(390px,calc(100% - 44px));padding:34px 24px;border:1px solid rgba(205,175,115,.2);background:rgba(7,11,18,.5);backdrop-filter:blur(13px)}.entry-card h1{font:normal 43px/1 "Instrument Serif",Georgia,serif;margin:0 0 14px}.entry-card p:not(.eyebrow){font:16px/1.4 "Instrument Serif",Georgia,serif;color:#b4bac2;margin:0 auto 25px;max-width:310px}.entry-button:disabled{opacity:.58;cursor:wait}.entry-button{padding:11px 15px;background:transparent;border:1px solid rgba(213,183,116,.6);color:#e0c483;font-size:9px;letter-spacing:.13em}.entry-button span{font-size:15px;margin-left:6px}.birth-form fieldset{border:0;margin:0;padding:0;display:grid;gap:11px;min-inline-size:0}.birth-form fieldset:disabled{opacity:.48}.birth-form{margin:20px auto 0;text-align:left;display:grid;gap:11px;max-width:310px}.birth-form label{display:grid;gap:8px;color:#d8bd83;font-size:10px;letter-spacing:.12em}.birth-form label small{color:#9da8b4;font-size:10px;letter-spacing:0;text-transform:none}.birth-form input{width:100%;border:1px solid rgba(207,175,112,.38);background:#080d15;color:#f2e8d3;padding:13px;font:15px "DM Mono",monospace;outline:none}.birth-form input:focus{border-color:#d8ba7c;box-shadow:0 0 0 2px rgba(216,186,124,.12)}.place-results{display:grid;gap:5px;margin-top:-4px}.place-results button{padding:12px 13px;text-align:left;background:rgba(14,23,34,.84);border:1px solid rgba(207,175,112,.25);color:var(--paper);font:13px "DM Mono",monospace}.place-confirmation{min-height:20px;margin:3px 0;color:#d8bd83;font-size:11px;letter-spacing:.04em;line-height:1.45}.place-confirmation.searching{color:#aebbc8}.place-confirmation.ready:before{content:"✦ ";color:#e0c483}.place-results button:hover{border-color:var(--gold);color:var(--gold)}.coordinate-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.form-note{margin:5px 0!important;color:#98a4b2!important;font-size:12px!important;line-height:1.35!important}.quiet-button{display:block;margin:14px auto 0;background:none;color:#8d98a8;font-size:8px;letter-spacing:.1em;text-decoration:underline;text-underline-offset:4px}.entry-error{min-height:16px!important;margin:10px 0 0!important;color:#e69b8c!important;font-size:10px!important}.entry.hidden{opacity:0;pointer-events:none}
.day{--paper:#1c2939;--gold:#6b4d1e;--blue:#32516c;--ink:#d9dde1}.day body{background:#d9dde1}.day #app{background:radial-gradient(ellipse at 50% 42%,#f7f2e8 0%,#d7e0e4 45%,#afc0cc 100%)}.day .vignette{background:radial-gradient(ellipse,transparent 30%,rgba(50,70,87,.25) 100%)}.day .grain{mix-blend-mode:multiply;opacity:.08}.day .date-block{color:#465b6b}.day .reading{color:#3a4c59}.day .live-state{color:#655126}.day .entry{background:radial-gradient(circle at 50% 48%,rgba(247,242,232,.25),rgba(181,199,208,.72))}.day .entry-card{background:rgba(246,242,233,.76);border-color:rgba(92,74,37,.25)}.day .entry-card p:not(.eyebrow){color:#40525e}.day .birth-form input{background:#eef1ef;color:#192b3a;border-color:rgba(80,92,91,.35)}.day .sheet{background:#edf0edee;color:#162533}.day .sheet>p:not(.eyebrow){color:#40525e}