@property --scene-glow {syntax:'<color>';inherits:true;initial-value:#efffff}
@property --scene-sky {syntax:'<color>';inherits:true;initial-value:#70c2f8}
@property --scene-pink {syntax:'<color>';inherits:true;initial-value:#e49fd9a6}
@property --scene-green {syntax:'<color>';inherits:true;initial-value:#90eac6}
@property --scene-base {syntax:'<color>';inherits:true;initial-value:#a5d9f6}
@property --pane-highlight {syntax:'<color>';inherits:true;initial-value:#ffffff3d}
@property --pane-shade {syntax:'<color>';inherits:true;initial-value:#ffffff0a}
:root {--scene-glow:#efffff;--scene-sky:#70c2f8;--scene-pink:#e49fd9a6;--scene-green:#90eac6;--scene-base:#a5d9f6;--pane-highlight:#ffffff3d;--pane-shade:#ffffff0a;transition:--scene-glow .45s ease,--scene-sky .45s ease,--scene-pink .45s ease,--scene-green .45s ease,--scene-base .45s ease,--pane-highlight .45s ease,--pane-shade .45s ease}
html[data-theme=dark] {--scene-glow:#17364f;--scene-sky:#254d87;--scene-pink:#713d7855;--scene-green:#06687766;--scene-base:#183460;--pane-highlight:#d2f4ff26;--pane-shade:#c3eaff03}
body, html[data-theme=dark] body {background:radial-gradient(ellipse at 15% 8%,var(--scene-glow),transparent 38%),radial-gradient(ellipse at 95% 6%,var(--scene-sky),transparent 45%),radial-gradient(ellipse at 93% 88%,var(--scene-pink),transparent 35%),radial-gradient(ellipse at 8% 92%,var(--scene-green),transparent 40%),linear-gradient(135deg,var(--scene-glow),var(--scene-base) 53%,var(--scene-base));background-attachment:fixed;overflow-x:clip;transition:color .45s ease}
:root, html[data-theme=dark] {--clear-pane:linear-gradient(128deg,var(--pane-highlight),var(--pane-shade) 32%,var(--pane-shade) 74%,var(--pane-highlight))}
:root {--clear-pane:linear-gradient(128deg,#ffffff3d, #ffffff0a 32%,#b8f8ff0a 74%,#ffffff24);--clear-edge:#f0fdffde;--clear-shadow:inset 0 1px 1px #ffffffec,inset 1px 0 1px #ffffff70,inset 0 -1px 1px #1d83a54a,0 8px 24px #176b8f24;--clear-control:linear-gradient(#ffffff70,#ffffff12 45%,#85c9e318 55%,#ffffff2e);--clear-ink:#113c57;--clear-muted:#2d5971;--clear-blur:14px;--surface:#e4faff24;--glass:#d5f8ff20;--hub-panel:#e4faff14}
html[data-theme=dark] {--clear-pane:linear-gradient(128deg,#d2f4ff26,#c3eaff03 32%,#48aecb08 74%,#e7ceff14);--clear-edge:#b4e9ff8c;--clear-shadow:inset 0 1px 1px #efffff9c,inset 1px 0 1px #b1eaff3b,inset 0 -1px 1px #051c3f70,0 8px 24px #031b4133;--clear-control:linear-gradient(#daf7ff3b,#b9e9ff0a 45%,#2798bb0d 55%,#e7ffff1f);--clear-ink:#f1fcff;--clear-muted:#c8e7f4;--surface:#163d5b38;--glass:#184b6d26;--hub-panel:#aacfff08}
*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;color:var(--clear-ink);font:15px/1.65 'Trebuchet MS',Arial,sans-serif}header{position:relative;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);margin:24px auto 0;gap:16px}.brand{color:inherit;text-decoration:none;font-size:19px;font-weight:bold;letter-spacing:-.04em;display:flex;align-items:center;gap:9px}.brand-copy{display:flex;flex-direction:column;line-height:1.25}.brand-copy small{font-size:11px;font-weight:normal;letter-spacing:.04em;margin-top:4px;color:var(--clear-muted)}.theme-toggle{flex-shrink:0;width:44px;height:44px;border:1px solid var(--clear-edge);border-radius:10px;color:var(--clear-ink);background:var(--clear-control);box-shadow:inset 0 1px 1px #ffffffbd,0 2px 6px #13537a16;display:grid;place-items:center;cursor:pointer;transition:box-shadow .2s}.theme-toggle svg{width:20px;height:20px}.theme-toggle:hover{box-shadow:inset 0 1px #fff,0 3px 12px #176b8f40}.theme-toggle:active{box-shadow:inset 0 2px 6px #176b8f55}:focus-visible{outline:3px solid #bc45b0;outline-offset:5px}
main{position:relative;flex:1;display:grid;place-items:center;padding:48px 24px 36px}.window{position:relative;width:min(600px,100%);border:1px solid var(--clear-edge);border-radius:10px;background:var(--clear-pane);box-shadow:var(--clear-shadow);backdrop-filter:blur(14px) saturate(1.13);-webkit-backdrop-filter:blur(14px) saturate(1.13);overflow:hidden}.titlebar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;border-bottom:1px solid #c5f4ff66;background:linear-gradient(#ffffff40,#ffffff08 85%);box-shadow:inset 0 1px #ffffff7a;font-size:11px;font-weight:bold;gap:10px}.window-controls{display:flex;gap:4px}.window-controls span{display:grid;place-items:center;width:24px;height:22px;border:1px solid #ffffff7a;border-radius:4px;background:linear-gradient(#d4f7ff5c,#3783ac40);font:16px/1 Arial;color:var(--clear-ink);box-shadow:inset 0 1px #ffffff99}.window-controls span:last-child{width:30px;background:linear-gradient(#e6b4a6,#ad6657);color:white}.window-content{text-align:center;padding:38px 36px 30px}.art-frame{width:144px;height:144px;margin:0 auto 26px;border:2px solid #edffff;border-radius:22px;background:#f5f2e9;box-shadow:inset 0 1px 3px #fff,0 6px 18px #277a9d22;overflow:hidden}.art-frame img{display:block;width:100%;height:100%;object-fit:contain}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:bold;color:var(--clear-muted);margin:0 0 15px}h1{font-size:clamp(34px,5.5vw,48px);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;font-weight:bold}.period{color:#b144a3}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid var(--clear-edge);border-radius:6px;background:var(--clear-control);font-size:12px;box-shadow:inset 0 1px #ffffff99}.status-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(#d5ff85,#53a538);box-shadow:0 0 0 2px #b9f18d30}.return-note{margin:22px 0 0;color:var(--clear-muted);font-size:12px}.statusbar{display:flex;justify-content:space-between;gap:16px;padding:8px 16px;border-top:1px solid #c5f4ff66;background:#ffffff0a;color:var(--clear-muted);font-size:10px}footer{position:relative;text-align:center;padding:0 20px 25px;color:var(--clear-muted);font-size:11px;letter-spacing:.025em}
.scenery{position:fixed;inset:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border:1px solid #e8ffffaa;border-radius:50%;background:radial-gradient(circle at 28% 20%,#fff9,transparent 32%),radial-gradient(circle at 68% 78%,#c5ebff05 44%,#b3eaff50 80%);box-shadow:inset 0 -8px 18px #acdcf530}.one{width:230px;height:230px;top:25%;left:-105px}.two{width:72px;height:72px;right:13%;top:15%}.three{width:165px;height:165px;right:-55px;bottom:7%}.ribbon{position:absolute;width:140%;height:65%;left:-20%;bottom:-29%;border:1px solid #ecffff8a;border-radius:50%;box-shadow:0 -15px 0 #d4ffff22,0 -33px 0 #8ee6ce28;transform:rotate(-16deg)}.star{position:absolute;left:13%;top:22%;font-size:40px;color:#fff;text-shadow:0 0 15px #72ceec}
@media(max-width:600px){header{width:calc(100% - 32px);margin-top:16px}.brand{font-size:17px}main{padding:16px 10px;align-items:stretch}.window{width:100%;display:flex;flex-direction:column}.window-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px}.titlebar,.statusbar{flex-shrink:0}.titlebar{padding-left:12px;font-size:10px}.window-controls span{width:20px;height:20px}.window-controls span:last-child{width:24px}.star{left:4%;top:17%;font-size:29px}.art-frame{width:clamp(128px,36vw,160px);height:auto;aspect-ratio:1;flex-shrink:0;margin-bottom:24px}.statusbar{font-size:9px}footer{font-size:10px;padding:0 16px 16px}}
@media(max-width:600px) and (max-height:650px){
  header{margin-top:12px}
  main{padding-block:12px}
  .window-content{padding:18px 16px}
  .art-frame{width:112px;margin-bottom:18px}
  h1{margin-bottom:18px}
  .return-note{margin-top:16px}
  footer{padding-bottom:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;will-change:auto!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.window{background:#def4f9}:root[data-theme=dark] .window{background:#234964}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.window{background:#def4f9;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-theme=dark] .window{background:#234964}}