*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#020617;color:#f8fafc;line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1200px;padding:2rem;margin:0 auto}h1{font-size:4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;color:#f8fafc;line-height:1.1}.tagline{font-size:1.5rem;font-weight:400;margin-bottom:3rem;color:#94a3b8;max-width:600px}.submit-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:9999px;box-shadow:0 1px 2px rgba(0,0,0,.3)}.submit-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.submit-btn:disabled{background:#1e293b;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.confession-input,.email-input,.search-input{width:100%;padding:.875rem 1rem;border:1px solid #334155;background:#0f172a;font-size:1rem;font-family:inherit;color:#f8fafc;border-radius:12px;transition:all .2s ease}.confession-input:focus,.email-input:focus,.search-input:focus{outline:none;border-color:#3b82f6;background:#1e293b;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.confession-input::placeholder,.email-input::placeholder,.search-input::placeholder{color:#64748b}.woes-page{min-height:100vh;padding:4rem 2rem;background:#020617}.woes-heading{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;text-align:center;margin-bottom:1rem;color:#f8fafc}.woes-subtitle{font-size:1.25rem;text-align:center;margin-bottom:4rem;color:#94a3b8}.woe-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:2.5rem;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.woe-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.3);border-color:#475569;transform:translateY(-2px)}.woe-title{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-bottom:1.5rem;line-height:1.25;letter-spacing:-.02em}.woe-body{font-size:1.05rem;line-height:1.75;color:#cbd5e1;margin-bottom:2rem;white-space:pre-line}.woe-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.woe-tag{font-size:.75rem;padding:.25rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:9999px;color:#94a3b8;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.generate-page,.swipe-page{background:#020617}.generate-page{min-height:100vh;color:#f8fafc;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.split-container{display:flex;width:100%;max-width:1100px;gap:6rem;align-items:flex-start}.input-panel{flex:1 1;padding-right:2rem;border-right:1px dashed #334155}.result-panel{flex:1 1}.generate-heading{font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;color:#f8fafc;line-height:1.1}.generate-subtitle{font-size:1.125rem;color:#94a3b8;margin-bottom:2.5rem;line-height:1.6}.confession-form{display:flex;flex-direction:column;gap:1.5rem}.confession-input{height:180px;resize:none;padding:1.5rem;font-size:1.125rem;border:1px solid #334155;border-radius:16px;background:#0f172a}.generate-btn{width:-moz-fit-content;width:fit-content;padding:1rem 2.5rem;font-size:1.125rem;margin-top:.5rem}.loader-container{display:flex;justify-content:center;align-items:center;height:300px;background:#0f172a;border-radius:16px;border:1px dashed #334155}.terminal-loader{font-family:Inter,sans-serif;color:#94a3b8;font-size:1rem;font-weight:500}.cursor{color:#3b82f6;animation:blink 1s infinite}.empty-state-placeholder{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed #334155;border-radius:16px;background:#0f172a;color:#64748b;text-align:center}.badge{display:inline-block;padding:.5rem 1rem;border:1px solid #334155;border-radius:9999px;font-size:.875rem;font-weight:600;color:#94a3b8;background:#1e293b;margin-bottom:1.5rem}@media (max-width:768px){.split-container{flex-direction:column;gap:4rem}.input-panel{border-right:none;padding-right:0;border-bottom:1px dashed #334155;padding-bottom:3rem}.generate-heading,h1{font-size:2.5rem}}