/* Open Field / independent corners. Complete themes, not browser colour inversion. */
:root{color-scheme:light;--paper:#f6f5ef;--white:#fffef8;--ink:#21382e;--text:#3d5046;--muted:#5e6d62;--line:#dce1d6;--green:#244b38;--lime:#d5e995;--sage:#e1ead5;--sand:#eee5d0;--coral:#f0d5c2;--ocean:#d6e7e4;--lavender:#e4deed;--surface:#edf0e6;--glass:rgba(248,248,242,.88);--accent:#688a4e;--halo:rgba(151,188,121,.2);--shadow:0 18px 50px -30px #27442d50;--particle:102,139,80;--field-bg:#eaf0df;--field-line:#8eab79;--focus:#668a47}
:root[data-theme=dark]{color-scheme:dark;--paper:#111c19;--white:#192620;--ink:#eef1e4;--text:#ccd7c9;--muted:#a5b6a6;--line:#34483b;--green:#c8dfa2;--lime:#d2e9a0;--sage:#2b3e2d;--sand:#3c392a;--coral:#44392f;--ocean:#203d3e;--lavender:#383447;--surface:#213229;--glass:rgba(17,28,25,.9);--accent:#b7d991;--halo:rgba(150,209,121,.1);--shadow:0 20px 60px -25px #0009;--particle:180,215,147;--field-bg:#1b3026;--field-line:#8fa77e;--focus:#c1df8b}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#111c19;--white:#192620;--ink:#eef1e4;--text:#ccd7c9;--muted:#a5b6a6;--line:#34483b;--green:#c8dfa2;--lime:#d2e9a0;--sage:#2b3e2d;--sand:#3c392a;--coral:#44392f;--ocean:#203d3e;--lavender:#383447;--surface:#213229;--glass:rgba(17,28,25,.9);--accent:#b7d991;--halo:rgba(150,209,121,.1);--shadow:0 20px 60px -25px #0009;--particle:180,215,147;--field-bg:#1b3026;--field-line:#8fa77e;--focus:#c1df8b}}
html,body,#app.openfield-shell{background-color:var(--paper);color:var(--ink);min-height:100%;color-scheme:inherit}body{isolation:isolate}#app.openfield-shell{min-height:100vh;overflow:clip}.page-main,.site-footer{background-color:var(--paper);color:var(--ink)}::selection{background:var(--lime);color:#21382e}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
.site-header{position:sticky;top:0;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{min-height:82px}.brand-mark{background:#263e30;color:#d7eaa2;box-shadow:inset 0 0 0 1px #d3e4b322}.brand-mark .icon{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.brand:hover .brand-mark .icon{transform:rotate(90deg)}.brand-word{letter-spacing:.05em}.header-actions{gap:17px}.theme-switch{width:36px;height:36px;min-height:36px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);display:grid;place-items:center;font-size:18px;transition:transform .3s,background .3s}.theme-switch:hover{transform:rotate(-15deg);background:var(--sage)}.main-nav a{position:relative}.main-nav a:after{content:"";height:3px;width:3px;border-radius:50%;background:var(--accent);position:absolute;bottom:17px;left:50%;opacity:0;transform:scale(0);transition:.25s}.main-nav a[aria-current=page]:after{opacity:1;transform:scale(1)}.main-nav a[aria-current=page]{border-color:transparent}
.button{border-radius:10px;transition:transform .23s,box-shadow .23s,background .23s}.button-dark{background:#254b38;color:#fbfff0;box-shadow:0 3px 10px #14241914}.button-dark:hover{background:#365d46;box-shadow:0 8px 20px #18322324}.button-light{color:#21382e}.button-outline:hover,.icon-button:hover{background:var(--surface)}.button[aria-pressed=true],.icon-button[aria-pressed=true]{background:var(--lime);color:#21382e}.button .icon,.text-link .icon{transition:transform .25s}.button:hover .icon,.text-link:hover .icon{transform:translateX(3px)}
.hero{grid-template-columns:1.12fr 1fr;gap:42px;min-height:626px;padding:60px 0 46px;position:relative}.hero:before{content:"";position:absolute;width:620px;height:620px;right:-110px;top:-90px;pointer-events:none;background:radial-gradient(circle,var(--halo),transparent 65%);z-index:0}.hero-copy{min-width:0}.hero-kicker{margin-bottom:25px;font-size:10px;letter-spacing:.13em;color:var(--muted)}.live-dot{background:var(--accent);box-shadow:0 0 0 4px var(--sage)}.hero h1{font-size:clamp(34px,3.75vw,54px);line-height:1.44;letter-spacing:-.055em;margin-bottom:20px;font-weight:650}.serif-em{font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;letter-spacing:-.05em}.serif-em:after{height:7px;bottom:4px;opacity:.65;transform:rotate(-1.6deg);border-radius:100% 20% 100% 20%}.hero-slogan{font-size:17px;line-height:1.8;font-weight:500;color:var(--text);margin:0 0 13px}.hero-description{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:0}.hero-search{display:flex;gap:0;margin:27px 0 0;padding:5px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px -20px #213a2f40;max-width:550px;transition:border-color .25s,box-shadow .25s}.hero-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--halo)}.hero-search .search-input{border:0;background:transparent;padding:0 12px;min-height:46px}.hero-search .search-input input{font-size:13px}.hero-search .button{border-radius:9px;min-width:66px;padding:10px 18px}.hero .hero-actions{gap:23px;margin-top:20px}.hero .hero-actions .button{min-height:44px;padding:11px 16px;font-size:12px}.hero .hero-note{margin-top:24px;font-size:11px}.hero-note .stacked-seeds{display:none}.hero-note:before{content:"";width:22px;height:1px;background:var(--accent)}.mobile-br{display:none}
.field-atlas{position:relative;min-width:0;height:486px;border-radius:28px;background:radial-gradient(ellipse at 50% 45%,var(--halo),transparent 64%),linear-gradient(145deg,var(--field-bg),var(--paper));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 0 60px var(--halo);isolation:isolate;overflow:hidden}.field-atlas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--field-line) .6px,transparent .6px);background-size:22px 22px;opacity:.15;pointer-events:none}.field-atlas:after{content:"";position:absolute;inset:13px;border:1px solid var(--line);border-radius:19px;pointer-events:none;opacity:.6}.atlas-top{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:9px;letter-spacing:.15em;color:var(--muted)}.motion-switch{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--muted);padding:8px 0 8px 12px;font-size:10px;letter-spacing:0;min-height:32px}.motion-switch:before{content:"";height:5px;width:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent)}.motion-switch[aria-pressed=false]:before{box-shadow:none;background:var(--muted)}.atlas-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.atlas-terrain{position:absolute;left:0;top:25px;width:100%;height:365px;color:var(--field-line);opacity:.37;pointer-events:none}.atlas-terrain path{vector-effect:non-scaling-stroke;stroke-width:.65;fill:none}.atlas-core{position:absolute;top:158px;left:calc(50% - 40px);width:80px;height:80px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 80px 17px var(--halo),inset 0 0 26px var(--halo);color:var(--accent);background:var(--glass);z-index:2}.atlas-core .icon{width:47px;height:47px;stroke-width:.8;animation:field-spin 45s linear infinite}.atlas-core:after{content:"";position:absolute;inset:-17px;border:1px solid var(--field-line);border-radius:50%;opacity:.2;animation:field-breathe 5s ease-in-out infinite}.atlas-center-label{position:absolute;top:256px;left:0;right:0;text-align:center;color:var(--muted);font-size:9px;letter-spacing:.23em;z-index:2}
.atlas-node{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;text-align:left;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--glass);color:var(--ink);box-shadow:0 6px 25px -16px #0005;transition:transform .25s,border-color .25s,box-shadow .25s;min-height:46px}.atlas-node:hover,.atlas-node:focus-visible,.atlas-node.is-active{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px -12px var(--halo)}.atlas-node .icon{width:18px;height:18px;color:var(--accent);stroke-width:1.3}.atlas-node b{font-size:10px;line-height:1.4;font-weight:550;display:block;max-width:114px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-node small{font-size:8px;color:var(--muted);letter-spacing:.035em;display:block}.node-0{top:100px;left:24px}.node-1{top:77px;right:27px}.node-2{top:248px;right:19px}.node-3{top:275px;left:26px}.atlas-preview{position:absolute;left:26px;right:26px;bottom:40px;z-index:4}.atlas-preview-card{display:flex;align-items:center;gap:13px;padding:16px 17px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 7px 30px -20px #0006;animation:field-enter .32s both;min-width:0}.atlas-preview-card>span:nth-child(2){flex:1;min-width:0}.atlas-preview-card strong{font-size:14px;font-weight:600;display:block;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-preview-card small{font-size:10px;line-height:1.4;display:block;color:var(--muted)}.atlas-preview-card>.icon{width:18px;transition:transform .25s}.atlas-preview-card:hover>.icon{transform:translate(2px,-2px)}.atlas-preview-index{font:italic 29px Georgia,serif;color:var(--accent);width:33px;flex-shrink:0}.atlas-bottom{position:absolute;bottom:18px;left:28px;right:28px;font-size:8px;color:var(--muted);letter-spacing:.03em;display:flex;justify-content:space-between}.atlas-top span,.atlas-bottom span{white-space:nowrap}
.field-meta{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);padding:18px 0 0;margin:0 0 33px;color:var(--muted);font-size:11px}.field-meta b{font:22px Georgia,serif;color:var(--ink);margin-right:6px;font-weight:400}.field-meta>span+span{padding-left:23px;border-left:1px solid var(--line)}.field-meta .field-meta-end{margin-left:auto;border:0;padding-left:0;font-family:Georgia,serif;font-style:italic;letter-spacing:.05em;font-size:13px}.moods-section{border-top:0;padding:20px 0 25px;gap:25px}.mood-card{position:relative;transition:background .25s,transform .25s}.mood-card:hover{background:var(--surface);transform:translateY(-3px)}.mood-card .icon{color:var(--accent);transition:transform .35s}.mood-card:hover .icon{transform:rotate(-12deg) scale(1.08)}.mood-card small{font-size:9px;color:var(--muted)}.mood-intro .eyebrow,.section-heading .eyebrow{color:var(--muted)}.content-section{margin-top:54px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:29px;letter-spacing:-.03em}.section-heading .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:8px}
.work-card{border-radius:17px;box-shadow:0 4px 14px -12px #25452b45;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.work-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--shadow)}.work-card .art{transition:filter .4s}.work-card .art>svg{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.work-card:hover .art>svg{transform:scale(1.05) rotate(-1deg)}.art{color:var(--field-line)}.art-sea{color:#d0e7df}.art-fluid{color:#d3e59f}.home-main>.content-section>.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-main>.content-section>.work-grid>.work-card:nth-child(-n+2){grid-column:span 2}.home-main>.content-section>.work-grid>.work-card:nth-child(-n+2) .art{aspect-ratio:2.2}.home-main>.content-section>.work-grid>.work-card:nth-child(-n+2) h3{font-size:22px}.home-main>.content-section>.work-grid>.work-card:nth-child(n+3) h3{font-size:17px}.home-main>.content-section>.work-grid>.work-card:nth-child(n+3) .card-body{padding:18px}.creator-link{color:var(--muted);font-size:10px}.section-footnote{font-size:10px;color:var(--muted)}.collection-card{border-radius:17px;border:1px solid var(--line);transition:transform .3s,border-color .3s}.collection-card:hover{transform:translateY(-4px);border-color:var(--accent)}.creator-card{border-radius:16px;transition:background .3s,transform .3s}.creator-card:hover{background:var(--surface);transform:translateY(-3px)}.creator-avatar{color:var(--ink)}.creator-card small{font-size:10px}.manifesto{position:relative;background:#243e31;color:#f2f6e9;border:1px solid #78956244;border-radius:24px;padding:53px 55px;isolation:isolate}.manifesto:before{content:"";position:absolute;width:460px;height:460px;right:-10px;top:-135px;border-radius:50%;background:radial-gradient(ellipse,#c3dc8033,transparent 65%);z-index:-1;animation:field-breathe 8s ease-in-out infinite}.manifesto-flower{transition:transform .8s}.manifesto:hover .manifesto-flower{transform:rotate(7deg)}.manifesto p{color:#c5d8bd;font-size:12px}.manifesto .button-light{color:#21382e}.site-footer{border-top:1px solid var(--line)}.footer-top p{font-size:12px}.footer-links a{font-size:11px}.footer-bottom{color:var(--muted);font-size:10px}.site-footer .brand{color:var(--ink)}
/* Every surface and field is themed, including non-home routes and the editor. */
.directory-filters,.form-card,.roam-result,.admin-entry,.admin-top,.admin-metrics>div{background:var(--white);color:var(--ink)}input,select,textarea{accent-color:var(--accent)}select,.form-card input:not([type=checkbox]),.form-card textarea,.admin-editor pre{background:var(--surface);color:var(--ink);border-color:var(--line)}.search-input input{color:var(--ink)}input::placeholder,textarea::placeholder,.form-card input::placeholder,.form-card textarea::placeholder{color:var(--muted);opacity:.88}.form-card label>span:not(.consent>span),.detail-aside>.eyebrow,.art-explanation,.roam-by,.roam-note,.page-intro>.eyebrow{color:var(--muted)}.editor-note p,.detail-description p{color:var(--text)}.tag{background:var(--surface);color:var(--text)}.tag:hover{background:var(--lime);color:#21382e}.notice,.offline-api-notice{background:var(--surface);color:var(--text);border-color:var(--line)}.warning-note{background:var(--sand);color:var(--text);border-color:var(--line)}.status-badge{background:var(--sage);color:var(--ink)}.success-mark{background:var(--sage);color:var(--ink)}.receipt-code{background:var(--surface);color:var(--ink);border-color:var(--line)}.form-message{color:#bd7560}.admin-body{background:var(--paper);color:var(--ink)}.admin-entry:hover,.admin-entry.active{background:var(--surface);border-color:var(--accent)}.preview-banner{background:#243c30;color:#d9e4d0;border-bottom:1px solid #526649}.preview-banner b{color:#d5e99b}.page-intro h1{line-height:1.4}.detail-aside{scroll-margin-top:100px}.search-input:focus-within{outline:2px solid var(--focus);outline-offset:2px}.hero-search .search-input:focus-within{outline:none}
:root[data-theme=dark] .button-dark{background:#cce1a5;color:#17261c}:root[data-theme=dark] .button-dark:hover{background:#dfeeaf}:root[data-theme=dark] .tone-sage,:root[data-theme=dark] .tone-sand,:root[data-theme=dark] .tone-coral,:root[data-theme=dark] .tone-ocean,:root[data-theme=dark] .tone-lavender{color:var(--text)}:root[data-theme=dark] .art{color:#bfcca8}:root[data-theme=dark] .art-sea{color:#c5e6dd}:root[data-theme=dark] .art-fluid{color:#d3e59f}:root[data-theme=dark] .serif-em:after{opacity:.18}
.field-enter{animation:field-enter .55s cubic-bezier(.2,.7,.2,1) both}@keyframes field-enter{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes field-spin{to{transform:rotate(360deg)}}@keyframes field-breathe{50%{opacity:.6;transform:scale(1.065)}}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important}.field-atlas[data-paused=true] .atlas-core .icon,.field-atlas[data-paused=true] .atlas-core:after{animation-play-state:paused}
@media(min-width:1600px){.hero{padding:72px 0 58px}.field-atlas{height:496px}.hero h1{font-size:56px}}
@media(max-width:1100px){.hero{gap:28px;grid-template-columns:1.1fr 1fr;min-height:600px}.hero h1{font-size:clamp(32px,3.7vw,45px)}.field-atlas{height:459px}.node-0{left:20px}.node-1{right:20px}.node-2{right:16px;top:231px}.node-3{left:20px;top:261px}.atlas-node{padding:8px}.atlas-node b{max-width:90px;font-size:9px}.atlas-node small{font-size:8px}.atlas-core{top:154px}.atlas-center-label{top:245px}.home-main>.content-section>.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main>.content-section>.work-grid>.work-card:nth-child(-n+2){grid-column:span 1}.hero-search .search-input input{font-size:12px}.hero-slogan{font-size:15px}.header-actions{gap:12px}.main-nav{padding-left:0;gap:23px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:36px;gap:30px}.hero-copy{max-width:630px}.hero h1{font-size:clamp(32px,6.4vw,49px)}.hero-search{max-width:none}.field-atlas{max-width:630px;width:100%;height:440px;justify-self:center}.atlas-core{top:137px}.atlas-center-label{top:232px}.atlas-node b{max-width:150px;font-size:11px}.node-0{top:83px;left:9%}.node-1{top:74px;right:8%}.node-2{top:225px;right:7%}.node-3{top:249px;left:7%}.atlas-preview{bottom:40px}.field-meta{margin-top:3px}.field-meta .field-meta-end{display:none}.main-nav a:after{display:none}.header-actions{gap:10px}.moods-section{padding-top:5px}.mood-card{background:var(--surface)}.hero:before{width:100%;right:0;top:220px}.manifesto{padding:34px}.section-heading h2{font-size:25px}}
@media(max-width:560px){.header-inner{min-height:72px;gap:12px}.brand-word{font-size:22px}.brand-mark{width:37px;height:37px}.header-actions .saved-nav{display:none}.header-actions>.button-small{padding:8px 11px;min-height:37px;font-size:11px}.header-actions>.button-small .icon{width:16px}.theme-switch{width:32px;height:32px;min-height:32px;font-size:16px}.header-actions{gap:8px}.hero{padding:31px 0 27px;gap:26px}.hero-kicker{font-size:9px;margin-bottom:20px}.hero h1{font-size:clamp(27px,7.35vw,40px);line-height:1.5;margin-bottom:14px}.hero-slogan{font-size:14px;margin-bottom:9px}.hero-description{font-size:11px}.hero-search{margin-top:22px;padding:4px}.hero-search .search-input{padding:0 9px;gap:8px}.hero-search .search-input input{font-size:12px}.hero-search .button{padding:9px 13px;min-width:55px}.hero .hero-actions{gap:21px;margin-top:17px}.hero .hero-note{font-size:10px;margin-top:20px}.mobile-br{display:inline}.field-atlas{height:397px;border-radius:21px}.field-atlas:after{inset:10px;border-radius:13px}.atlas-top{top:16px;left:21px;right:21px;font-size:8px}.atlas-node{min-height:40px;padding:7px 8px;gap:6px}.atlas-node b{max-width:104px;font-size:9px}.atlas-node small{font-size:7px}.atlas-node .icon{width:15px;height:15px}.node-0{left:6%;top:83px}.node-1{right:6%;top:63px}.node-2{right:5%;top:200px}.node-3{left:6%;top:216px}.atlas-core{top:133px;width:57px;height:57px;left:calc(50% - 28.5px)}.atlas-core .icon{width:35px;height:35px}.atlas-center-label{top:204px;font-size:7px}.atlas-terrain{height:289px;top:18px}.atlas-preview{left:20px;right:20px;bottom:38px}.atlas-preview-card{padding:12px;gap:9px}.atlas-preview-card strong{font-size:13px}.atlas-preview-card small{font-size:9px}.atlas-preview-index{font-size:25px;width:27px}.atlas-bottom{left:22px;right:22px;bottom:17px;font-size:7px}.field-meta{gap:14px;font-size:10px;padding-top:15px;margin-bottom:26px}.field-meta b{font-size:19px;margin-right:4px}.field-meta>span+span{padding-left:14px}.home-main>.content-section>.work-grid{gap:15px;grid-template-columns:1fr}.home-main>.content-section>.work-grid>.work-card:nth-child(-n+2) .art{aspect-ratio:1.9}.home-main>.content-section>.work-grid>.work-card:nth-child(n+3) h3{font-size:21px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:8px}.content-section{margin-top:36px}.manifesto{border-radius:18px;padding:29px}.footer-top p{font-size:11px}.main-nav{top:72px;background:var(--paper)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.atlas-terrain path{stroke:currentColor}.atlas-preview-card small:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-preview-card{animation:none}.hero-search{scroll-margin-top:110px}
@media(min-width:1101px){.hero{min-height:575px;padding-top:39px;padding-bottom:33px}.field-atlas{height:453px}.node-0{top:87px}.node-2{top:227px}.node-3{top:249px}.atlas-core{top:144px}.atlas-center-label{top:239px}}

/* 2026-10-10: ICP filing link required on every public page. */
.footer-bottom .icp-link{color:var(--muted);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.footer-bottom .icp-link:hover{color:var(--ink)}