/* Shared day/night materials; original garden images remain the day edition. */
:root{--paper:#f5f1f7;--surface:#ebe6ef;--ink:#453b50;--muted:#706479;--line:#d8cfdf;--glass:#faf6ffc9;--accent:#79608d;color-scheme:light}
:root[data-theme=night]{--paper:#171823;--surface:#222331;--ink:#e4deed;--muted:#b6aac8;--line:#414052;--glass:#222435c9;--accent:#c6b1db;color-scheme:dark}
body,body.island-mode{background:var(--paper);color:var(--ink);color-scheme:inherit}
button,input,select{background:var(--surface);border-color:var(--line);color:var(--ink)}button:hover{background:var(--line)}button:disabled{opacity:.4}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent)}
#sidebar{background:var(--paper);border-color:var(--line)}.brand{font-size:17px;letter-spacing:2px;font-weight:500;padding:12px 8px}.side-label,.side-note,.side-bottom>span,header,#motion{color:var(--muted)}.side-bottom p,.side-section a,header b{color:var(--ink)}.side-section,header,footer{border-color:var(--line)}#categories,.side-note{display:none}nav a{color:var(--muted)}nav a:hover,nav a.active{background:var(--surface);color:var(--ink)}nav .symbol,.open{display:none!important}#theme-toggle{font-size:12px;margin-left:auto;margin-right:15px}main{max-width:1600px;margin:auto;padding:48px clamp(22px,4vw,72px)}
.pagehead{padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:28px}.pagehead h1,.detailhead h1{font-size:clamp(30px,3.4vw,50px);font-weight:400;letter-spacing:-1px}.pagehead p,.detailhead p,.back,.archive-count,.archive-footnote,.about p,.tabcontent p,.tabcontent li,.muted{color:var(--muted)}.headnote{display:none}.chip{background:transparent;color:var(--muted);border:0;border-radius:0;padding:8px 2px;margin-right:18px;border-bottom:1px solid transparent}.chip.active{background:transparent;border-color:var(--accent);color:var(--ink)}.search input{background:transparent;border-color:var(--line)}.toolbar{gap:18px}.toolbar select{color:var(--ink)}
#archive-results{display:block;columns:3;column-gap:30px}.archive-card{break-inside:avoid;margin:0 0 38px;animation:none}.archive-visual{aspect-ratio:auto;background:transparent;border:0;border-radius:0;transform:none!important}.archive-visual img{display:block;width:100%;height:auto;object-fit:contain;transform:none!important}.archive-card:hover .visual{box-shadow:none}.archive-card:hover .cardtitle{text-decoration:underline;text-underline-offset:5px}.archive-card .cardtitle{font-size:17px;font-weight:500;margin:15px 0 8px}.archive-card .tags{margin:0;gap:8px}.tags span,.facts span{color:var(--muted);background:transparent;border:0;padding:0}.tags .time{margin-left:0;color:var(--muted)}.archive-card .tags .badge.real{display:none}.badge,.badge.real{color:var(--muted);background:var(--surface)}.archive-text-preview{aspect-ratio:auto;min-height:240px;border:0;border-top:1px solid var(--line);background:var(--surface);border-radius:0;padding:28px}.archive-text-preview>span,.archive-text-preview p{color:var(--muted)}.archive-text-preview strong{font:italic 28px/1.4 Georgia,serif}.archive-text-preview+.cardtitle{display:none}.archive-text-preview~.tags{padding-top:12px}.archive-article{max-width:1100px}.archive-hero-image{width:fit-content;max-width:100%;margin:36px auto;background:transparent;border:0;border-radius:0}.archive-hero-image img{width:auto;max-width:100%;height:auto;max-height:85vh}.archive-hero-image span{color:var(--muted);padding:12px 0}.archive-prose{max-width:680px;margin:48px auto}.archive-prose p,.archive-prose .archive-credit{color:var(--muted)}.archive-credit,.archive-footnote,.about-original{border-color:var(--line)}.archive-footnote a{color:var(--ink)}.archive-image-grid{display:block;columns:2;column-gap:24px}.archive-image-grid button{display:block;width:100%;break-inside:avoid;margin:0 0 24px;border:0;background:transparent;border-radius:0}.archive-image-grid img{width:100%;height:auto}.archive-gallery-title{padding-top:24px;border-top:1px solid var(--line)}.panel,.tabcontent pre{background:var(--surface);border-color:var(--line);color:var(--ink)}.tabs{border-color:var(--line)}.tabs button,.panel .muted,.preview-tools{color:var(--muted)}.tabs button.active{color:var(--ink);border-color:var(--accent)}.large-preview .visual:has(img){aspect-ratio:auto;background:transparent}.large-preview .visual img{display:block;height:auto;object-fit:contain}.empty h2{color:var(--ink)}.empty{column-span:all}.archive-notice{background:var(--surface);color:var(--ink)}
/* Home: existing scene composition, fewer repeated entry points. */
.island-shell{min-height:820px;background:var(--paper)}.island-nav{gap:20px}.island-logo{letter-spacing:3px;font-size:18px!important}.island-logo small{font-size:11px;letter-spacing:.8px;margin-top:7px;opacity:1}.island-nav a,.island-navlinks button{color:var(--ink)}.island-navlinks{gap:20px}.island-navlinks a:first-child{border:0;padding:0}.island-navlinks button{background:var(--glass);border-color:var(--line);white-space:nowrap}.island-intro{margin-top:5vh}.island-intro h1{color:var(--ink)}.island-intro h1 em{color:var(--accent)}.island-features{position:absolute;right:5%;bottom:235px;width:280px;z-index:4}.feature-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:10px;color:var(--ink)}.feature-heading button{font-size:11px;padding:5px 7px;background:var(--glass);border:0;margin-left:4px}.feature-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:12px}.feature-item{flex:0 0 100%;min-width:0;scroll-snap-align:start;background:var(--glass);border:1px solid var(--line);border-radius:12px;overflow:hidden;backdrop-filter:blur(16px)}.feature-item img{width:100%;height:145px;object-fit:contain;background:var(--surface);display:block}.feature-item>div{padding:10px 14px 13px}.feature-item small{font-size:10px;color:var(--muted)}.feature-item strong{display:block;font-size:14px;font-weight:500;color:var(--ink)}.scene-choice,.scene-heading,.scene-footer,.scene-number,.scene-choice small{color:var(--muted)}.scene-choice strong{color:var(--ink)}.scene-choices{background:var(--glass);border-color:var(--line)}.scene-choice.selected,.scene-choice:hover{background:var(--surface);border-color:transparent}.scene-choice{margin:0}.scene-footer{font-size:11px}.scene-failure{background:var(--glass);color:var(--ink)}
[data-theme=night] .scene-wash{background:linear-gradient(90deg,#171823db 0%,#17182399 24%,transparent 65%),linear-gradient(0deg,#171823e8,transparent 42%)}[data-theme=night] .island-nav a:hover{color:var(--ink)}[data-theme=night] .island-mode a:focus-visible,[data-theme=night] .island-mode button:focus-visible{outline-color:var(--accent)}
@media(min-width:1500px){.island-features{width:320px}.feature-item img{height:170px}}
@media(max-width:1150px){#archive-results{columns:2}.island-nav{align-items:flex-start;padding-top:25px}.island-navlinks{flex-wrap:wrap;justify-content:flex-end;gap:12px}.island-logo{flex-shrink:0}.island-logo small{max-width:220px;line-height:1.8}.island-features{width:245px}}
@media(max-width:760px){main{padding:28px 20px}#workspace{margin-left:0}#sidebar{background:var(--paper)}header{padding:0 15px;gap:10px}header>span{font-size:0}header>span b{font-size:12px}header .slash{display:none}#theme-toggle{margin:0 0 0 auto;padding:5px 8px;white-space:nowrap}.pagehead{padding-bottom:24px}.search{margin-left:0;width:100%}.search input{width:100%}.archive-card .cardtitle{font-size:16px}.archive-image-grid{column-gap:12px}.archive-prose{margin:32px 0}.island-shell{height:auto;min-height:100svh;padding-bottom:0}.island-nav{padding:24px 6% 0;display:block;min-height:0}.island-logo small{max-width:none;font-size:10px;letter-spacing:.6px}.island-navlinks{width:100%;justify-content:space-between;gap:8px;margin-top:20px;flex-wrap:wrap}.island-navlinks a,.island-navlinks button{font-size:11px!important}.island-navlinks button{padding:6px 9px}.island-intro{margin:52px 6% 0;width:88%}.island-intro h1{font-size:clamp(50px,12vw,72px)}.island-features{position:relative;right:auto;bottom:auto;width:min(300px,76%);margin:65px 6% 36px auto}.feature-item img{height:135px}.island-bottom{position:relative;left:auto;right:auto;margin:0 6%}.scene-choice{padding:12px 8px;gap:10px}.scene-choice small{font-size:11px!important}.scene-footer{flex-wrap:wrap;gap:7px;padding-bottom:24px}.scene-footer>span:last-child{font-size:10px}.scene-wash{background:linear-gradient(180deg,#e2e3f4cf,#e5e2f47a 38%,#d4d5eb44 60%,#d4d5ebee 84%)}[data-theme=night] .scene-wash{background:linear-gradient(180deg,#171823c9,#17182377 40%,#17182344 60%,#171823ed 90%)}.scene-backdrop img{object-position:62% center!important}}
@media(max-width:520px){#archive-results{columns:1}.archive-image-grid{columns:1}.detailhead{display:block}.detailhead>.badge{display:inline-block;margin-top:16px}.archive-hero-image img{max-height:none}.island-navlinks{gap:10px 8px}.island-navlinks a{padding:3px 0}.island-logo{font-size:17px!important}.scene-choice strong{font-size:12px}.scene-number{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-track{scroll-behavior:auto}}
/* Luma atmosphere and tactile interaction layer. */
.island-atmosphere,.island-light{position:absolute;inset:0;pointer-events:none;z-index:1}.island-atmosphere{transition:opacity .2s ease}.island-light{background:radial-gradient(ellipse at 76% 32%,#fff4cb16,transparent 43%);mix-blend-mode:screen;animation:lumaLight 11s ease-in-out infinite alternate}.island-nav{position:relative;z-index:6}.island-bottom{z-index:5}.island-interactive{position:relative;isolation:isolate;transition:transform .4s cubic-bezier(.2,.75,.25,1),background .3s,box-shadow .35s,border-color .3s}.island-interactive:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,20%),#fff9,transparent 72%);transition:opacity .3s}.island-interactive:hover:before,.island-interactive:focus-visible:before{opacity:.65}[data-theme=night] .island-interactive:before{background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,20%),#e6d4ff33,transparent 72%)}
.island-navlinks a{padding:7px 9px!important;border-radius:18px!important}.island-navlinks{gap:9px}.island-navlinks button,.feature-heading button{box-shadow:inset 0 1px 0 #fff6,0 4px 12px #30243b0a}.island-navlinks a:hover,.island-navlinks a:focus-visible{background:var(--glass)!important;box-shadow:inset 0 1px 0 #fff5,0 5px 18px #35234014}.scene-choice:hover,.scene-choice:focus-visible{box-shadow:inset 0 1px 0 #fff8,0 10px 25px #33233d20;border-color:var(--line)}.scene-choice:hover .scene-number,.scene-choice:focus-visible .scene-number{color:var(--accent)}.feature-item{transition:box-shadow .5s,border-color .3s}.feature-item:hover,.feature-item:focus-visible{box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent)}.feature-item img{transition:filter .65s,transform 1.1s cubic-bezier(.2,.75,.25,1)}.feature-item:hover img{filter:saturate(1.08);transform:scale(1.025)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.island-navlinks .island-interactive:hover,.island-navlinks .island-interactive:focus-visible{transform:translateY(-2px) scale(1.035)}.scene-choice:hover,.scene-choice:focus-visible{transform:translateY(-5px)}.island-interactive:active{transform:translateY(1px) scale(.975)!important;transition-duration:.1s}.scene-backdrop img{animation:lumaSceneArrival 1.6s cubic-bezier(.2,.75,.25,1) both}.island-intro h1{animation:lumaArrival 1.1s .12s both}.island-features{animation:lumaArrival 1.1s .3s both}.scene-choices{animation:lumaArrival 1.1s .42s both}}
@keyframes lumaArrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lumaSceneArrival{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes lumaLight{from{opacity:.3;transform:translateX(-1%)}to{opacity:.85;transform:translateX(1%)}}
body.paused .island-light,.motion-still .island-light{animation-play-state:paused;opacity:0}body.paused .island-interactive,body.paused .feature-item img,.motion-still .island-interactive,.motion-still .feature-item img{transform:none!important;transition:background .15s,box-shadow .15s,opacity .15s}body.paused .island-intro h1,body.paused .island-features,body.paused .scene-choices,body.paused .scene-backdrop img{animation:none}
@media(max-width:760px){.island-navlinks{gap:7px}.island-navlinks a{padding:5px 0!important}.island-interactive:active{background:var(--surface);box-shadow:inset 0 2px 7px #40314825}}
@media(prefers-reduced-motion:reduce){.island-light{display:none}.island-atmosphere{display:none}.island-interactive,.feature-item img{transform:none!important;transition:background .15s,box-shadow .15s,opacity .15s}.island-intro h1,.island-features,.scene-choices,.scene-backdrop img{animation:none}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.scene-choice:hover+.scene-choice,.scene-choice:has(+.scene-choice:hover){transform:translateY(-2px)}.motion-still .scene-choice{transform:none!important}}