:root{color:#2b2441;background:#eee5d2;font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #2b2441;--muted: #6f6877;--paper: rgba(255, 253, 246, .9);--paper-solid: #fffdf6;--line: rgba(65, 52, 86, .15);--violet: #57457c;--violet-deep: #332a54;--sun: #ffc94f;--sun-deep: #e89a24;--bright: #e69b61;--shade: #617297;--shadow: 0 24px 64px rgba(69, 50, 48, .13)}*{box-sizing:border-box}html{min-width:280px;background:#eee5d2}body{margin:0;min-width:280px;min-height:100vh;overflow-x:hidden}button{min-height:48px;border:0;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #385cba;outline-offset:3px}button:disabled{cursor:not-allowed}h1,h2,p{margin-top:0}h1{margin-bottom:.34rem;font-size:clamp(2.7rem,12vw,5.8rem);font-weight:840;letter-spacing:-.065em;line-height:.88}h2{margin-bottom:0;font-size:clamp(1.1rem,4.8vw,1.48rem);letter-spacing:-.025em;line-height:1.14}.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}.app{position:relative;isolation:isolate;width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 3%,rgba(255,226,134,.66),transparent 27rem),radial-gradient(circle at 91% 22%,rgba(144,126,181,.28),transparent 30rem),linear-gradient(152deg,#f8efd9,#eadfcb 58%,#e9d4c2)}.ambient-orb{position:absolute;z-index:-1;border-radius:999px;filter:blur(1px);opacity:.7;pointer-events:none}.ambient-orb--one{top:18rem;left:-6rem;width:15rem;height:15rem;background:#ffcb5b40}.ambient-orb--two{right:-7rem;bottom:12rem;width:19rem;height:19rem;background:#55427e2e}.hero,.main-content,.gallery-main{width:min(100% - 1.25rem,58rem);margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,13.8rem);align-items:center;gap:1rem;padding:max(3.35rem,env(safe-area-inset-top)) 0 1.75rem}.eyebrow,.section-kicker{margin-bottom:.42rem;color:var(--violet);font-size:.72rem;font-weight:800;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.hero-copy{max-width:31rem;margin-bottom:0;color:var(--muted);font-size:clamp(1rem,3vw,1.16rem);line-height:1.46}.sun-window{position:relative;justify-self:end;width:min(34vw,13.8rem);min-width:0;aspect-ratio:1 / 1.08;overflow:hidden;border:1px solid rgba(58,45,83,.18);border-radius:2rem 2rem 1rem 1rem;background:linear-gradient(165deg,#7771a5,#adb2ce 46%,#f0c784 47%,#f5d99c);box-shadow:inset 0 0 0 .48rem #fffbef94,var(--shadow)}.window-sun{position:absolute;top:17%;left:22%;width:30%;aspect-ratio:1;border-radius:50%;background:var(--sun);box-shadow:0 0 0 .55rem #ffd35d21,0 0 2rem #ffc546b8}.window-beam{position:absolute;right:-10%;bottom:-8%;width:78%;height:56%;transform:skew(-24deg) rotate(-4deg);border-radius:45%;background:linear-gradient(140deg,#ffefa8d6,#ffc34e21)}.window-line{position:absolute;z-index:2;background:#fffcf0b3}.window-line--vertical{top:0;bottom:0;left:calc(50% - .2rem);width:.4rem}.window-line--horizontal{top:calc(53% - .2rem);right:0;left:0;height:.4rem}.main-content{display:grid;gap:1rem;padding-bottom:max(2.4rem,env(safe-area-inset-bottom))}.spot-card,.light-strip-card,.mark-card,.truth-card,.history-card,.new-day-card,.confirm-card{border:1px solid var(--line);border-radius:1.55rem;background:var(--paper);box-shadow:0 .6rem 2.4rem #48373712;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.spot-card,.mark-card,.truth-card,.history-card,.new-day-card,.confirm-card{padding:clamp(1rem,4vw,1.4rem)}.section-heading,.strip-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.locked-note,.selected-spot,.mark-count,.spot-chip{flex:0 0 auto;border:1px solid rgba(87,69,124,.18);border-radius:.76rem;background:#57457c14;color:var(--violet);font-size:.73rem;font-weight:760;line-height:1.2}.locked-note,.selected-spot,.mark-count{padding:.42rem .56rem}.spot-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.spot-button{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:.72rem .8rem;border:1px solid var(--line);border-radius:.95rem;background:#ffffff7a;cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.spot-button>span{font-size:.9rem;font-weight:780}.spot-button small,.mark-button small,.history-list small{display:block;margin-top:.14rem;color:var(--muted);font-size:.72rem;line-height:1.32}.spot-button[aria-pressed=true]{border-color:#57457cad;background:#57457c1f;box-shadow:inset 0 0 0 1px #57457c38}.spot-button:disabled:not([aria-pressed=true]){opacity:.43}.light-strip-card{padding:clamp(1rem,4vw,1.4rem) clamp(.78rem,4vw,1.4rem) 1rem;overflow:hidden}.strip-caption{margin:-.24rem 0 .9rem;color:var(--muted);font-size:.8rem;line-height:1.42}.strip-shell{position:relative;height:10rem;overflow:hidden;border:1px dashed rgba(58,44,78,.3);border-radius:1.05rem;background:#f8f1de94}.day-sky{position:absolute;inset:0;display:grid;grid-template-columns:25% 50% 25%;opacity:.5}.sky-slice--dawn{background:linear-gradient(90deg,#59538438,#f4bd6e30)}.sky-slice--day{background:linear-gradient(90deg,#f4bd6e30,#ffdb693d,#f4bd6e30)}.sky-slice--dusk{background:linear-gradient(90deg,#f4bd6e30,#59538438)}.marker-layer{position:absolute;inset:.55rem 1rem;margin:0;padding:0;list-style:none}.light-marker{position:absolute;top:calc(1.1rem + var(--marker-lane-offset));left:clamp(.35rem,var(--marker-position),calc(100% - .35rem));z-index:2;width:0;height:5.6rem}.light-marker:after{position:absolute;top:1rem;left:-1px;width:2px;height:3.25rem;background:currentColor;content:"";opacity:.52}.marker-dot{position:absolute;top:0;left:-.47rem;z-index:2;width:.94rem;height:.94rem;border:3px solid var(--paper-solid);border-radius:50%;background:currentColor;box-shadow:0 0 0 1px currentColor,0 .3rem .8rem #281d332e}.marker-label{position:absolute;top:1.28rem;left:0;width:max-content;max-width:7.7rem;transform:translate(-50%);color:var(--ink);font-size:.63rem;font-weight:730;line-height:1.18;text-align:center}.light-marker--direct{color:var(--sun-deep)}.light-marker--bright{color:var(--bright)}.light-marker--shade{color:var(--shade)}.empty-strip{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.74rem;font-weight:740;letter-spacing:.09em;text-transform:uppercase}.time-axis{display:flex;justify-content:space-between;margin-top:.46rem;color:var(--muted);font-size:clamp(.55rem,2.4vw,.67rem);font-weight:700}.legend{display:flex;flex-wrap:wrap;gap:.72rem 1rem;margin:.85rem 0 0;padding:0;color:var(--muted);font-size:.7rem;font-weight:680;list-style:none}.legend li{display:flex;align-items:center;gap:.35rem}.legend-swatch,.history-dot{flex:0 0 auto;width:.62rem;height:.62rem;border-radius:50%}.legend-swatch--direct,.history-dot--direct{background:var(--sun-deep)}.legend-swatch--bright,.history-dot--bright{background:var(--bright)}.legend-swatch--shade,.history-dot--shade{background:var(--shade)}.mark-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.56rem}.mark-button{display:flex;min-width:0;align-items:center;gap:.62rem;padding:.72rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff80;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.mark-button__swatch{flex:0 0 auto;width:1.65rem;height:1.65rem;border:4px solid rgba(255,255,255,.76);border-radius:50%;box-shadow:0 0 0 1px #34294826}.mark-button--direct .mark-button__swatch{background:var(--sun)}.mark-button--bright .mark-button__swatch{background:var(--bright)}.mark-button--shade .mark-button__swatch{background:var(--shade)}.mark-button strong{display:block;font-size:.86rem;line-height:1.15}.truth-card p:not(.section-kicker),.new-day-card p,.confirm-card p{margin:.7rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.5}.notice{padding:.7rem .78rem;border-left:3px solid var(--violet);border-radius:.35rem .75rem .75rem .35rem;background:#57457c14}.primary-action,.danger-action,.secondary-action,.text-action{padding:.72rem .92rem;border-radius:.85rem;cursor:pointer;font-size:.82rem;font-weight:780}.primary-action{margin-top:1rem;background:var(--violet-deep);color:#fffdf6}.text-action{flex:0 0 auto;border:1px solid var(--line);background:#57457c0f;color:var(--violet)}.history-list{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.history-list li{display:flex;align-items:center;min-height:48px;gap:.65rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:.78rem;background:#fff6}.history-list strong{display:block;font-size:.82rem}.confirm-card{border-color:#ac4d4559;background:#fff8f0f5}.confirm-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.danger-action{background:#8e3f3b;color:#fff}.secondary-action{border:1px solid var(--line);background:transparent}.live-status{min-height:1.35rem;margin:.2rem 0 0;padding-inline:.25rem;color:var(--muted);font-size:.76rem;line-height:1.4}.app--gallery{display:flex;min-height:100vh;flex-direction:column;pointer-events:none;touch-action:none}.hero--gallery{display:block;padding-top:max(2.1rem,env(safe-area-inset-top));padding-bottom:1rem}.hero--gallery h1{font-size:clamp(3.2rem,18vw,5.2rem)}.gallery-main{display:grid;gap:.68rem;padding-bottom:max(1.1rem,env(safe-area-inset-bottom))}.spot-chip{justify-self:start;padding:.48rem .72rem}.spot-chip__icon{margin-right:.26rem}.light-strip-card--gallery{padding:.92rem;box-shadow:var(--shadow)}.light-strip-card--gallery .strip-shell{height:9.35rem}.light-strip-card--gallery .legend{margin-top:.55rem}.light-marker--gallery{opacity:0;animation:reveal-mark .72s cubic-bezier(.2,.8,.2,1) var(--marker-delay) forwards}.gallery-truth{margin:0;padding-inline:.2rem;color:var(--muted);font-size:.73rem;font-weight:650;line-height:1.35;text-align:center}@keyframes reveal-mark{0%{opacity:0;transform:translateY(.75rem) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:hover)and (pointer:fine){.spot-button:not(:disabled):hover,.mark-button:hover{transform:translateY(-2px);box-shadow:0 .7rem 1.3rem #4131441a}}@media(max-width:560px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,8.2rem)}.mark-options{grid-template-columns:1fr}.mark-button{min-height:4.05rem}.section-heading,.strip-heading{align-items:flex-start}}@media(max-width:350px){.hero{display:block}.sun-window{display:none}.spot-options{grid-template-columns:1fr}.locked-note,.selected-spot{white-space:normal}}@media(min-width:700px)and (max-height:520px)and (min-aspect-ratio:3 / 2)and (max-aspect-ratio:3 / 1){.hero{grid-template-columns:minmax(0,1fr) 7rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:.75rem}.sun-window{width:7rem;min-width:7rem;border-radius:1.25rem 1.25rem .72rem .72rem}.main-content{grid-template-columns:minmax(15rem,.8fr) minmax(26rem,1.4fr);align-items:start}.light-strip-card,.truth-card,.history-card,.confirm-card,.live-status{grid-column:2}.mark-card,.spot-card,.new-day-card{grid-column:1}.spot-card{grid-row:1}.light-strip-card{grid-row:1 / span 2}.mark-card,.new-day-card{grid-row:2}.mark-options,.spot-options{grid-template-columns:1fr 1fr}.mark-button:last-child{grid-column:1 / -1}.app--gallery .gallery-main{grid-template-columns:minmax(8rem,.35fr) minmax(30rem,1fr);align-items:center}.app--gallery .light-strip-card{grid-row:1 / span 2;grid-column:2}}@media(prefers-color-scheme:dark){:root{color:#f7eddc;background:#1f1b2b;--ink: #f7eddc;--muted: #c4bacb;--paper: rgba(39, 33, 52, .9);--paper-solid: #2b2538;--line: rgba(239, 225, 204, .16);--violet: #cab8ef;--violet-deep: #9f84d9;--bright: #f0a86f;--shade: #97addc}html{background:#1f1b2b}.app{background:radial-gradient(circle at 12% 3%,rgba(239,178,74,.2),transparent 27rem),radial-gradient(circle at 91% 22%,rgba(126,97,177,.25),transparent 30rem),linear-gradient(152deg,#242030,#1f1b2b 58%,#2a2027)}.spot-button,.mark-button,.history-list li{background:#ffffff0b}.strip-shell{background:#13111b5c}.confirm-card{background:#39252df5}.primary-action{color:#211a2a}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.light-marker--gallery{opacity:1;transform:none}}@media(forced-colors:active){.app,.sun-window,.spot-card,.light-strip-card,.mark-card,.truth-card,.history-card,.new-day-card,.confirm-card,.spot-button,.mark-button{forced-color-adjust:auto;background:Canvas;color:CanvasText}.marker-dot,.legend-swatch,.history-dot,.mark-button__swatch{border:2px solid CanvasText;background:CanvasText}}