@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pink: #ff2d78;--pink-dim: #cc1f5e;--black: #0a0a0a;--off: #1a1a1a}html,body{background:var(--black);color:var(--pink);font-family:JetBrains Mono,Courier New,monospace;font-size:16px;min-height:100vh;overflow-x:hidden}@keyframes glitch{0%{text-shadow:-2px 0 #00ffff,2px 0 #ff0044;clip-path:inset(0 0 95% 0)}5%{text-shadow:2px 0 #00ffff,-2px 0 #ff0044}10%{text-shadow:-3px 0 #00ffff,3px 0 #ff0044;clip-path:inset(20% 0 60% 0)}15%{text-shadow:none;clip-path:none}80%{text-shadow:none;clip-path:none}82%{text-shadow:1px 0 #00ffff,-1px 0 #ff0044;clip-path:inset(40% 0 40% 0)}84%{text-shadow:-1px 0 #00ffff,1px 0 #ff0044;clip-path:inset(60% 0 20% 0)}86%{text-shadow:none;clip-path:none}to{text-shadow:none;clip-path:none}}.glitch{animation:glitch 4s infinite;animation-timing-function:steps(1)}@keyframes blink-weird{0%,45%,55%,to{opacity:1}48%,52%{opacity:0}70%,72%{opacity:0}71%{opacity:1}}@keyframes border-pulse{0%,to{border-color:var(--pink)}30%{border-color:#f04;box-shadow:0 0 8px #f045}60%{border-color:#0ff;box-shadow:0 0 4px #0ff3}}.app{min-height:100vh;display:flex;flex-direction:column;padding:2rem;max-width:720px;margin:0 auto}.name-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.name-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;opacity:.6}.name-input{width:100%;max-width:480px;font-size:2.5rem;font-family:inherit;font-weight:700;text-align:center;background:transparent;border:none;border-bottom:1px solid var(--pink);color:var(--pink);outline:none;caret-color:var(--pink);animation:blink-weird 2.3s infinite,border-pulse 5s infinite}.name-input::placeholder{color:#ff2d7844}.form-screen{flex:1;display:flex;flex-direction:column;gap:2rem}.compaction-viewport{display:flex;flex-direction:column;gap:.15rem;border-bottom:1px solid #ff2d7822;padding-bottom:1rem;transition:all .3s ease}.sediment-name{font-weight:700;letter-spacing:.1em;padding-bottom:.4em;transition:font-size .4s ease,opacity .4s ease}.sediment-block{display:inline;transition:font-size .4s ease,opacity .4s ease,line-height .4s ease}.sediment-prompt{opacity:.5;font-style:italic}.sediment-prompt:after{content:" → ";opacity:.4}.sediment-value{font-weight:700}@keyframes slam-in{0%{transform:translateY(20px) skew(-2deg);opacity:0;filter:blur(2px)}30%{transform:translateY(-4px) skew(1deg);opacity:1;filter:blur(0)}50%{transform:translateY(2px) skew(0)}to{transform:none}}@keyframes lock-out{0%{opacity:1;transform:none}40%{opacity:1;filter:brightness(3)}to{opacity:0;transform:translateY(-8px)}}.active-question{animation:slam-in .4s cubic-bezier(.22,1,.36,1) forwards}.active-question.locking{animation:lock-out .4s ease-out forwards}.question-prompt{font-size:1.25rem;font-weight:700;margin-bottom:1.2rem;line-height:1.4}.input-wrapper{display:flex;flex-direction:column;gap:.75rem}.text-input,.textarea-input,.dropdown-input{font-family:inherit;font-size:1rem;background:transparent;border:none;border-bottom:1px solid var(--pink);color:var(--pink);outline:none;padding:.4rem 0;caret-color:var(--pink);animation:border-pulse 7s infinite}.text-input::placeholder,.textarea-input::placeholder{color:#ff2d7833}.textarea-input{resize:vertical;border:1px solid var(--pink);padding:.5rem;min-height:100px}.dropdown-input{border:1px solid var(--pink);padding:.4rem .5rem;cursor:pointer;appearance:none;-webkit-appearance:none}.dropdown-input option{background:var(--black);color:var(--pink)}.radio-wrapper,.multiselect-wrapper{flex-direction:column;gap:.5rem}.radio-option,.multi-option{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.3rem 0;font-size:.95rem;transition:color .15s ease;-webkit-user-select:none;user-select:none}.radio-option:hover,.multi-option:hover{color:#fff}.radio-option.selected,.multi-option.selected{font-weight:700;text-shadow:0 0 8px var(--pink)}.radio-mark,.check-mark{font-size:.8rem;width:1em;flex-shrink:0}.submit-btn{align-self:flex-start;background:transparent;border:1px solid var(--pink);color:var(--pink);font-family:inherit;font-size:1.1rem;padding:.3rem 1rem;cursor:pointer;transition:background .15s ease,color .15s ease;margin-top:.5rem}.submit-btn:hover:not(:disabled){background:var(--pink);color:var(--black)}.submit-btn:disabled{opacity:.3;cursor:not-allowed}.name-submit{font-size:1.4rem;padding:.4rem 2rem}.done-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.done-text{font-size:2rem;font-weight:700}.done-sub{font-size:.85rem;opacity:.5;letter-spacing:.15em}.form-header{display:flex;align-items:baseline;justify-content:space-between;padding:1.5rem 2rem .5rem;border-bottom:1px solid #ff2d7840}.form-title{font-size:clamp(2rem,6vw,4rem);font-weight:700;letter-spacing:.12em;margin:0;color:#ff2d78}.generate-btn{background:transparent;border:1px solid #ff2d7860;color:#ff2d7880;font-family:inherit;font-size:.7rem;letter-spacing:.15em;padding:.4rem .8rem;cursor:pointer;transition:border-color .2s,color .2s}.generate-btn:hover{border-color:#ff2d78;color:#ff2d78}.multi-option.focused,.radio-option.focused{opacity:1;border-left:2px solid #ff2d78;padding-left:.5rem}.form-header-left{display:flex;flex-direction:column;gap:.25rem}.home-link{font-size:.7rem;letter-spacing:.2em;text-decoration:none;color:#ff2d7880}.home-link:hover{color:#ff2d78}.form-footer{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1.5rem;border-top:1px solid #ff2d7840;background:linear-gradient(180deg,#0a0a0a00,#0a0a0ad9 40%,#0a0a0a);display:flex;justify-content:flex-start;pointer-events:none}.form-footer .home-link{pointer-events:auto;font-size:.85rem;letter-spacing:.2em;color:#ff2d78}.form-screen{position:relative;flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.compaction-viewport{max-height:28vh;overflow:hidden}.active-question{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 1.5rem 4rem}.date-input-wrapper{position:relative}.date-field-wrap{position:relative;width:min(320px,100%)}.date-calendar{position:absolute;top:calc(100% + .4rem);left:0;z-index:20;width:100%;border:1px solid var(--pink);background:var(--black);padding:.55rem;box-shadow:0 0 14px #ff2d7833}.date-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;font-size:.82rem;letter-spacing:.05em}.date-nav-btn{background:transparent;border:1px solid #ff2d7860;color:var(--pink);width:1.65rem;height:1.4rem;cursor:pointer}.date-nav-btn:hover{border-color:var(--pink)}.date-weekdays,.date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem}.date-weekdays{font-size:.66rem;opacity:.7;margin-bottom:.3rem;text-align:center}.date-day{font-family:inherit;font-size:.78rem;color:var(--pink);background:transparent;border:1px solid #ff2d7822;min-height:1.7rem;cursor:pointer}.date-day:hover{border-color:#ff2d78aa;color:#fff}.date-day.muted{opacity:.35}.date-day.today{border-color:#0ff6}.date-day.selected{background:#ff2d7822;border-color:var(--pink);font-weight:700}.generate-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.pdf-status{font-size:.65rem;letter-spacing:.12em;color:#ff2d78aa;max-width:260px;text-align:right}.markdown-panel{margin:1rem 1.5rem;border:1px solid #ff2d7840;padding:.75rem;background:#0a0a0a}.markdown-text{width:100%;min-height:200px;background:transparent;color:#ff2d78;font-family:JetBrains Mono,monospace;font-size:.8rem;border:none;outline:none;resize:vertical}.markdown-actions{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.copy-status{font-size:.65rem;letter-spacing:.12em;color:#ff2d78aa}.tuner-wrap{width:min(480px,100%);display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}.tuner-header,.tuner-ends{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.16em;opacity:.75}.tuner-header strong{color:#fff;opacity:.9}.tuner-bar{width:100%;accent-color:var(--pink);cursor:ew-resize}.scale-wrapper{display:flex;gap:.75rem;align-items:center}.scale-option{cursor:pointer;opacity:.6}.scale-option.selected{opacity:1}
