/* Shared, editable palette and guestbook. Text remains plain text throughout. */
:root{--space-accent:#648e3b;--space-bg:#f1f4ec;--space-panel:#fff;--space-ink:#28322c;--space-muted:#66736b;--orbit-hue:0deg}
.primary{color:var(--space-on-accent,#fff)}
html[data-space-theme] body{background:var(--space-bg);color:var(--space-ink)}
html[data-space-theme] .sidebar{background:color-mix(in srgb,var(--space-bg),var(--space-panel) 56%);border-color:color-mix(in srgb,var(--space-accent),transparent 80%)}
html[data-space-theme] .topbar{background:var(--space-bg)}
html[data-space-theme] :is(.brand-name,.work-card h3,.section-header h2,.about-card h2,h1){color:var(--space-ink)}
html[data-space-theme] :is(.hero-description,.work-card p,.about-card p,.footer,.breadcrumb){color:var(--space-muted)}
html[data-space-theme] :is(h1>span,.hero-period,.orbital-letter,.orbital-letter>span,.section-header h2>span,.about-card h2>span,.button-text,.chat-cta){color:var(--space-accent)}
html[data-space-theme] :is(.hero,.chat-card){background:radial-gradient(ellipse at 80% 40%,color-mix(in srgb,var(--space-accent),transparent 87%),transparent 65%),color-mix(in srgb,var(--space-bg),var(--space-accent) 5%);border-color:color-mix(in srgb,var(--space-accent),transparent 78%)}
html[data-space-theme] :is(.work-card,.about-card,.search-button,.motion-button,.command-dialog){background:var(--space-panel);border-color:color-mix(in srgb,var(--space-accent),transparent 83%);color:var(--space-ink)}
html[data-space-theme] .nav-link{color:var(--space-muted)}
html[data-space-theme] .nav-link.is-active{color:var(--space-accent);background:color-mix(in srgb,var(--space-accent),transparent 90%);border-color:color-mix(in srgb,var(--space-accent),transparent 80%)}
html[data-space-theme] :is(.button-primary,.guest-submit){color:var(--space-ink);background:color-mix(in srgb,var(--space-accent),var(--space-panel) 68%)}
html[data-space-theme] :is(.eyebrow,.hero-description>span,.sidebar-chat,.chat-card h3,.chat-card p,.chat-label,.orbital-tag,.section-index){color:var(--space-muted)}
html[data-space-theme] .hero-bottom{background:transparent;color:var(--space-muted)}
#orbit-canvas{filter:hue-rotate(var(--orbit-hue))}
.hero-description>[data-copy=intro]{font-size:inherit;color:var(--space-muted)}
html[data-space-theme] h1>.title-first{color:var(--space-ink)}
html[data-space-theme] :is(.section-header h2,.about-card h2)>[data-copy]{color:inherit}
[data-copy=aboutText]{white-space:pre-line}
.guestbook{scroll-margin-top:100px}.guestbook-heading{display:flex;align-items:center;gap:12px}.guestbook-count{font-size:11px;white-space:nowrap;color:var(--space-muted);padding:6px 10px;border:1px solid var(--line);border-radius:20px}
.guestbook-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);gap:22px;align-items:start}.guest-compose{background:color-mix(in srgb,var(--space-panel),var(--space-bg) 35%);border:1px solid var(--line);border-radius:18px;padding:28px;position:sticky;top:90px;overflow:hidden}.compose-star{font-size:38px;line-height:1;color:var(--space-accent);display:block;margin-bottom:16px}.guest-compose h3{font-size:20px;margin:0 0 8px}.guest-intro{color:var(--space-muted);font-size:12px;line-height:1.9;margin-bottom:22px}.guest-compose label{display:block;font-size:12px;margin:16px 0 8px}.guest-compose input,.guest-compose textarea{width:100%;border:1px solid color-mix(in srgb,var(--space-accent),transparent 78%);border-radius:9px;background:var(--space-panel);color:var(--space-ink);font:inherit;font-size:13px;padding:12px;outline:none}.guest-compose textarea{min-height:136px;resize:vertical;line-height:1.8}.guest-compose :is(input,textarea):focus{border-color:var(--space-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--space-accent),transparent 88%)}.message-length{display:block;text-align:right;color:var(--space-muted);font-size:10px;margin:6px 0 16px}.guest-submit{width:100%;border:0;border-radius:9px;padding:13px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between}.guest-submit:hover{filter:brightness(.97)}button:disabled{cursor:wait;opacity:.65}.guest-notice{font-size:10px;line-height:1.8;color:var(--space-muted);margin:12px 0 0}.guest-status{font-size:12px;line-height:1.8;color:var(--space-accent);min-height:22px;margin:12px 0 0}.guest-status.is-error{color:#af4e45}.honeypot{position:absolute;left:-10000px;opacity:0;pointer-events:none}
.message-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.message-card{padding:23px;background:var(--space-panel);border:1px solid var(--line);border-radius:14px;min-width:0}.message-head{display:flex;align-items:center;gap:9px;font-size:12px}.message-head strong{overflow-wrap:anywhere}.message-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--space-accent),transparent 88%);color:var(--space-accent);flex:none}.message-head time{margin-left:auto;white-space:nowrap;color:var(--space-muted);font-size:10px}.message-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;color:var(--space-ink);margin:18px 0 0}.guestbook-empty{min-height:320px;border:1px dashed color-mix(in srgb,var(--space-accent),transparent 70%);border-radius:18px;display:grid;align-content:center;text-align:center;padding:35px;color:var(--space-muted)}.guestbook-empty>span{font-size:70px;color:color-mix(in srgb,var(--space-accent),transparent 60%);line-height:1.4}.guestbook-empty h3{font-size:17px;color:var(--space-ink);margin:8px 0}.guestbook-empty p{font-size:12px;line-height:2;margin:5px 0}.guestbook-empty[hidden]{display:none}.messages-more{display:block;margin:22px auto 0;background:var(--space-panel);border:1px solid var(--line);color:var(--space-muted);border-radius:8px;padding:10px 25px;cursor:pointer}.messages-more[hidden]{display:none}.load-error{font-size:12px;color:var(--space-muted);padding:15px}.load-error button{margin-left:12px;background:none;border:0;text-decoration:underline;color:var(--space-accent);cursor:pointer}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:var(--space-accent)}
@media(max-width:1000px){.guestbook-grid{grid-template-columns:1fr 1.3fr}.message-feed{grid-template-columns:1fr}.guest-compose{padding:22px}}
@media(max-width:700px){.guestbook-grid{grid-template-columns:1fr}.guest-compose{position:static}.guestbook-count{font-size:10px}.guestbook-heading{gap:8px}.guestbook-empty{min-height:220px}.guestbook-heading h2{font-size:20px}.footer-links{gap:12px}}
