:root{--bg-center:#1a1e1c;--bg-edge:#050605;--text-muted:#b8c2bd;--text-bright:#fff;--accent-glow:#fff;--border-tech:#b8c2bd66;--font-mono:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Fraunces", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:radial-gradient(circle at 50% 40%, var(--bg-center) 0%, var(--bg-edge) 100%);color:var(--text-bright);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100vh}body{flex-direction:column;display:flex}.container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100svh;padding:2rem 1rem;display:flex;position:relative}h1.title{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-bright);text-align:center;text-shadow:0 0 30px #ffffff40;margin-bottom:2rem;font-size:3.25rem;font-weight:400;line-height:1.05}h1.title em{font-style:italic;font-weight:400}.mirror-housing{z-index:5;background:#000;border-radius:225px;justify-content:center;align-items:center;width:450px;max-width:90vw;height:600px;transition:box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #000000e6,inset 0 0 0 1px #ffffff1a,inset 0 0 15px #ffffff0d,0 20px 50px #000c}.mirror-housing:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff08;position:absolute;inset:-2px}.reticle{background:var(--border-tech);z-index:6;position:absolute}.reticle-t{width:1px;height:15px;top:-20px;left:50%}.reticle-b{width:1px;height:15px;bottom:-20px;left:50%}.reticle-l{width:15px;height:1px;top:50%;left:-20px}.reticle-r{width:15px;height:1px;top:50%;right:-20px}.mirror-housing img,.mirror-housing .mountain-img{border-radius:inherit;object-fit:cover;opacity:.98;width:100%;height:100%;transition:filter .6s,opacity .6s;display:block}.mirror-housing .mountain-img.dim{filter:grayscale()brightness(.45)contrast(.95);opacity:.55}.mirror-housing .placeholder{color:var(--text-muted);letter-spacing:.3em;text-transform:uppercase;text-align:center;padding:2rem;font-size:.65rem;line-height:1.8}.mirror-housing .placeholder.overlay{color:var(--text-bright);text-shadow:0 0 10px #000000e6;z-index:7;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sub-copy{color:var(--text-muted);letter-spacing:0;text-align:center;max-width:34rem;margin:2rem 0 1.5rem;font-size:.95rem;font-weight:400;line-height:1.55}.input-group{flex-direction:column;align-items:flex-start;width:100%;max-width:500px;display:flex;position:relative}textarea.experience{border:none;border-bottom:1px solid var(--border-tech);width:100%;color:var(--text-bright);font-family:var(--font-mono);letter-spacing:0;resize:none;background:0 0;min-height:3rem;max-height:40vh;padding:.8rem 1rem;font-size:1rem;font-weight:400;line-height:1.55;transition:all .3s;overflow-y:auto}textarea.experience:focus{border-bottom-color:var(--text-bright);outline:none;box-shadow:0 1px 10px #ffffff1a}textarea.experience::placeholder{color:#b8c2bd8c;font-style:normal}.submit-row{letter-spacing:0;width:100%;color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.8rem;display:flex}.submit-btn{color:var(--text-bright);border:1px solid var(--border-tech);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:2px;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;transition:all .3s}.submit-btn:hover:not(:disabled){border-color:var(--text-bright);box-shadow:0 0 15px #ffffff26}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.char-count{-webkit-user-select:none;user-select:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scanner-line{opacity:0;z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;height:2px;position:absolute;top:0;left:0;box-shadow:0 0 10px #ffffff80}.scanning .scanner-line{opacity:1;animation:2s linear infinite scan}@keyframes scan{0%{top:0}to{top:100%}}.loading-text{letter-spacing:.3em;color:var(--text-muted);text-transform:uppercase;text-align:center;font-size:.6rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.result-view{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:720px;padding:1rem 0 3rem;display:flex}.result-label{letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:500}.mountain-name{font-family:var(--font-display);letter-spacing:.005em;text-align:center;color:var(--text-bright);text-shadow:0 0 30px #ffffff4d;font-size:2.75rem;font-weight:400;line-height:1.1}.reflection{font-family:var(--font-display);color:var(--text-bright);text-align:center;letter-spacing:0;max-width:32rem;margin:.5rem 0 1rem;font-size:1.4rem;font-style:italic;font-weight:400;line-height:1.45}.data-grid{border-top:1px solid var(--border-tech);border-bottom:1px solid var(--border-tech);grid-template-columns:1fr 1fr;gap:1.5rem 2rem;width:100%;max-width:500px;margin-top:1rem;padding:1.5rem 0;display:grid}.data-cell{flex-direction:column;gap:.3rem;display:flex}.data-key{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:500}.data-val{color:var(--text-bright);letter-spacing:0;font-size:1rem;font-weight:400;line-height:1.45}.facts-section{flex-direction:column;gap:1rem;width:100%;max-width:500px;margin-top:1rem;display:flex}.facts-title{letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase;text-align:center;margin-bottom:.5rem;font-size:.7rem;font-weight:500}.fact{color:var(--text-bright);border-left:1px solid var(--border-tech);letter-spacing:0;padding-left:1rem;font-size:.95rem;font-weight:400;line-height:1.55}.share-section{border-top:1px solid var(--border-tech);flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:500px;margin-top:2rem;padding-top:2rem;display:flex}.share-title{letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:500}.share-buttons{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.share-btn{color:var(--text-bright);border:1px solid var(--border-tech);font-family:var(--font-mono);letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.share-btn:hover{border-color:var(--text-bright);box-shadow:0 0 12px #ffffff1f}.share-hint{color:var(--text-bright);letter-spacing:0;text-align:center;max-width:32rem;margin-top:.5rem;font-size:.85rem;line-height:1.55}.secondary-link{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:0;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:1rem;padding:.5rem 1rem;font-size:.85rem;text-decoration:underline;transition:color .2s}.secondary-link:hover{color:var(--text-bright)}.error-message{color:#c97373;letter-spacing:.05em;margin-top:1rem;font-size:.75rem}@media (max-width:768px){.container{justify-content:flex-start;min-height:auto;padding:1rem}.mirror-housing{border-radius:120px;width:240px;height:320px}h1.title{margin-bottom:.75rem;font-size:2.1rem}.sub-copy{margin:1rem 0 .75rem;font-size:.9rem}.mountain-name{font-size:2.3rem}.reflection{font-size:1.2rem}.fact{font-size:.95rem}.data-val{font-size:1rem}.data-grid{grid-template-columns:1fr;gap:1rem}textarea.experience{padding:.6rem .8rem;font-size:.95rem}.submit-row{margin-top:.5rem}}@media (max-width:380px){.container{padding:.75rem 1rem}.mirror-housing{border-radius:100px;width:200px;height:270px}h1.title{margin-bottom:.5rem;font-size:1.75rem}.sub-copy{margin:.75rem 0 .5rem;font-size:.85rem}}@media (max-height:700px) and (max-width:768px){.mirror-housing{border-radius:90px;width:180px;height:240px}h1.title{margin-bottom:.5rem;font-size:1.6rem}}