:root{--ink:#233c33;--green:#355e3b;--deep:#122e27;--gold:#b89d65;--page:#102b24;--paper:#f8f6ef;--soft:#e9ede3;--line:#ced6c8;--muted:#52665a;--mist:#bdcdbb;--danger:#8a2929;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page);font-size:16px;line-height:1.6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 80% 15%,#27483a88,transparent 48%),var(--page)}a{color:var(--green);text-underline-offset:5px}button,textarea,input{font:inherit}button{cursor:pointer}button,a,textarea,input{outline-offset:4px}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--gold)}button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:.6rem 1rem;transition:background .2s,border-color .2s}button:hover{background:var(--soft);border-color:var(--green)}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}
.skip{position:absolute;top:-80px;left:1rem;padding:.7rem;background:var(--paper);z-index:5}.skip:focus{top:1rem}
header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem;border-bottom:1px solid #bdcdbb29;gap:1rem}.brand{font-size:1.05rem;font-weight:750;letter-spacing:.14em;text-decoration:none;color:var(--paper);min-height:44px;display:flex;align-items:center}.brand span{font-size:.8rem;letter-spacing:0;font-weight:400;color:var(--mist);margin-left:1.3rem}nav{display:flex;align-items:center;gap:1.5rem}nav a{color:var(--mist);font-size:.85rem;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:.5rem}nav a:hover{color:var(--paper)}
.pond-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1240px;margin:auto;text-align:center;padding:4.5rem 1rem 3rem;color:var(--paper)}.eyebrow{font-size:.7rem;letter-spacing:.2em;font-weight:650;color:var(--gold);margin:0 0 1rem}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(4.5rem,9vw,7.5rem);line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:.4rem 0 1rem}.hero-line{font-family:Georgia,serif;font-size:1.3rem;line-height:1.7;color:#d5dfcf;margin:0}.enter-pond{display:inline-flex;align-items:center;gap:1rem;border-bottom:1px solid #b89d6580;color:var(--paper);font-size:.85rem;text-decoration:none;margin-top:1.6rem;min-height:44px}.enter-pond:hover{color:#e3cc99}.pond-caption{color:var(--mist);font-size:.75rem;letter-spacing:.06em;margin:2rem 0 0}
.water-art{position:absolute;inset:0;z-index:-1;pointer-events:none}.ring{position:absolute;left:50%;top:56%;border:1px solid #b5c9a81f;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.ring-one{width:70%;height:72%}.ring-two{width:92%;height:96%}.ring-three{width:118%;height:120%}.leaf{position:absolute;background:linear-gradient(145deg,#6e8769,#304c38);border:1px solid #8ca27855;border-radius:60% 5% 60% 5%;opacity:.7;box-shadow:0 14px 28px #07191155}.leaf-one{width:65px;height:36px;left:15%;top:63%;transform:rotate(-23deg)}.leaf-two{width:35px;height:22px;right:15%;top:35%;transform:rotate(155deg)}
main{max-width:1180px;margin:1rem auto 3rem;display:grid;grid-template-columns:260px minmax(0,1fr);gap:3rem;padding:0 2rem}aside{padding:1.8rem 0;color:var(--paper)}.sidebar-title{font-family:Georgia,serif;font-size:2.15rem;line-height:1.2;font-weight:400;margin:0}.intro{font-size:.95rem;color:var(--mist);margin:1rem 0 1.8rem}fieldset{border:0;padding:0;margin:0}legend{font-size:.85rem;font-weight:650;margin-bottom:.7rem}fieldset label{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem .65rem;border-radius:8px;cursor:pointer;margin-bottom:.4rem;border:1px solid transparent;min-height:44px}fieldset label:hover{background:#bdcdbb0c}fieldset label:has(input:checked){border-color:#9bab865c;background:#bdcdbb12}input[type=radio]{accent-color:#94b285;width:18px;height:18px;flex-shrink:0;margin-top:5px}fieldset strong{font-size:.88rem;font-weight:650;display:block}fieldset small{display:block;color:var(--mist);font-size:.8rem}.conversation-tools{display:grid;gap:.6rem;margin-top:1.8rem}.quiet{font-size:.85rem;text-align:left;background:transparent;color:var(--mist);border-color:#bdcdbb45}.quiet:hover{background:#bdcdbb14;color:var(--paper);border-color:var(--mist)}.privacy{color:var(--mist);font-size:.78rem;line-height:1.65;margin:1rem .2rem 0}
.conversation{background:var(--paper);border:1px solid #e3e7d5;border-radius:16px;overflow:hidden;min-height:650px;display:flex;flex-direction:column;box-shadow:0 22px 70px #05181045}.conversation-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:1.1rem 1.65rem;font-weight:650;font-size:.95rem}.mirror-mark{color:var(--green);font-size:1.4rem;vertical-align:middle;margin-right:.4rem}.subtitle{font-weight:400;color:var(--muted);font-size:.78rem}.welcome{padding:2rem 2rem 2.5rem;text-align:center;flex:1}.welcome h2{font-family:Georgia,"Times New Roman",serif;font-size:2.5rem;font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:0}.welcome .eyebrow{color:#806537}.welcome>p:not(.eyebrow){color:var(--muted);font-size:.9rem}.still-water{height:70px;position:relative;margin-bottom:1.5rem}.still-water:before,.still-water:after,.still-water span{content:'';position:absolute;border:1px solid #83966c;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.still-water:before{width:120px;height:38px;opacity:.6}.still-water:after{width:180px;height:56px;opacity:.3}.still-water span{width:60px;height:20px;background:#dbe4cd;opacity:.8}.starters{display:grid;gap:.55rem;margin:1.8rem auto 0;max-width:370px}.starters button{font-size:.85rem;padding:.65rem 1rem;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:.7rem;text-align:left}.starters button:hover{background:var(--soft)}.starters button span{color:var(--muted)}
#messages{padding:0 1.7rem;display:flex;flex-direction:column;gap:1.3rem}#messages:empty{display:none}.turn{padding-top:1.3rem}.question-bubble{padding:.8rem 1rem;border-radius:9px;background:var(--soft);border-left:3px solid var(--green);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem}.speaker{display:block;font-size:.78rem;font-weight:650;color:var(--muted);margin-bottom:.35rem}.answer-wrap{padding:1rem .2rem}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:1rem}.answer-meta{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.78rem;margin-top:.6rem}.answer-meta button{font-size:.78rem;min-height:44px;padding:.25rem .65rem;margin-left:auto;background:transparent}.mode-tag{background:var(--soft);padding:.15rem .5rem;border-radius:4px}.status{min-height:1.9rem;color:var(--green);font-size:.9rem;margin:1rem 1.7rem 0}.error{margin:.3rem 1.7rem;padding:.7rem 1rem;background:#fff2ed;border-left:3px solid var(--danger);color:var(--danger);font-size:.95rem;overflow-wrap:anywhere}.error button{display:block;margin-top:.7rem}
form{padding:1rem 1.7rem 1.3rem;margin-top:auto}form>label{display:block;font-size:.85rem;font-weight:650;margin-bottom:.5rem}textarea{width:100%;resize:vertical;min-height:100px;border:1px solid #8d9f88;border-radius:9px;padding:.85rem;color:var(--ink);background:#fffef9;line-height:1.6}textarea::placeholder{color:var(--muted)}.compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.7rem}.hint{font-size:.73rem;color:var(--muted)}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:650;padding:.6rem 1.25rem}.primary:hover{background:var(--deep);color:#fff}.footnote{padding:.85rem 1.7rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);background:#eff1e8}footer{max-width:1180px;margin:0 auto;padding:1.5rem 2rem 2.5rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #bdcdbb29;color:var(--mist);font-size:.75rem;letter-spacing:.06em}footer a{color:var(--mist);text-decoration:none;min-height:44px;display:flex;align-items:center;gap:.5rem}.mobile-label{display:none}
@media(max-width:900px){main{grid-template-columns:210px minmax(0,1fr);gap:1.5rem}.brand span{display:none}.conversation-heading{flex-wrap:wrap;gap:.25rem}.compose-bottom{flex-wrap:wrap}.hint{flex:1 1 150px}.pond-hero{padding-top:3rem}.sidebar-title{font-size:1.8rem}}
@media(max-width:680px){header{padding:.8rem 1rem}nav{gap:.8rem}nav a{font-size:.75rem}.brand{font-size:.9rem}.pond-hero{padding:2.5rem 1rem 1.8rem}h1{font-size:4.6rem}.hero-line{font-size:1.1rem}.pond-caption{margin-top:1rem}.leaf-one{left:5%;width:45px;height:25px}.leaf-two{right:5%}main{display:flex;flex-direction:column;gap:1.2rem;padding:0 1rem;margin:.5rem auto 2rem}aside{padding:0}aside>.eyebrow,.intro,.sidebar-title{display:none}fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}legend{font-size:.8rem}fieldset label{padding:.55rem .4rem;gap:.4rem}fieldset strong{font-size:.8rem}fieldset small{display:none}.desktop-label{display:none}.mobile-label{display:inline}input[type=radio]{width:16px;height:16px}.conversation-tools{display:grid;grid-template-columns:1fr 1fr;margin-top:.5rem;gap:.5rem}.quiet{font-size:.78rem;padding:.4rem .6rem}.privacy{font-size:.75rem;margin:.65rem 0 0}.conversation{min-height:550px}.conversation-heading{padding:1rem}#messages{padding:0 1rem}.welcome{padding:1.4rem 1rem}.welcome h2{font-size:2rem}.still-water{height:50px;margin-bottom:1rem}.starters{margin-top:1.2rem}form{padding:1rem}.status{margin:1rem 1rem 0}.error{margin:.2rem 1rem}.footnote{padding:.8rem 1rem}.compose-bottom{gap:.6rem}.hint{font-size:.7rem;flex:1 1 100px}.primary{font-size:.85rem;padding:.6rem .9rem}footer{padding:1rem 1rem 2rem;align-items:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Shared visual language with ToadAid Lore Reader's Ripple Chronicle.
   Artwork: public/art/pond-archive/pond-archive-lotus-moon.png in that repo. */
:root{--page:#07100e;--paper:#e6ede6;--mist:#b5c9b9;--gold:#e0bd62;color-scheme:dark}
body{background:radial-gradient(circle at 50% -10%,#173f32,#07100e 45rem)}
.pond-hero{max-width:1240px;min-height:520px;padding:5rem 1rem 3rem;background:#07100e;border-radius:0 0 24px 24px}
.water-art{background:linear-gradient(180deg,rgba(3,11,24,.62),rgba(4,13,26,.70) 60%,#07100e 100%),url('/mirror/assets/pond-archive-lotus-moon.png') center 42% / cover no-repeat}
.pond-hero h1{font-size:clamp(4rem,8vw,6.5rem);color:#edf2ec;text-shadow:0 3px 24px #030b18}
.pond-hero .eyebrow{color:#a6e5be}.hero-line{color:#e6ede6}.enter-pond{border-color:#8be0ac80}.enter-pond:hover{color:#a6e5be}
header{border-color:#386555}nav a:hover,footer a:hover{color:#a6e5be}
main{margin-top:1.5rem}.quiet{border-color:#52745e}.quiet:hover{border-color:#a6e5be}fieldset label:has(input:checked){border-color:#52745e;background:#1e493655}
.conversation{--ink:#e6edf3;--paper:#0d1117;--soft:#161b22;--line:#3d444d;--muted:#b1bac4;--green:#79c0ff;--deep:#1f3955;--danger:#ffb4a9;color:var(--ink);background:var(--paper);border-color:var(--line);color-scheme:dark;box-shadow:0 22px 70px #02080766;min-height:0;min-width:0}
.conversation .welcome .eyebrow{color:#79c0ff}
.conversation .still-water:before,.conversation .still-water:after,.conversation .still-water span{border-color:#79c0ff}
.conversation .still-water span{background:#1f3955}
.conversation textarea{background:#010409;border-color:#6e7681;color:var(--ink);color-scheme:dark;max-height:180px}
.conversation .primary{background:#1f3955;border-color:#6e96be;color:#e6edf3}
.conversation .primary:hover{background:#294d73;border-color:#79c0ff;color:#fff}
.conversation .footnote{background:#161b22}
.conversation .error{background:#332026}
.conversation .error button{background:var(--paper)}
.conversation .starters button:hover{border-color:#79c0ff}
.conversation-scroll{height:clamp(320px,48svh,520px);flex:0 0 auto;overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#6e7681 #0d1117}
.conversation-scroll:focus-visible{outline:2px solid #79c0ff;outline-offset:-3px}
.conversation-scroll::-webkit-scrollbar{width:10px}
.conversation-scroll::-webkit-scrollbar-track{background:#0d1117}
.conversation-scroll::-webkit-scrollbar-thumb{background:#6e7681;border:2px solid #0d1117;border-radius:8px}
.conversation-scroll::-webkit-scrollbar-thumb:hover{background:#b1bac4}
.conversation-scroll .welcome{min-height:100%}
.conversation-scroll #messages{padding-bottom:1rem}
.conversation-scroll .turn{flex-shrink:0}
.conversation .error{max-height:140px;overflow-y:auto}
@media(max-width:680px){.pond-hero{min-height:420px;padding:3rem 1rem 2rem;border-radius:0}.pond-hero h1{font-size:4.3rem}.water-art{background-position:center,center 32%;background-size:auto,auto 620px}main{margin-top:1rem}}
@media(max-width:680px){.conversation-scroll{height:clamp(280px,45svh,400px)}}

.reflection-note{color:var(--mist);font-size:.9rem}.handoff{grid-column:1/-1;border:1px solid var(--gold);padding:1rem;color:var(--paper);border-radius:12px}.handoff h2{font-size:1.2rem}.handoff button{margin:.3rem}.handoff p{margin:.5rem 0}