:root{--ink:#11110f;--paper:#f7f6f0;--accent:#1646cb;--faint:#d8d6ce;--ambient-light:#fff7dc52;--ambient-wash:#fff0;--serif:Georgia, "Times New Roman", Times, serif;--mono:"Courier New", Courier, monospace}:root[data-theme=red]{--accent:#b9232d}:root[data-theme=gold]{--accent:#946200}:root[data-theme=indigo]{--accent:#5735a5}:root[data-theme=emerald]{--accent:#087257}*{box-sizing:border-box}body{background:linear-gradient(#11110f06 1px, transparent 1px), var(--paper);min-height:100vh;color:var(--ink);font-family:var(--serif);background-size:100% 28px;margin:0;font-size:17px;line-height:1.5;transition:background-color 2s;position:relative}body:before{content:"";z-index:0;background:radial-gradient(circle at 82% 31%, var(--ambient-light), transparent 44%), linear-gradient(135deg, var(--ambient-wash), transparent 58%);pointer-events:none;transition:background 4s;position:fixed;inset:0}body[data-time=dawn]{--paper:#f7f4ed;--ambient-light:#ffdab933;--ambient-wash:#6689d609}body[data-time=day]{--paper:#f7f6f0;--ambient-light:#fff4d047;--ambient-wash:#fff0}body[data-time=dusk]{--paper:#f5f3ef;--ambient-light:#ebbfa521;--ambient-wash:#304ba00a}body[data-time=night]{--paper:#f2f3f5;--ambient-light:#2a50b70e;--ambient-wash:#1646cb08}body[data-weather=overcast]{--paper:#f2f2ef;--ambient-light:#464d5f06;--ambient-wash:#414a6009}body[data-weather=fog]{--paper:#f4f4f1;--ambient-light:#fff3;--ambient-wash:#77809105}::selection{background:var(--accent);color:#fff}main{z-index:2;width:min(1120px,100% - 48px);margin:0 auto;padding:28px 0 38px;position:relative}header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;padding-bottom:18px;display:flex}header p{margin:0}.name{font-weight:700}.local-conditions{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;align-items:center;gap:10px;font-size:.7rem;display:flex}.header-tools{align-items:center;gap:11px;display:flex}.weather-icon{width:1.25em;height:1.25em;color:var(--accent);place-items:center;font-size:.92rem;line-height:1;transition:opacity .5s;display:grid}.weather-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.weather-switcher{z-index:20;border:1px solid var(--ink);background:var(--paper);width:min(260px,100% - 30px);max-height:min(500px,100vh - 44px);color:var(--ink);font-family:var(--mono);box-shadow:5px 5px 0 var(--ink);margin:0;padding:0;position:fixed;inset:auto 22px 22px auto;overflow:auto}.weather-switcher:not([open]){display:none}.weather-switcher-heading{border-bottom:1px dotted var(--ink);justify-content:space-between;align-items:baseline;gap:18px;padding:10px 12px;display:flex}.weather-switcher-heading p,.weather-switcher-heading span,.weather-switcher-help{margin:0;font-size:.66rem}.weather-switcher-heading p{text-transform:uppercase;font-weight:700}.weather-switcher-heading span,.weather-switcher-help{color:#66645e}.weather-options{padding:5px;display:grid}.weather-options button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:22px 1fr auto;gap:8px;padding:6px 7px;font-size:.7rem;display:grid}.weather-options button:hover,.weather-options button:focus-visible,.weather-options button[aria-selected=true]{background:var(--accent);color:#fff;outline:none}.weather-option-icon,.weather-option-key{text-align:center}.theme-option-swatch{background:var(--swatch);border:1px solid;border-radius:50%;width:8px;height:8px;margin:auto;box-shadow:inset 0 0 0 1px #ffffff47}.weather-option-key{opacity:.62}.weather-switcher-help{border-top:1px dotted var(--ink);padding:8px 12px 10px}.hotkeys-card{z-index:20;border:1px solid var(--ink);background:var(--paper);width:min(220px,100% - 30px);color:var(--ink);font-family:var(--mono);box-shadow:5px 5px 0 var(--ink);margin:0;padding:0;position:fixed;inset:auto 22px 22px auto}.hotkeys-card:not([open]){display:none}.hotkeys-card:focus{outline:none}.hotkeys-card-heading{border-bottom:1px dotted var(--ink);justify-content:space-between;align-items:baseline;padding:9px 11px;display:flex}.hotkeys-card-heading p,.hotkeys-card-heading span{margin:0;font-size:.66rem}.hotkeys-card-heading p{text-transform:uppercase;font-weight:700}.hotkeys-card-heading span{color:#66645e}.hotkeys-list{gap:1px;margin:0;padding:7px 11px 9px;font-size:.68rem;display:grid}.hotkeys-list div{grid-template-columns:42px 1fr;align-items:baseline;gap:9px;padding:3px 0;display:grid}.hotkeys-list dt,.hotkeys-list dd{margin:0}.hotkeys-list dd{color:#66645e}.hotkeys-list kbd{color:var(--accent);font:inherit}figcaption{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.hotkeys-trigger{color:#77746d;font-family:var(--mono);opacity:.48;cursor:pointer;background:0 0;border:0;padding:3px;font-size:.58rem;line-height:1;transition:color .16s,opacity .16s}.hotkeys-trigger:hover,.hotkeys-trigger:focus-visible,.hotkeys-trigger[aria-expanded=true]{color:var(--accent);opacity:1}.hotkeys-trigger:focus-visible{outline-offset:2px;outline:1px dotted}:focus-visible{outline:1px dashed var(--accent);outline-offset:4px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.home-link{color:inherit;font-weight:700;text-decoration:none}.guestbook-intro{--guestbook-hue:0deg;isolation:isolate;justify-content:space-between;align-items:center;max-width:960px;min-height:210px;margin:18px auto 20px;display:flex;position:relative}:root[data-theme=red] .guestbook-intro{--guestbook-hue:125deg}:root[data-theme=gold] .guestbook-intro{--guestbook-hue:175deg}:root[data-theme=indigo] .guestbook-intro{--guestbook-hue:45deg}:root[data-theme=emerald] .guestbook-intro{--guestbook-hue:-70deg}.intro-words{z-index:1;padding-left:32px;position:relative}.file-label,.greeting{font-family:var(--mono);font-size:.72rem}.file-label{color:var(--ink);margin:0;font-weight:400;line-height:1.5}.greeting{color:var(--accent);max-width:27ch;min-height:3em;margin:16px 0 0}.typing-cursor{animation:.8s step-end 3 cursor}@keyframes cursor{50%{opacity:0}}.guestbook-mountains{z-index:0;object-fit:contain;object-position:center bottom;opacity:.3;width:100%;height:100%;filter:hue-rotate(var(--guestbook-hue));pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 90%,#0000)}.guestbook-art{isolation:isolate;z-index:1;flex-shrink:0;width:250px;margin:0 28px 0 0;position:relative}.guestbook-art img{z-index:1;width:100%;height:auto;display:block;position:relative}.ink-drip{z-index:2;aspect-ratio:.72;pointer-events:none;opacity:0;background:var(--accent);transform-origin:50% 0;border-radius:45% 45% 55% 55%/35% 35% 65% 65%;width:clamp(2px,1.25%,4px);position:absolute;top:87.8%;left:44.4%;transform:translate(-50%)scale(.1)}.guestbook-layout{border-top:1px solid var(--ink);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;max-width:960px;margin:0 auto 70px;padding-top:30px;display:grid}.sign-section,.entries-section{min-width:0}h2{font:700 .72rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em;margin:0 0 26px}label{font:.72rem/1.5 var(--mono);margin-bottom:7px;display:block}.form-hint,.form-status,.list-status{color:#66645e}input,textarea{border:1px solid var(--faint);width:100%;color:var(--ink);font:1rem/1.5 var(--serif);background:#ffffff38;border-bottom-color:#88857d;border-radius:0;padding:9px 10px}input{margin-bottom:20px}input::placeholder{color:#77746d;font-size:.86rem;font-style:italic}textarea{resize:vertical;min-height:80px;max-height:600px}.message-label{justify-content:space-between;align-items:baseline;display:flex}[data-character-count]{font:.62rem var(--mono);color:#66645e}.form-hint{font:.64rem/1.7 var(--mono);margin:7px 0 20px}button{color:inherit;cursor:pointer}.sign-button{border:1px solid var(--ink);background:var(--paper);min-height:44px;box-shadow:3px 3px 0 var(--ink);font:.72rem/1.4 var(--mono);margin-top:16px;padding:9px 13px}.sign-button:hover:not(:disabled){color:var(--accent);border-color:var(--accent);box-shadow:3px 3px 0 var(--accent)}button:disabled{opacity:.5;cursor:default}.form-status{font:.68rem/1.7 var(--mono);min-height:1.7em;margin:16px 0 0}.form-status[data-error=true]{color:var(--ink)}.honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sketch-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.sketch-heading h2{margin:0}.sketch-tools{border-top:1px dotted var(--faint);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.sketch-tools>div{display:flex}.pen-size{font:.68rem var(--mono);align-items:center;gap:7px;margin:0;padding-right:10px;display:flex}.pen-size select,.shader-choice select{border:0;border-bottom:1px solid var(--faint);min-height:44px;color:var(--ink);font:.8rem var(--mono);cursor:pointer;background:0 0;border-radius:0;padding:4px 6px}.sketch-tools button{min-height:44px;font:.68rem var(--mono);background:0 0;border:0;padding:9px 8px}.sketch-tools [aria-pressed=true]{color:var(--accent);text-underline-offset:5px;text-decoration:underline}.ink-row{justify-content:space-between;align-items:center;gap:12px;padding-bottom:7px;display:flex}.ink-picker{align-items:center;gap:2px;display:flex}.shader-choice{white-space:nowrap;color:#66645e;font:.65rem var(--mono);align-items:center;gap:5px;margin:0 0 0 auto;display:flex}.shader-choice select{width:104px;padding-inline:4px;font-size:.72rem}.ink-picker>span{color:#66645e;font:.65rem var(--mono);margin-right:9px}.ink-picker button{background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.ink-picker button:before{content:"";background:var(--swatch);border-radius:50%;width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ink-picker [aria-pressed=true]:after{content:"";border:1px solid var(--swatch);border-radius:50%;width:25px;height:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sketchpad{border:1px solid var(--faint);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;background:#ffffff57;border-bottom-color:#aaa69b;position:relative}.sketchpad[data-tool=eraser]{cursor:cell}.sketchpad[data-tool=fill]{cursor:copy}.sketchpad[aria-busy=true],.sketchpad[aria-disabled=true]{cursor:wait}[data-sketch-surface]{aspect-ratio:640/420}.ink-drawing{aspect-ratio:640/420;width:100%;height:auto;color:var(--accent);display:block;overflow:visible}.sketchpad .ink-drawing{overflow:hidden}.sketch-placeholder{text-align:center;color:#77746d;font:italic 1rem/1.7 var(--serif);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.sketch-placeholder>span{font:.62rem/1.7 var(--mono);margin-top:6px}.sketch-placeholder[hidden],.sketch-cursor[hidden]{display:none}.sketch-cursor{border:1px solid var(--ink);pointer-events:none;border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%)}.sketch-cursor[data-down=true]{background:var(--accent)}.sketchpad:not(:focus) .sketch-cursor{display:none}summary{cursor:pointer}.sketch-status,.stamp-status{color:var(--ink);font:.64rem/1.7 var(--mono);margin:8px 0 0}.sketch-status:empty,.stamp-status:empty{display:none}.stamp-section{border-top:1px dotted var(--faint);border-bottom:1px dotted var(--faint);justify-content:space-between;gap:10px;margin-top:20px;padding:18px 0;display:flex}.stamp-picker{flex:1;min-width:0}label>span{color:#66645e;font-size:.62rem}.stamp-preview{flex:0 0 90px;align-self:flex-start;padding-top:24px}.stamp-preview .entry-stamp{width:90px;height:90px}.stamp-preview[data-example=true]{opacity:.5}[data-ascii-panel] textarea{width:min(100%,230px);min-height:120px;font:16px/1.3 var(--mono);white-space:pre;overflow-wrap:normal}[data-ascii-panel] .form-hint{margin-bottom:0}.signature-fields{margin-top:20px}.signature-fields label{font-size:.66rem}.note-fields{margin-bottom:12px}.note-fields summary{font:.66rem/1.7 var(--mono);color:#66645e;padding:8px 0}.note-fields .message-label{gap:12px;margin-top:12px}.note-fields textarea{font-size:.9rem}.note-fields textarea::placeholder{font-size:.85rem}.sign-section [data-spam-check],.sign-section [data-spam-check] iframe{max-width:100%}.entries-title{justify-content:space-between;align-items:baseline;display:flex}.entries-title>span{color:var(--accent);font:.9rem var(--mono)}.list-status{margin:0 0 24px;font-size:.94rem;font-style:italic}.list-status:empty{display:none}.entries{margin:0;padding:0;list-style:none}.entry{border-bottom:1px dotted var(--faint);overflow-wrap:anywhere;margin:0 0 25px;padding:0 0 25px}.entry-signature{align-items:flex-start;gap:14px;display:flex}.entry-words{flex:1;min-width:0}.entry-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.entry-name{font:.72rem/1.5 var(--mono)}.entry time{font:.62rem var(--mono);color:#66645e;flex-shrink:0}.entry-message{white-space:pre-wrap;margin:9px 0 0;font-size:.94rem;line-height:1.7}.entry-art{aspect-ratio:640/420;margin:0 0 16px;position:relative}.entry-ascii{visibility:hidden;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.entry-art.is-ascii-active>.ink-drawing{opacity:0}.entry-art.is-ascii-active>.entry-ascii{visibility:visible}.entry-stamp{width:84px;height:84px;color:var(--accent);flex:none;display:block;transform:rotate(-7deg)}.entry:nth-child(3n) .entry-stamp{transform:rotate(5deg)}.entry.is-fresh{animation:.65s ease-out new-mark}@keyframes new-mark{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-button{color:var(--accent);font:.7rem var(--mono);text-underline-offset:4px;background:0 0;border:0;padding:6px 0;text-decoration:underline}footer{border-top:1px dotted var(--faint);font:.65rem var(--mono);color:#66645e;justify-content:space-between;gap:20px;padding-top:16px;display:flex}footer a{color:var(--accent);text-decoration:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=980px){.ink-picker button{width:32px}}@media (width<=760px){main{width:calc(100% - 30px);padding-top:20px}.guestbook-intro{min-height:175px;margin:14px 0 22px}.intro-words{padding-left:5px}.file-label,.greeting{font-size:.62rem}.guestbook-art{width:clamp(130px,36vw,200px);margin:0}.guestbook-mountains{object-fit:cover;object-position:60% center;opacity:.25}.guestbook-layout{grid-template-columns:minmax(0,1fr);gap:42px;margin-bottom:44px;padding-top:25px}.sign-section{width:100%;max-width:640px;margin:0 auto}.entries-section{border-top:1px solid var(--ink);padding-top:26px}.note-fields textarea,input,textarea,.pen-size select{font-size:16px}.ink-picker button{width:32px}}@media (width<=380px){.sketch-tools{gap:4px 8px}.sketch-tools button{padding-inline:5px;font-size:.64rem}.pen-size{gap:5px;padding-right:5px}.ink-row{gap:8px}.ink-picker button{width:28px}.ink-picker>span{margin-right:6px}.shader-choice select{width:90px;padding-inline:3px;font-size:.68rem}}@media (width<=340px){.ink-row{gap:6px}.ink-picker button{width:24px}.ink-picker>span{margin-right:4px}.shader-choice{gap:3px;font-size:.62rem}}@media (width<=360px){.guestbook-art{width:135px}.intro-words{padding-left:0}}@media (prefers-reduced-motion:reduce){.typing-cursor{animation:none}.ink-drip{display:none}.entry.is-fresh{animation:none}.entry-art.is-ascii-active>.ink-drawing{opacity:1}.entry-art.is-ascii-active>.entry-ascii{visibility:hidden}}