/* Layout stays in style.css. Colours and small landscape widgets live here. */
:root,:root[data-day-phase]:not(.dark){--time-paper:var(--paper);--time-ink:var(--ink);--panel:color-mix(in srgb,var(--paper) 83%,white 17%);--strong:color-mix(in srgb,var(--paper) 93%,white 7%);--border:color-mix(in srgb,var(--paper) 68%,white 32%);--line:color-mix(in srgb,var(--accent) 22%,transparent);--shadow:0 16px 45px color-mix(in srgb,var(--ink) 8%,transparent),inset 0 1px color-mix(in srgb,white 45%,transparent);--hero-brightness:.96;--hero-saturation:.86;--hero-tint:transparent}
:root.dark,:root.dark[data-day-phase]{--panel:color-mix(in srgb,var(--paper) 83%,var(--card-two) 17%);--strong:color-mix(in srgb,var(--paper) 76%,var(--card-two) 24%);--border:color-mix(in srgb,var(--accent) 19%,transparent);--line:color-mix(in srgb,var(--accent) 18%,transparent);--shadow:0 16px 45px #00000024,inset 0 1px #ffffff08;--hero-brightness:.46;--hero-saturation:.52;--hero-tint:color-mix(in srgb,var(--paper) 28%,transparent)}
:root[data-day-phase=dusk]:not(.dark){--hero-brightness:.87;--hero-saturation:.73;--hero-tint:#b2787c22}
:root[data-day-phase=night]:not(.dark){--hero-brightness:.78;--hero-saturation:.65;--hero-tint:#5d617633}
:root[data-day-phase=deepnight]:not(.dark){--hero-brightness:.72;--hero-saturation:.6;--hero-tint:#344c6644}
:root.dark[data-day-phase=deepnight]{--hero-brightness:.38;--hero-tint:#142c4040}
:root[data-day-phase] body,:root.dark[data-day-phase] body{background:radial-gradient(ellipse at 8% 36%,color-mix(in srgb,var(--wash-one) 43%,transparent),transparent 38%),radial-gradient(ellipse at 96% 60%,color-mix(in srgb,var(--wash-two) 45%,transparent),transparent 43%),linear-gradient(160deg,var(--paper),var(--paper-end));background-attachment:fixed;color:var(--ink)}
:root[data-day-phase] .glass{background:var(--panel);border-color:var(--border);box-shadow:var(--shadow)}
:root[data-day-phase] .glass-strong{background:var(--strong)}
:root[data-day-phase] .hero-art{filter:brightness(var(--hero-brightness)) saturate(var(--hero-saturation));transition:filter 1.2s ease,opacity .5s,translate .3s}
:root[data-day-phase] .hero-shade{background:linear-gradient(180deg,#18222c12,transparent 45%,var(--hero-tint)),linear-gradient(90deg,#222c3426,transparent 80%);transition:background 1s}
:root.dark[data-day-phase] .hero-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 32%,transparent),transparent 40%,color-mix(in srgb,var(--paper) 54%,transparent)),var(--hero-tint)}
.hero-wave{transition:fill 1s}.ambient-glow{background:radial-gradient(ellipse at 84% 64%,color-mix(in srgb,var(--wash-two) 27%,transparent),transparent 58%);animation:ambient-drift 28s ease-in-out infinite alternate}
.site-header{background:color-mix(in srgb,var(--paper) 87%,transparent);border-color:var(--line);box-shadow:0 4px 28px color-mix(in srgb,var(--ink) 5%,transparent)}
:root.dark .site-header{background:color-mix(in srgb,var(--paper) 89%,transparent)}
.search-box{background:var(--strong)}.search-box input::placeholder{color:var(--muted)}
.profile-card{background:linear-gradient(155deg,color-mix(in srgb,var(--card-one) 80%,var(--paper)),var(--panel))!important;overflow:hidden;position:relative}
.profile-card:before{content:"";position:absolute;width:100px;height:100px;right:-48px;top:22px;border:18px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;pointer-events:none}
.avatar-frame{background:linear-gradient(35deg,var(--scene-sun),var(--scene-back));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 17%,transparent)}
.profile-stats a:nth-child(2) strong{color:var(--accent-bright)}.profile-stats a:nth-child(3) strong{color:var(--blue)}
.socials a,.socials button{background:color-mix(in srgb,var(--paper) 80%,white 20%)}.dark .socials a,.dark .socials button{background:var(--card-one)}
.tag{background:color-mix(in srgb,var(--accent) 10%,transparent)}.side-nav a:hover,.side-nav a.active{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.digital-clock{background:linear-gradient(120deg,var(--card-two),var(--panel))!important;position:relative;font-weight:500;letter-spacing:1px}.digital-clock span{color:var(--accent)}
.site-stats h3{border-color:var(--blue)}.side-nav svg{color:var(--muted)}
.player-card{background:linear-gradient(145deg,var(--card-one),var(--panel))!important;position:relative;overflow:hidden}.player-card:after{content:"";width:96px;height:96px;position:absolute;top:-42px;right:-36px;border:18px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;pointer-events:none}
.calendar-card{background:linear-gradient(160deg,var(--panel),color-mix(in srgb,var(--card-two) 46%,var(--paper)))!important}
.weather-card{background:linear-gradient(150deg,var(--card-two),var(--panel))!important}.weather-temperature{color:var(--ink)}
.post-card:hover{box-shadow:0 20px 48px color-mix(in srgb,var(--ink) 13%,transparent)}.post-cover{background:var(--card-two)}
.floating-button{background:var(--strong);color:var(--accent);border-color:var(--line)}
.site-footer{color:var(--muted);border-color:var(--line)}
.post-center{min-width:0}.atmosphere-card{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;padding:24px;margin-top:26px}
.atmosphere-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.35' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.atmosphere-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.atmosphere-eyebrow{display:block;font:8px/1.5 var(--sans);letter-spacing:1.5px;color:var(--muted);margin-bottom:7px}.atmosphere-heading h2{font-size:19px;font-weight:500;letter-spacing:1px}.atmosphere-heading h2>span{display:block;letter-spacing:.4px;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}
.atmosphere-live{display:flex;gap:5px;align-items:center;white-space:nowrap;font:10px/1.5 var(--sans);color:var(--accent);margin-top:3px}.atmosphere-live i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent);animation:atmosphere-pulse 3s ease-in-out infinite}
.landscape-triptych{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:end;margin:23px 0 16px;height:139px}
.landscape-panel{width:100%;height:124px;stroke:none;stroke-width:0;box-shadow:0 4px 15px color-mix(in srgb,var(--ink) 9%,transparent);border:3px solid color-mix(in srgb,var(--paper) 68%,white 32%);overflow:hidden;transition:background 1s;transform:rotate(-2deg);border-radius:47% 47% 12px 12px}
.landscape-panel-1{height:139px;border-radius:62% 62% 10px 10px;transform:rotate(0)}.landscape-panel-2{transform:rotate(2deg);border-radius:12px 48% 12px 12px}
.scene-cloud{animation:cloud-drift 18s ease-in-out infinite alternate}.landscape-panel-1 .scene-cloud{animation-delay:-7s}.landscape-panel-2 .scene-cloud{animation-delay:-11s}.scene-orb{animation:scene-breathe 8s ease-in-out infinite}.scene-stars,.moon-cutout{opacity:0}.dark .moon-cutout{opacity:1}.dark .scene-stars{opacity:.8;animation:star-fade 5s ease-in-out infinite alternate}
.atmosphere-caption{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:19px;font-size:10px}.atmosphere-caption strong{font-size:12px;letter-spacing:1px;color:var(--accent);font-weight:500}.atmosphere-caption>span{color:var(--muted);text-align:right}
.phase-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.phase-swatch{border:1px solid transparent;border-radius:12px;padding:8px 3px 7px;text-align:center;min-width:0;color:var(--muted);transition:background .2s,border-color .2s,transform .2s}.phase-swatch:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-2px)}.phase-swatch[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--ink)}
.swatch-paint{display:block;width:32px;height:26px;margin:0 auto 7px;border-radius:45% 55% 35% 60%;background:radial-gradient(ellipse at 25% 15%,var(--swatch-paper) 10%,transparent 65%),linear-gradient(145deg,var(--swatch-accent),var(--swatch-scene));box-shadow:inset 0 0 8px #ffffff35;transform:rotate(-8deg)}.phase-swatch:nth-child(2n) .swatch-paint{border-radius:60% 40% 60% 35%;transform:rotate(8deg)}.phase-swatch strong{display:block;font-size:10px;white-space:nowrap;font-weight:500}.phase-swatch small{display:block;font:8px/1.7 var(--sans);letter-spacing:-.2px;color:var(--muted);margin-top:3px;white-space:nowrap}
.atmosphere-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:15px;padding-top:11px;font-size:9px;color:var(--muted)}.atmosphere-reset{font-size:10px;padding:4px 0;color:var(--accent);white-space:nowrap;text-underline-offset:3px}.atmosphere-reset:hover{text-decoration:underline}
.daynote-card{position:relative;padding:31px 21px 20px;margin:1px 3px 2px;background:linear-gradient(145deg,var(--card-one),var(--card-two));border-radius:4px 23px 7px 22px;box-shadow:0 9px 22px color-mix(in srgb,var(--ink) 7%,transparent);transform:rotate(-1.3deg);border:1px solid var(--border);overflow:visible}
.daynote-tab{position:absolute;top:-10px;left:21px;padding:3px 15px;background:color-mix(in srgb,var(--scene-back) 67%,var(--paper));border-radius:2px;transform:rotate(-3deg);font-size:9px;color:var(--ink);letter-spacing:2px;box-shadow:0 2px 3px #00000005}
.daynote-top{position:relative;min-height:30px}.daynote-top time{font:10px/1.8 var(--sans);color:var(--muted);letter-spacing:1px}.daynote-sprig{position:absolute;right:-6px;top:-24px;transform-origin:50% 100%;animation:sprig-sway 7s ease-in-out infinite alternate}.daynote-sprig svg{width:46px;height:63px;stroke:var(--accent);stroke-width:1.5}.daynote-sprig svg path+path{fill:var(--scene-front);stroke:none;opacity:.5}.daynote-card>p{font-size:14px;line-height:1.9;max-width:170px;min-height:53px;letter-spacing:1px;position:relative;color:var(--ink)}.daynote-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;font-size:9px;color:var(--muted)}.daynote-bottom button{font:19px/1 var(--sans);width:29px;height:29px;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--paper) 60%,transparent)}.daynote-bottom button:hover{transform:rotate(25deg)}.daynote-progress{height:2px;background:var(--line);margin-top:10px;overflow:hidden;border-radius:3px}.daynote-progress i{height:100%;display:block;background:var(--accent);opacity:.5}
#settings-dialog{background:var(--paper);color:var(--ink);border-color:var(--line);width:480px;max-width:calc(100vw - 32px);max-height:85dvh;overflow:auto}#settings-dialog>.muted{margin-bottom:16px}.appearance-controls{border:1px solid var(--line);border-radius:15px;padding:15px;margin:14px 0}.appearance-controls legend{font-size:12px;color:var(--accent);padding:0 7px}.appearance-controls .phase-picker{margin-bottom:10px}.appearance-mode{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.appearance-mode select{max-width:190px;border:1px solid var(--line);background:var(--strong);border-radius:8px;padding:6px 10px}.appearance-help{font-size:10px;color:var(--muted);margin-top:9px;line-height:1.8}.appearance-settings-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:10px;color:var(--muted)}
.arrival-dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}.arrival-dialog p{color:var(--muted)}.arrival-dialog::backdrop{background:color-mix(in srgb,var(--paper) 75%,transparent)}.arrival-mark{color:var(--accent)}
@keyframes cloud-drift{from{transform:translateX(-5px)}to{transform:translateX(10px)}}@keyframes scene-breathe{50%{opacity:.75}}@keyframes star-fade{to{opacity:.35}}@keyframes sprig-sway{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@keyframes atmosphere-pulse{50%{opacity:.45}}@keyframes ambient-drift{to{transform:translate3d(-2%,2%,0)}}
@media(max-width:1100px) and (min-width:768px){.atmosphere-card{padding:20px 16px}.atmosphere-heading{display:block}.atmosphere-live{margin-top:11px}.phase-picker{gap:2px}.phase-swatch{padding-left:0;padding-right:0}.phase-swatch strong{font-size:9px}.phase-swatch small{font-size:7px}.atmosphere-caption{display:block}.atmosphere-caption>span{display:block;text-align:left;margin-top:5px}.landscape-triptych{gap:6px;height:120px}.landscape-panel{height:106px}.landscape-panel-1{height:120px}}
@media(max-width:767px){.atmosphere-card{margin-top:22px;padding:22px 17px}.atmosphere-heading h2{font-size:19px}.atmosphere-eyebrow{font-size:7px;letter-spacing:1.1px}.atmosphere-live{font-size:9px}.landscape-triptych{height:146px;gap:9px}.landscape-panel{height:130px}.landscape-panel-1{height:146px}.phase-swatch strong{font-size:10px}.phase-swatch small{font-size:7px}.atmosphere-caption{display:block}.atmosphere-caption>span{display:block;text-align:left;margin-top:4px}.daynote-card>p{max-width:95%;min-height:0}.daynote-card{margin:0 4px 8px;padding:28px 24px 20px}.daynote-sprig{right:0}.daynote-top{min-height:28px}.atmosphere-foot{font-size:9px}.site-header,.dark .site-header{background:color-mix(in srgb,var(--accent) 86%,transparent);border-color:var(--border)}.atmosphere-settings-foot{align-items:flex-start;gap:10px}.appearance-controls{padding:13px 8px}.appearance-mode{font-size:11px}.phase-swatch{padding-left:1px;padding-right:1px}}
html.no-motion .hero-art{translate:none!important}html.no-texture .atmosphere-card:before{display:none}html.no-gradient[data-day-phase] body{background:var(--paper)}html.no-motion *,html.no-motion *::before,html.no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-art{translate:none!important}}

.play-button,.solid-button{background:var(--accent);color:var(--paper);box-shadow:0 5px 18px color-mix(in srgb,var(--accent) 17%,transparent)}.dark .play-button,.dark .solid-button{background:var(--accent);color:var(--paper-end);border-color:var(--line)}