:root{--paper:#f4f0e7;--ink:#24242c;--ink-muted:#625e5d;--soft:#807d77;--line:#d8d2c8;--accent:#d95232;--accent-light:#ead6c7;--blue:#3145a0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100svh;margin:0}h1,h2,h3,p,dl,dd{margin:0}button,textarea{font-family:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-shell{width:min(1160px,100% - 72px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:104px;display:flex}.site-brand{color:var(--ink);flex-direction:column;align-items:flex-start;text-decoration:none;display:flex}.site-brand__name{letter-spacing:-.075em;font-family:Georgia,serif;font-size:1.55rem;font-weight:700}.site-brand__edition{letter-spacing:.12em;color:var(--soft);font-size:.62rem;font-weight:700}.site-nav{flex-wrap:wrap;gap:clamp(.75rem,3vw,2.5rem);display:flex}.site-nav a,.site-footer a{color:var(--ink);font-size:.78rem;font-weight:650;text-decoration:none}.site-nav a:hover,.site-footer a:hover{color:var(--accent)}.hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:center;gap:2rem;min-height:610px;padding:5rem 0 6rem;display:grid}.eyebrow,.section-kicker,.actions-eyebrow,.archive-label{letter-spacing:.14em;font-size:.7rem;font-weight:750}.eyebrow{color:var(--accent);align-items:center;gap:.6rem;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.hero h1{letter-spacing:-.09em;margin:1.8rem 0 1.4rem;font-size:clamp(3.7rem,6.5vw,6.85rem);font-weight:780;line-height:1.12}.hero h1 em{color:var(--accent);font-style:normal}.hero-lead{color:var(--ink-muted);font-size:clamp(.95rem,1.4vw,1.1rem);line-height:2}.hero-cta{background:var(--ink);color:var(--paper);align-items:center;gap:2.5rem;margin-top:2.1rem;padding:1rem 1.3rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .18s;display:inline-flex}.hero-cta:hover{background:var(--accent)}.hero-footnote{color:var(--soft);margin-top:1rem;font-size:.7rem}.hero-art{place-items:center;min-height:385px;display:grid;position:relative}.hero-art__disc{aspect-ratio:1;background:var(--blue);width:min(100%,338px);color:var(--paper);box-shadow:19px 19px 0 var(--accent-light);border-radius:50%;place-items:center;animation:8s ease-in-out infinite print-drift;display:grid;position:relative}.hero-art__disc:before,.hero-art__disc:after{content:"";border:1px solid #ffffff6e;border-radius:50%;position:absolute;inset:18px}.hero-art__disc:after{opacity:.5;border-style:dashed;inset:39px}.hero-art__center{letter-spacing:-.1em;font-family:Georgia,serif;font-size:clamp(6rem,12vw,10rem);line-height:1}.hero-art__caption{letter-spacing:.18em;font-size:.58rem;font-weight:750;position:absolute;bottom:58px}.hero-art__edge{letter-spacing:.14em;writing-mode:vertical-rl;color:var(--soft);font-size:.64rem;font-weight:750;position:absolute;bottom:1rem;right:-1rem}.experiment-section,.journal-section,.about-section,.archive-section{scroll-margin-top:1.5rem}.section-heading{border-top:2px solid var(--ink);justify-content:space-between;align-items:end;gap:2rem;padding:2.2rem 0 1.6rem;display:flex}.section-kicker{color:var(--accent)}.section-heading h2,.about-section h2,.archive-section h2{letter-spacing:-.06em;margin-top:.65rem;font-size:clamp(1.7rem,3.8vw,2.8rem);font-weight:760;line-height:1.4}.section-aside{max-width:230px;color:var(--soft);font-size:.75rem}.experiment-board{background:var(--ink);color:var(--paper)}.board-toolbar{border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.6rem;display:flex}.theme-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.theme-tab{color:#c4c0b6;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:.55rem .8rem;font-size:.83rem}.theme-tab--active{color:var(--ink);background:#f8f2e7;border-color:#f8f2e7}.theme-tab:hover:not(.theme-tab--active){border-color:#696762}.board-counter{white-space:nowrap;font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-size:1.25rem}.board-counter span{color:#a9a398}.board-content{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);display:grid}.experiment-card{min-width:0;padding:clamp(1.5rem,3vw,3.2rem)}.experiment-card__meta{color:#a9a398;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.theme-badge{color:#f5eee0;border:1px solid #a9a398;border-radius:100px;padding:.3rem .65rem}.experiment-card h3{letter-spacing:-.065em;max-width:510px;margin:2.5rem 0 .9rem;font-size:clamp(2.2rem,3.7vw,3.7rem);line-height:1.3}.experiment-description{color:#bbb7ae;line-height:1.9}.experiment-steps{gap:1.1rem;margin:2.2rem 0 2.4rem;padding-left:1.5rem;line-height:1.9;display:grid}.experiment-steps li{padding-left:.35rem}.experiment-steps li::marker{color:#f5b19c}.experiment-question{border-top:1px solid #ffffff40;padding-top:1.5rem}.experiment-question span{color:#f5b19c;letter-spacing:.09em;font-size:.7rem}.experiment-question p{margin-top:.5rem;font-family:Songti TC,Noto Serif TC,serif;font-size:1.12rem}.experiment-actions{background:var(--accent);color:#fff7f1;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,3vw,3.2rem);display:flex}.actions-eyebrow{color:#ffd8c9}.experiment-actions h3{letter-spacing:-.065em;margin:1rem 0;font-size:clamp(2.25rem,3.9vw,3.5rem);line-height:1.3}.actions-description{color:#ffe3d7;max-width:320px;font-size:.92rem;line-height:1.8}.draw-button{color:#fff7f1;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #fff7f1;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.8rem;padding:.95rem 1.1rem;font-weight:700;display:flex}.draw-button:hover{color:var(--accent);background:#fff7f1}.reflection-form{gap:.75rem;display:grid}.reflection-form label{font-size:.8rem;font-weight:700}.reflection-form textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff7f1;border:1px solid #0000;border-radius:0;padding:.85rem}.reflection-form__bottom{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.reflection-form__bottom span{color:#ffe3d7;font-size:.75rem}.reflection-form__bottom button{background:var(--ink);color:#fff7f1;font:inherit;cursor:pointer;border:0;padding:.75rem 1rem;font-size:.85rem;font-weight:700}.reflection-form__bottom button:hover{background:var(--blue)}.storage-note{color:#ffe3d7;min-height:1.5em;font-size:.72rem}.journal-section{padding-top:7rem}.journal-empty{color:var(--ink-muted);text-align:center;border:1px dashed #b9b3a9;padding:3rem;line-height:2}.journal-list{margin:0;padding:0;list-style:none}.journal-list li{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) auto;gap:1rem;padding:1.5rem 0;display:grid}.journal-list__number{color:var(--accent);font-family:Georgia,serif;font-size:1.5rem}.journal-list h3{letter-spacing:-.025em;font-size:1rem}.journal-list p{color:var(--ink-muted);overflow-wrap:anywhere;margin-top:.4rem}.journal-list time{color:var(--soft);white-space:nowrap;font-size:.8rem}.clear-button{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:1.5rem;padding:.7rem 0;font-size:.8rem;text-decoration:underline}.about-section{border-top:2px solid var(--ink);grid-template-columns:1fr .85fr;gap:3rem;margin-top:7rem;padding:2.4rem 0 5.5rem;display:grid}.about-text{color:var(--ink-muted);align-content:start;gap:1.2rem;padding-top:1rem;line-height:2;display:grid}.about-text a{width:fit-content;color:var(--accent);text-underline-offset:.3em;margin-top:.6rem;font-weight:750}.archive-section{border-top:2px solid var(--ink);padding:2.4rem 0 6rem}.archive-section h2{margin-bottom:1.5rem}.archive-details{color:#d9e6e2;--ink:#d9e6e2;--ink-dim:#8a9e9c;--membrane:#7fe0c4;--nucleus:#f4c27a;background:#131b25}.archive-details summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1.4rem 1.8rem;font-weight:750;list-style:none;display:flex}.archive-details summary::-webkit-details-marker{display:none}.archive-details summary:hover{color:var(--nucleus)}.archive-content{border-top:1px solid #304047;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:2rem;padding:1.6rem 2.5rem 3rem;display:grid}.archive-label{color:var(--nucleus)}.archive-copy h3{margin:1rem 0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.4}.archive-copy p:not(.archive-label){color:#a4b2ae;margin-top:1rem;line-height:1.9}.archive-copy .archive-generation{font-size:.82rem}.site-footer{border-top:1px solid var(--line);color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:1.8rem 0 2.5rem;font-size:.72rem;display:flex}@keyframes print-drift{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media (width<=820px){.site-shell{width:min(100% - 36px,660px)}.hero{grid-template-columns:1fr;gap:.5rem;padding:4rem 0}.hero-art{min-height:300px}.hero-art__disc{width:270px}.hero-art__center{font-size:8rem}.board-content,.about-section,.archive-content{grid-template-columns:1fr}.about-section{gap:1rem}.archive-content{justify-items:center}.archive-copy{justify-self:start}}@media (width<=540px){.site-header{flex-direction:column;justify-content:center;align-items:start;gap:1rem;padding:1.2rem 0}.site-nav{gap:1rem}.hero{min-height:0;padding:3rem 0}.hero h1{font-size:clamp(3.2rem,12vw,4.3rem)}.hero-art{min-height:275px}.hero-art__disc{width:225px}.hero-art__center{font-size:6.5rem}.hero-art__caption{bottom:35px}.hero-art__edge{right:0}.section-heading{flex-direction:column;align-items:start;gap:.5rem}.board-toolbar{flex-direction:column;align-items:start}.experiment-card h3{margin-top:1.6rem}.journal-section{padding-top:4rem}.about-section{margin-top:4rem}.archive-content{padding:1.5rem 1rem 3rem}.journal-list li{grid-template-columns:35px minmax(0,1fr)}.journal-list time{grid-column:2}.site-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.hero-art__disc{animation:none}.hero-cta{transition:none}}.sensory-organ{justify-items:center;gap:2rem;width:min(100%,32rem);display:grid}.sensory-cell{aspect-ratio:1;width:min(52vmin,280px);max-width:100%;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.sensory-cell:focus-visible{outline:3px solid var(--nucleus);outline-offset:12px}.sensory-cell__response,.sensory-cell__body,.sensory-cell__membrane{pointer-events:none;position:absolute;inset:0}.sensory-cell__response{transition:transform .8s ease-out}.sensory-cell[data-sensation=responding] .sensory-cell__response{transition-duration:.22s;transform:scale(.93)}.sensory-cell__body{animation:5.2s ease-in-out infinite sensory-breathe}.sensory-cell__membrane{background:radial-gradient(circle at 42% 38%, color-mix(in oklab, var(--membrane) 22%, transparent) 0%, color-mix(in oklab, var(--membrane) 8%, transparent) 55%, color-mix(in oklab, var(--membrane) 30%, transparent) 100%);box-shadow:0 0 60px color-mix(in oklab, var(--membrane) 25%, transparent), inset 0 0 40px color-mix(in oklab, var(--membrane) 20%, transparent);border-radius:48% 52% 51% 49%/50% 47% 53% 50%;transition:filter .6s ease-out;animation:13s ease-in-out infinite sensory-morph}.sensory-cell__imprints{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.sensory-cell__imprint-fold{fill:var(--membrane);fill-opacity:.48;filter:blur(1px)}.sensory-cell__imprint-edge{fill:none;stroke:color-mix(in oklab, var(--membrane) 80%, var(--nucleus));stroke-linecap:round;filter:drop-shadow(0 0 2px var(--membrane))}.sensory-cell__imprint-inner{fill:none;stroke:var(--membrane);stroke-width:.45px;stroke-opacity:.4;stroke-linecap:round}.sensory-cell__nucleus{aspect-ratio:1;background:radial-gradient(circle at 40% 40%, var(--nucleus) 0%, color-mix(in oklab, var(--nucleus) 40%, transparent) 70%);filter:blur(1px);width:28%;box-shadow:0 0 30px color-mix(in oklab, var(--nucleus) 45%, transparent);border-radius:50%;transition:filter .6s ease-out,box-shadow .6s ease-out,left 1.4s ease-out,top 1.4s ease-out;animation:17s ease-in-out infinite sensory-drift;position:absolute;top:36%;left:40%}.sensory-cell[data-sensation=responding] .sensory-cell__membrane{filter:brightness(1.3)}.sensory-cell[data-sensation=responding] .sensory-cell__nucleus{filter:blur(1px)brightness(1.7);box-shadow:0 0 50px color-mix(in oklab, var(--nucleus) 80%, transparent)}.sensory-cell[data-sensation=settling] .sensory-cell__membrane{filter:brightness(1.1)}.sensory-cell[data-sensation=settling] .sensory-cell__nucleus{filter:blur(1px)brightness(1.2);box-shadow:0 0 40px color-mix(in oklab, var(--nucleus) 55%, transparent)}.sensory-cell__ripple{border:1px solid var(--membrane);pointer-events:none;border-radius:50%;animation:1.9s ease-out both sensory-ripple;position:absolute;inset:3%}.sensory-caption{gap:.4rem;display:grid}.sensory-status{color:var(--ink-dim);font-family:Songti TC,Noto Serif TC,serif;font-size:1rem}.sensory-cell[data-sensation=responding]~.sensory-caption .sensory-status{color:var(--nucleus)}.sensory-cell[data-sensation=settling]~.sensory-caption .sensory-status{color:var(--ink)}.sensory-hint{color:var(--ink-dim);font-size:.75rem;line-height:1.8}.sensory-memory{color:var(--ink);margin-top:.75rem;font-family:Songti TC,Noto Serif TC,serif;font-size:.85rem;line-height:1.8}.sensory-inclination{min-height:1.8em}.sensory-release-space{justify-items:center;min-height:44px;display:grid}.sensory-release{min-height:44px;color:var(--ink-dim);font:inherit;text-underline-offset:.3em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:.25rem;padding:.5rem .75rem;font-size:.75rem;text-decoration:underline}.sensory-release:hover{color:var(--ink)}.sensory-release:focus-visible{outline:2px solid var(--nucleus);outline-offset:2px;color:var(--nucleus)}@keyframes sensory-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes sensory-morph{0%,to{border-radius:48% 52% 51% 49%/50% 47% 53% 50%}33%{border-radius:53% 47% 46% 54%/47% 53% 48% 52%}66%{border-radius:46% 54% 52% 48%/54% 49% 51% 46%}}@keyframes sensory-drift{0%,to{translate:0}50%{translate:-14% 10%}}@keyframes sensory-ripple{0%{opacity:.75;transform:scale(.88)}to{opacity:0;transform:scale(1.38)}}@media (prefers-reduced-motion:reduce){.sensory-cell[data-sensation] .sensory-cell__response,.sensory-cell__body,.sensory-cell__membrane,.sensory-cell__nucleus,.sensory-cell__ripple{transition:none;animation:none;transform:translate(0,0)}.sensory-cell__ripple{display:none}}