*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100vh;font-family:Space Mono,Courier New,monospace;background-color:#fff6ec;color:#111}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#fff6ec;background-size:cover;background-position:center top;transition:background-image .6s ease,filter .9s ease}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000073}*{scrollbar-width:thin;scrollbar-color:#4a4a4a #f1f1f1}#header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;gap:1.5rem;padding:.6rem 1.5rem;transition:opacity .4s}#header.hidden{display:none}.meter-group{flex:1;min-width:0;opacity:1;transition:opacity .5s ease}.meter-group.meters-hidden{opacity:0;pointer-events:none}.day-night-indicator{margin-left:auto;align-self:center;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;white-space:nowrap;background:#000;padding:2px 8px;border-radius:3px}.day-night-indicator[data-time=day]{color:#f5c842}.day-night-indicator[data-time=night]{color:#a0b4d6}.meter-label{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:4px}.meter-track{height:7px;background:#e0d5c8;border-radius:4px;overflow:hidden}.meter-fill{height:100%;border-radius:4px;transition:width .5s ease}.meter-fill--anxiety{background:#b07fa8}.meter-fill--annoyance{background:#9b1c31}#passage-container{max-width:680px;margin:3rem auto;padding:2rem 2.5rem 2.25rem;background:#ffffc5e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:30px;box-shadow:0 2px 24px #0000002e;position:relative}#passage-container:before,#passage-container:after{content:"";position:absolute;background:#ffffc5e6;border-radius:50%;box-shadow:0 2px 10px #00000026}#passage-container:before{width:20px;height:20px;bottom:-26px;left:40px}#passage-container:after{width:12px;height:12px;bottom:-46px;left:30px}body:has(#header:not(.hidden)) #passage-container{margin-top:5rem}p.caption{color:#111;line-height:1.75;margin-bottom:1.2rem;font-size:1.05rem}p.event-text{color:#3a2e00;font-style:italic;line-height:1.75;margin-bottom:1.2rem;font-size:1.05rem;background:#d4ac0d24;border-left:3px solid #D4AC0D;padding:.75rem 1rem;border-radius:0 4px 4px 0}p.muted{color:#888;font-style:italic}#passage-links{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.passage-link{display:inline-block;background:none;border:none;border-left:2px solid #2d5a27;padding:.1rem 0 .1rem .65rem;font-family:inherit;font-size:1rem;font-weight:600;color:#2d5a27;text-decoration:none;cursor:pointer;text-align:left;transition:color .2s,border-color .2s}.passage-link:hover{color:#1a3a16;border-color:#1a3a16}.inline-reveal{background:none;border:none;font-family:inherit;font-size:inherit;color:#d4ac0d;text-decoration:underline;cursor:pointer;padding:0}.inline-reveal:hover{color:#a88300}#footer{position:fixed;bottom:0;left:0;right:0;padding:.6rem 1.5rem;z-index:100}#footer.hidden-footer{display:none}.restart-btn{background:#111;border:1px solid #111;border-radius:4px;padding:.3rem .9rem;font-family:inherit;font-size:.85rem;cursor:pointer;color:#fff;transition:background .2s,border-color .2s}.restart-btn:hover{background:#333;border-color:#333}#passage-container:has(.title-screen):before,#passage-container:has(.title-screen):after{display:none}#passage-container:has(.title-screen){background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center}#passage-container:has(.title-screen) .passage-link,#passage-container:has(.title-screen) #passage-links{font-family:Space Mono,Roboto Mono,monospace}#passage-container:has(.title-screen) .passage-link{border:2px solid rgba(255,255,255,.9);border-radius:4px;padding:.6rem 2.2rem;color:#fff;font-weight:600;letter-spacing:.06em;background:#ffffff1f;text-decoration:none;margin-top:1rem;align-self:center}#passage-container:has(.title-screen) .passage-link:hover{background:#ffffff40;border-color:#fff;color:#fff}.title-screen{text-align:center;padding:4rem 1rem;color:#fff;font-family:Space Mono,Roboto Mono,monospace}.title-heading{font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.08em;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.4)}.title-sub{font-size:1.1rem;letter-spacing:.06em;color:#fffff0d9;margin-bottom:2.5rem}.title-credits{font-size:1rem;color:#ffffffe6;line-height:1.9;margin-top:3rem;text-shadow:0 1px 6px rgba(0,0,0,.55)}.title-toggles{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.25rem}.effects-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;letter-spacing:.04em;color:#ffffffa6;cursor:pointer;-webkit-user-select:none;user-select:none}.effects-toggle input[type=checkbox]{accent-color:#fff;width:.95rem;height:.95rem;cursor:pointer}.time-display{font-size:.95rem;color:#444;margin-bottom:1.5rem}.divider{border:none;border-top:1px solid #ddd;margin:2rem 0}.section-header{font-size:1.05rem;font-weight:700;margin-bottom:1rem;color:#333}.experience-carousel{transition:opacity .4s ease}.experience-carousel.fade-out{opacity:0}.experience-quote{font-style:italic;line-height:1.75;color:#333;border-left:3px solid #D4AC0D;padding-left:1rem;margin:0}.experience-quote cite{display:block;margin-top:.5rem;font-style:normal;font-weight:700;font-size:.85rem;color:#555}#passage-container:has(.story-submit) #passage-links .passage-link{display:inline-block;background:#2d5a27;color:#fff;border:none;border-radius:6px;padding:.75rem 2rem;font-size:1.05rem;font-weight:600;letter-spacing:.02em;margin-top:.75rem;text-decoration:none}#passage-container:has(.story-submit) #passage-links .passage-link:hover{background:#1a3a16;color:#fff;border-color:transparent}.story-submit{margin-top:.5rem}.story-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.story-input,.story-textarea{width:100%;font-family:inherit;font-size:.95rem;color:#111;background:#faf7f3;border:1px solid #ccc;border-radius:6px;padding:.6rem .85rem;transition:border-color .2s;resize:none}.story-input:focus,.story-textarea:focus{outline:none;border-color:#2d5a27}.story-textarea{min-height:110px;line-height:1.6}.story-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.story-char-count{font-size:.78rem;color:#999}.story-submit-btn{background:#2d5a27;color:#fff;border:none;border-radius:5px;padding:.5rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.story-submit-btn:hover:not(:disabled){background:#1a3a16}.story-submit-btn:disabled{opacity:.6;cursor:not-allowed}.story-feedback{padding:.65rem .9rem;border-radius:5px;font-size:.9rem;margin-top:.25rem}.story-feedback--success{background:#eaf4e8;color:#1e5c1a;border:1px solid #a8d5a2}.story-feedback--error{background:#fdecea;color:#8b1a1a;border:1px solid #f5aaaa}@keyframes fadeInChars{0%{opacity:0}to{opacity:1}}#passage-content.typewriter-animate{animation:fadeInChars .5s ease forwards}