:root{--lapis-lazuli: #2b5f9e;--carnelian: #c14d36;--turquoise: #3e8e8e;--cedar-brown: #6b4e3d;--sun-gold: #c9954d;--clay-terracotta: #b85c4a;--papyrus-white: #e8dccc;--stone-light: #f2e9dc;--stone-medium: #d4c4ad;--stone-dark: #b8a890;--charcoal: #3a3633;--soot: #5a5550;--dust: #8a857d;--omen-favorable: #4a7c59;--omen-unfavorable: #8b4a3a;--omen-neutral: #7a7568;--focus-ring: rgba(74, 143, 216, .4);--shadow-subtle: rgba(0, 0, 0, .2);--shadow-medium: rgba(0, 0, 0, .3);--bg-primary: var(--papyrus-white);--bg-secondary: var(--stone-light);--bg-tertiary: var(--stone-medium);--text-primary: var(--charcoal);--text-secondary: var(--soot);--text-tertiary: var(--dust);--border-subtle: var(--stone-medium);--border-strong: var(--stone-dark);--positive: var(--omen-favorable);--negative: var(--omen-unfavorable);--neutral: var(--omen-neutral);--warm-sand: rgba(229, 188, 138, .15);--soft-sand: rgba(229, 188, 138, .08);--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--fs-xs: var(--text-xs);--fs-sm: var(--text-sm);--fs-base: var(--text-base);--fs-lg: var(--text-lg);--fs-xl: var(--text-xl);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--width-prose: 65ch;--width-content: 800px;--width-results: 900px;--width-wide: 1200px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--papyrus-white);color:var(--charcoal);line-height:1.6;font-size:var(--text-base);overflow-y:scroll;overflow-x:hidden}.app{min-height:100vh;height:auto;display:flex;flex-direction:column}.main-content{flex:1;max-width:var(--width-results);margin:0 auto;padding:var(--space-8) var(--space-6);width:100%;height:auto}.header{background:#1a1816;border-bottom:1px solid #2f2c28;padding:var(--space-8) var(--space-6);display:flex;justify-content:space-between;align-items:flex-start;position:relative}.header h1{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;color:#4a8fd8;letter-spacing:-.02em;margin-bottom:var(--space-2)}.header .subtitle{color:#b8b3aa;font-size:var(--text-base);font-weight:400;max-width:50ch}.hamburger-menu{position:relative;z-index:1000}.hamburger-button{background:none;border:none;cursor:pointer;padding:var(--space-2);display:flex;flex-direction:column;gap:5px;width:32px;height:32px;justify-content:center;align-items:center}.hamburger-line{width:24px;height:2px;background:#b8b3aa;transition:all .3s ease;border-radius:2px}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.menu-panel{position:fixed;top:0;right:0;width:280px;height:100vh;background:#1a1816;border-left:1px solid #2f2c28;padding:var(--space-8) 0;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-item{width:100%;background:none;border:none;padding:var(--space-4) var(--space-6);display:flex;align-items:center;cursor:pointer;color:#e8e5df;text-align:left;transition:background .2s ease;border-bottom:1px solid #2f2c28}.menu-item:hover{background:#252320}.menu-label{font-size:var(--text-base);font-weight:500;color:#e8e5df}.menu-sublabel{font-size:var(--text-xs);color:#8a857d;margin-top:var(--space-1);font-family:var(--font-mono)}.dream-history-view{max-width:var(--width-content);margin:0 auto;padding:var(--space-6)}.history-header{margin-bottom:var(--space-8)}.history-header h2{font-size:var(--text-2xl);font-weight:600;color:var(--lapis-lazuli);margin-bottom:var(--space-2)}.history-subtitle{font-size:var(--text-sm);color:var(--soot);font-family:var(--font-mono)}.history-empty{text-align:center;padding:var(--space-12);color:var(--soot)}.history-list{display:flex;flex-direction:column;gap:var(--space-4)}.history-item{background:var(--stone-light);border:1px solid var(--stone-dark);border-radius:4px;padding:var(--space-5);transition:all .2s ease;box-shadow:0 1px 6px #0000000f,0 1px 3px #0000000a}.history-item:hover{border-color:var(--charcoal);box-shadow:0 3px 12px #0000001f,0 2px 6px #00000014;transform:translateY(-1px)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.history-date{font-size:var(--text-xs);color:var(--dust);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.delete-button{background:none;border:none;color:var(--soot);font-size:var(--text-2xl);line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.delete-button:hover{background:var(--stone-medium);color:var(--carnelian)}.history-dream-text{font-style:italic;color:var(--charcoal);line-height:1.6;margin-bottom:var(--space-4);padding-left:var(--space-4);border-left:3px solid var(--lapis-lazuli)}.history-meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--dust);font-family:var(--font-mono);margin-bottom:var(--space-4)}.view-button{background:none;border:1px solid var(--stone-dark);color:var(--charcoal);padding:var(--space-2) var(--space-4);border-radius:4px;cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all .2s ease}.view-button:hover{background:var(--lapis-lazuli);color:#fff;border-color:var(--lapis-lazuli)}.about-view{max-width:var(--width-prose);margin:0 auto;padding:var(--space-6)}.about-header{margin-bottom:var(--space-8)}.back-button{background:none;border:1px solid var(--stone-medium);padding:var(--space-2) var(--space-4);border-radius:4px;cursor:pointer;color:var(--charcoal);font-size:var(--text-sm);margin-bottom:var(--space-4);transition:all .2s ease}.back-button:hover{background:var(--stone-light);border-color:var(--stone-dark)}.about-header h2{font-size:var(--text-2xl);font-weight:600;color:var(--lapis-lazuli)}.about-content{display:flex;flex-direction:column;gap:var(--space-8)}.about-section h3{font-size:var(--text-lg);font-weight:600;color:var(--charcoal);margin-bottom:var(--space-3)}.about-section p{line-height:1.7;color:var(--soot);margin-bottom:var(--space-4)}.about-section ul{list-style:none;padding-left:0;margin:var(--space-4) 0}.about-section li{padding-left:var(--space-6);margin-bottom:var(--space-2);position:relative;color:var(--soot);line-height:1.6}.about-section li:before{content:"•";position:absolute;left:var(--space-3);color:var(--lapis-lazuli)}.contact-link{color:var(--lapis-lazuli);text-decoration:none;font-weight:500;transition:color .2s ease}.contact-link:hover{color:#245082;text-decoration:underline}.footer{margin-top:var(--space-8);padding:var(--space-6) var(--space-4);text-align:center;border-top:1px solid var(--stone-medium);background:var(--stone-light)}.footer p{margin:0;font-size:var(--text-sm);color:var(--dust);font-family:var(--font-mono)}.dream-form{background:var(--papyrus-white);padding:var(--space-6);border:1px solid var(--stone-dark);margin-bottom:var(--space-8);box-shadow:0 2px 12px #00000014,0 1px 4px #0000000f}.form-section{margin-bottom:var(--space-5)}.form-section:last-child{margin-bottom:0}.form-label{display:block;font-weight:500;font-size:var(--text-sm);color:var(--soot);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-4);border:1px solid var(--stone-medium);font-size:var(--text-base);font-family:var(--font-body);background:var(--papyrus-white);color:var(--charcoal);line-height:1.6;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--lapis-lazuli);box-shadow:0 0 0 3px var(--focus-ring)}.form-textarea{min-height:180px;resize:vertical;border:2px solid var(--lapis-lazuli);box-shadow:0 2px 8px #4a8fd814}.form-textarea:focus{border-color:var(--lapis-lazuli);box-shadow:0 0 0 3px var(--focus-ring),0 2px 8px #4a8fd81f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.submit-button{background:var(--lapis-lazuli);color:var(--papyrus-white);border:none;padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background .2s ease;width:100%;letter-spacing:.01em}.submit-button:hover:not(:disabled){background:#245082}.submit-button:disabled{opacity:.6;cursor:not-allowed}.results-container{display:flex;flex-direction:column;gap:var(--space-10)}.result-section{background:var(--papyrus-white);border:1px solid var(--stone-dark);overflow:visible;position:relative;z-index:1;box-shadow:0 2px 12px #00000014,0 1px 4px #0000000f}.section-header{background:transparent;color:var(--charcoal);padding:var(--space-5) var(--space-6);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--stone-medium);position:relative}.section-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--lapis-lazuli);border-radius:0 2px 2px 0}.section-header .chevron{margin-left:auto;font-size:1.2rem;color:var(--dust);line-height:1}.section-content{padding:var(--space-6)}.section-empty{color:var(--dust);font-style:italic;text-align:center;padding:var(--space-8);font-size:var(--text-sm)}.rule-card{border:1px solid var(--stone-dark);border-radius:4px;padding:var(--space-5);margin-bottom:var(--space-4);background:var(--papyrus-white);transition:all .2s ease;box-shadow:0 1px 6px #0000000f,0 1px 3px #0000000a}.rule-card:last-child{margin-bottom:0}.rule-card:hover{border-color:var(--charcoal);box-shadow:0 3px 12px #0000001f,0 2px 6px #00000014;transform:translateY(-1px)}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);gap:var(--space-4)}.rule-condition{font-weight:500;font-size:var(--text-base);color:var(--charcoal);line-height:1.5;margin-bottom:var(--space-2)}.rule-outcome{font-size:var(--text-base);color:var(--soot);line-height:1.6;margin-bottom:var(--space-4)}.rule-meta{display:flex;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--stone-light);font-size:var(--text-xs);color:var(--dust);flex-wrap:wrap}.rule-meta span{font-family:var(--font-mono)}.confidence-badge{font-size:var(--text-xs);font-weight:500;color:var(--dust);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sentiment-badge{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sentiment-badge.good{color:var(--omen-favorable);background:#4a7c5914}.sentiment-badge.bad{color:var(--omen-unfavorable);background:#8b4a3a14}.sentiment-badge.neutral{color:var(--omen-neutral);background:#7a756814}.entity-card{border:1px solid var(--stone-dark);padding:var(--space-5);margin-bottom:var(--space-4);background:var(--papyrus-white);transition:all .2s ease;box-shadow:0 1px 6px #0000000f,0 1px 3px #0000000a}.entity-card:last-child{margin-bottom:0}.entity-card:hover{border-color:var(--charcoal);box-shadow:0 3px 12px #0000001f,0 2px 6px #00000014;transform:translateY(-1px)}.entity-name{font-weight:500;font-size:var(--text-base);color:var(--charcoal);margin-bottom:var(--space-2)}.entity-summary{color:var(--soot);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-2)}.entity-category{display:inline-block;font-size:var(--text-xs);color:var(--dust);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);margin-top:var(--space-2)}em{font-size:1.05em;letter-spacing:.01em}details summary span:first-child{display:inline-block;transition:transform .2s ease}details[open] summary span:first-child{transform:rotate(90deg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-8)}.loading-progress{width:200px;height:2px;background:var(--stone-medium);margin:0 auto var(--space-6);border-radius:1px;overflow:hidden;position:relative}.loading-progress:after{content:"";position:absolute;left:0;top:0;width:40%;height:100%;background:var(--lapis-lazuli);animation:slide 1.5s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}.loading-title{font-size:var(--text-lg);font-weight:500;color:var(--charcoal);margin-bottom:var(--space-2)}.loading-subtitle{font-size:var(--text-sm);color:var(--dust);font-style:italic}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}*:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-color:var(--lapis-lazuli)}@media (max-width: 768px){:root{--text-xs: .64rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--space-2: .5rem;--space-3: .625rem;--space-4: .75rem;--space-5: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 3rem}body{line-height:1.6}.main-content{padding:var(--space-3)}.header{padding:var(--space-4) var(--space-3)}.header h1{font-size:var(--text-xl)}.results-container{gap:var(--space-5)}button,.submit-button,.section-header,.menu-item,.hamburger-button{min-height:48px;min-width:48px;padding:var(--space-3) var(--space-4);font-size:16px}.submit-button{width:100%;padding:var(--space-4)}.dream-form{padding:var(--space-4)}.form-grid{grid-template-columns:1fr;gap:var(--space-4)}.form-input,.form-textarea,.form-select{font-size:16px!important;padding:var(--space-3);min-height:48px}.form-textarea{min-height:120px}.form-label{font-size:14px;margin-bottom:var(--space-2)}.rule-card,.entity-card,.ritual-card{padding:var(--space-4);margin-bottom:var(--space-3)}.section-content{padding:var(--space-4);gap:var(--space-3)}.rule-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.rule-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.section-header{padding:var(--space-3) var(--space-4);font-size:var(--text-lg)}.result-section{margin-bottom:var(--space-6)}.result-section+.result-section{margin-top:var(--space-6)}.confidence-badge,.sentiment-badge{font-size:12px;padding:4px var(--space-2)}.results-header{padding:var(--space-4)!important;flex-direction:row!important}.results-header h2{font-size:var(--text-lg)!important;flex:1 1 auto}.reset-button{padding:var(--space-3)!important;font-size:16px!important;min-height:48px}.sticky-dream-summary{padding:var(--space-4)!important;margin-bottom:var(--space-5)!important}.sticky-summary-header{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-3)!important}.sticky-summary-header>div:last-child{width:100%;justify-content:space-between}.export-button{font-size:14px!important;padding:var(--space-2) var(--space-3)!important;min-height:44px}.ritual-card-header{flex-direction:column!important;align-items:flex-start!important}.ritual-card-header h4{font-size:var(--text-base)!important;min-width:100%!important;margin-bottom:var(--space-2)!important}.ritual-card-header>div:last-child{align-items:flex-start!important}.entity-card-header{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-2)!important}.entity-card-header .confidence-badge{align-self:flex-start}.results-container>div[style*="padding: var(--space-4)"],.results-container>div[style*="padding: var(--space-3)"]{padding:var(--space-3)!important;font-size:var(--text-xs)!important}button[style*="width: 100%"]{min-height:48px!important;padding:var(--space-3) var(--space-4)!important;font-size:16px!important}.section-header[style*="cursor: pointer"]{padding:var(--space-4)!important}.hamburger-button{width:48px;height:48px}.menu-panel{width:280px}.menu-item,.history-item,.about-section{padding:var(--space-4)}.history-dream-text{font-size:16px;line-height:1.7}.sticky-dream-summary{position:static!important;margin-bottom:var(--space-5)}.rule-condition,.rule-outcome,.entity-summary{font-size:16px;line-height:1.7}.loading-container{padding:var(--space-6) var(--space-4)}.form-section{margin-bottom:var(--space-4)}}@media (max-width: 375px){:root{--space-3: .5rem;--space-4: .625rem;--space-5: .875rem}.header h1{font-size:var(--text-lg)}.main-content{padding:var(--space-2)}.rule-card,.entity-card{padding:var(--space-3)}}@media (min-width: 768px) and (max-width: 1024px){.results-container{max-width:720px;margin:0 auto}.form-grid{grid-template-columns:repeat(2,1fr)}}