:root{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Menlo,monospace;line-height:1.4;font-weight:400;font-size:14px}body{margin:0;min-width:320px;min-height:100vh;color:#0f0;background:#000}button{border:1px solid #333333;padding:8px 16px;font-size:14px;font-family:inherit;cursor:pointer;background:#111;color:#0f0}:root{color-scheme:only light}#root{min-height:100vh;background:#f4f1eb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#2a2522}*{box-sizing:border-box}body{margin:0}.app-shell{height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.2rem;overflow:hidden}.header{text-align:center;display:flex;flex-direction:column;gap:.3rem;width:100%;max-width:560px;flex-shrink:0}.header h1{font-size:clamp(1.8rem,4.5vw,2.4rem);margin:0;letter-spacing:-.02em;font-weight:600}.header-prompt-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:none;border:none;padding:0;font:inherit;cursor:pointer;margin:0;font-size:clamp(1rem,3.2vw,1.2rem);color:inherit;width:100%}.header-prompt-toggle:hover .header-reroll,.header-prompt-toggle:focus-visible .header-reroll{transform:rotate(-45deg)}.header-text{display:inline-flex;align-items:baseline;gap:.25rem}.header-emphasis{font-weight:600}.header-reroll{transition:transform .2s ease}.stanza-count{font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.progress-track{display:inline-flex;align-items:baseline;gap:.35rem;margin-top:.4rem;margin-bottom:.2rem;font-size:.9rem;letter-spacing:.06em}.progress-label{text-transform:uppercase}.progress-value{font-size:1.05rem;font-weight:600}.progress-divider,.progress-total{opacity:.65}.poem-stage{display:grid;gap:1.2rem;width:100%;max-width:560px;flex-shrink:0}.poem-line{display:flex;gap:1rem;align-items:flex-start}.figure-wrapper{display:flex;flex-direction:column;align-items:center;min-width:80px}.figure-wrapper pre{margin:0;font-size:1rem;line-height:1.1}.figure-label{margin-top:.25rem;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.line-bubble{flex:1;min-height:3.5rem;padding:.9rem 1rem;border-radius:14px;border:1px solid #d9d2c7;background:#fffefc;display:flex;align-items:center;justify-content:left;font-size:1.05rem;line-height:1.4;overflow:hidden;position:relative}.line-speaking{border-color:#8b6cf8;box-shadow:0 0 0 3px #8b6cf826}.line-listening{border-color:#2a2522;box-shadow:inset 0 0 0 2px #2a252233}.line-placeholder{color:#9d948c;font-style:italic}.status-text{font-size:.95rem;font-style:italic;color:#6b645d}.inline-input-form{width:100%;display:flex}.inline-input{width:100%;font-size:1.05rem;padding:.2rem 0;border:none;background:transparent;color:inherit;font-family:inherit}.inline-input:focus{outline:none}.user-input-stack{display:flex;flex-direction:column;gap:.6rem;width:100%}.push-to-talk-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;border:1px solid #2a2522;background:#f2ede6;color:#2a2522;font-size:.95rem;font-weight:500;padding:.45rem .9rem;min-height:3rem;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.push-to-talk-button:hover:not(:disabled),.push-to-talk-button:focus-visible{box-shadow:0 0 0 3px #2a252226}.push-to-talk-button--active{background:#2a2522;color:#fffefc;box-shadow:inset 0 0 0 2px #ffffff59}.push-to-talk-button:disabled{opacity:.4;cursor:not-allowed}.primary-button{border:1px solid #2a2522;background:transparent;color:inherit;padding:.9rem 1.6rem;border-radius:999px;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.primary-button:focus{outline:2px solid #2a2522;outline-offset:3px}.rhythm-guide{font-size:.95rem;letter-spacing:.08em;color:#6b645d;flex-shrink:0}.archive-section{width:100%;max-width:640px;display:flex;flex-direction:column;gap:1rem;flex-shrink:1;min-height:0;overflow-y:auto}.archive-section.has-active{max-width:none}.archive-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.archive-heading{margin:0;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#6b645d}.archive-filter{display:flex;gap:.4rem}.filter-chip{border:1px solid #cec6ba;border-radius:999px;padding:.4rem .8rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#6b645d;cursor:pointer;transition:all .2s ease;background:transparent}.filter-chip:hover{border-color:#2a2522;color:#2a2522}.filter-chip.active{background:#2a2522;border-color:#2a2522;color:#f9f6f1}.archive-loading,.archive-empty{font-size:.85rem;font-style:italic;color:#9d948c;text-align:center;padding:2rem}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem}.archive-card{display:flex;flex-direction:column;gap:.6rem;border:1px solid #d9d2c7;border-radius:16px;padding:1rem;background:#fffefc;text-align:left;cursor:pointer;transition:border-color .2s ease;color:inherit}.archive-card:hover,.archive-card.active{border-color:#2a2522}.archive-card-title{font-size:1rem;font-weight:600;line-height:1.3}.archive-card-author{font-size:.78rem;color:#6b645d;font-style:italic}.archive-card-meta{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#9d948c}.archive-card-body{display:flex;flex-direction:column;gap:.9rem;border-top:1px dashed #d9d2c7;padding-top:.8rem}.archive-detail{width:100%;background:#fffefc;border-radius:20px;border:1px solid #d9d2c7;overflow-y:auto;display:flex;justify-content:center;flex-shrink:1;min-height:0}.archive-detail-content{width:min(720px,100%);padding:clamp(1.2rem,3vw,2rem);display:flex;flex-direction:column;gap:1.4rem}.archive-detail-header{display:flex;flex-direction:column;gap:1rem}.archive-detail-title{font-size:clamp(1.2rem,3.4vw,1.8rem);font-weight:600;line-height:1.3}.archive-detail-author{font-size:.95rem;color:#6b645d;font-style:italic;margin-top:.2rem}.archive-detail-meta{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#9d948c;margin-top:.3rem}.archive-detail-body{display:flex;flex-direction:column;gap:1.5rem}.archive-detail-actions{display:flex;gap:.6rem;width:100%}.archive-back-button,.archive-publish-button{border:1px solid #2a2522;background:transparent;color:inherit;padding:.6rem 1rem;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s ease,opacity .15s ease;flex:1}.archive-back-button{order:-1}.archive-back-button:hover,.archive-publish-button:hover:not(:disabled){border-color:#2a2522;background:#2a25220d}.archive-back-button:focus,.archive-publish-button:focus{outline:2px solid #2a2522;outline-offset:3px}.archive-publish-button{background:#2a2522;color:#f9f6f1}.archive-publish-button:hover:not(:disabled){background:#3d362f}.archive-publish-button:disabled{opacity:.5;cursor:not-allowed}.archive-publish-success,.archive-publish-error{padding:.6rem 1rem;border-radius:12px;font-size:.85rem;letter-spacing:.05em;text-align:center}.archive-publish-success{background:#8bc34a26;color:#558b2f;border:1px solid rgba(139,195,74,.3)}.archive-publish-error{background:#f443361a;color:#c62828;border:1px solid rgba(244,67,54,.25)}.archive-stanza{display:flex;flex-direction:column;gap:.4rem}.archive-stanza-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#9d948c}.archive-line{margin:0;font-size:.95rem;line-height:1.3;color:#2a2522}.archive-line.user-line{color:#4f463f;font-style:italic}.stanza-progress{display:flex;align-items:center;gap:.8rem;font-size:.85rem;letter-spacing:.05em;color:#6b645d}.progress-lines{display:grid;grid-template-columns:repeat(4,minmax(48px,1fr));gap:.4rem}.progress-line{display:inline-block;height:2px;border-radius:999px;background:#d2cabe}.progress-line.completed{background:#2a2522}.progress-line.current{background:#2a2522;height:4px}.progress-dots{display:inline-flex;gap:.35rem}.progress-dot{width:12px;height:12px;border-radius:999px;border:1px solid #bcb4aa;background:transparent;display:inline-block}.progress-dot.completed{background:#2a2522}.progress-dot.current{background:#2a2522;box-shadow:0 0 0 2px #2a252240}.ellipsis{display:inline-flex;gap:.2rem;font-size:1.05rem;letter-spacing:.1em;color:#9d948c}.ellipsis span{animation:ellipsis-bounce 1.2s infinite ease-in-out}.ellipsis span:nth-child(2){animation-delay:.15s}.ellipsis span:nth-child(3){animation-delay:.3s}@keyframes ellipsis-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}.settings-wrapper{position:fixed;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;z-index:20}.settings-toggle{background:transparent;border:none;font-size:1.6rem;cursor:pointer;transition:transform .2s ease}.settings-toggle:hover{transform:rotate(14deg)}.settings-panel{padding:1rem 1.2rem 1.4rem;border:1px solid #d8d1c5;border-radius:18px;background:#f9f6f1;box-shadow:0 18px 40px -32px #2a25228c;display:none;min-width:240px}.settings-panel.open{display:block}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.settings-header h2{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:#6b645d}.settings-close{border:none;background:transparent;color:#6b645d;font-size:1.2rem;line-height:1;cursor:pointer}.settings-close:hover{color:#2a2522}.settings-close:focus{outline:2px solid #2a2522;outline-offset:3px}.settings-body{display:flex;flex-direction:column;gap:1.2rem}.settings-field{border:none;padding:0;margin:0}.settings-field legend{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#8e857b;margin-bottom:.5rem}.settings-options{display:flex;gap:.5rem;flex-wrap:wrap}.option-chip{position:relative;border:1px solid #cec6ba;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:#6b645d;cursor:pointer;transition:all .2s ease}.option-chip input{position:absolute;opacity:0;pointer-events:none}.option-chip:hover{border-color:#2a2522;color:#2a2522}.option-chip.active{background:#2a2522;border-color:#2a2522;color:#f9f6f1}.option-chip.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.toggle{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:#6b645d}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:46px;height:24px;background:#d4cdc2;border-radius:999px;transition:background .2s ease}.toggle.on .toggle-track{background:#2a2522}.toggle-thumb{position:absolute;top:3px;left:4px;width:18px;height:18px;border-radius:50%;background:#f9f6f1;transition:transform .2s ease}.toggle.on .toggle-thumb{transform:translate(20px)}.toggle-label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}.settings-note{margin-top:.35rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#8e857b}.settings-panel.open{animation:panel-slide .18s ease}@keyframes panel-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.settings-panel{padding:1rem .9rem 1.2rem;width:min(88vw,320px)}.settings-options{gap:.4rem}.option-chip{font-size:.72rem;padding:.4rem .7rem}.settings-wrapper{top:1rem;right:1rem}.settings-toggle{font-size:1.4rem}}@media (max-width: 600px){.app-shell{padding:1rem;gap:1.6rem}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.archive-section.has-active{padding:0}.archive-detail{border-radius:16px}.archive-detail-content{padding:1.2rem}.archive-detail-title{font-size:1.4rem}.header{gap:.25rem}.progress-track{font-size:.8rem}.figure-wrapper{min-width:64px}.figure-wrapper pre{font-size:.9rem}.poem-line{gap:.6rem}.line-bubble{padding:.75rem .85rem;min-height:2.8rem;font-size:.98rem}.inline-input{font-size:.98rem}}