*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-bg{background:linear-gradient(135deg,#dbeafe,#e0e7ff);min-height:100vh;padding:3rem 1rem}.container{max-width:56rem;margin-left:auto;margin-right:auto}.card{background:#fff;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #f3f4f6;overflow:hidden;padding:2rem;margin-bottom:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-red-700{color:#b91c1c}.text-blue-700{color:#1d4ed8}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}@media (min-width: 768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 3rem;background-color:#4f46e5;color:#fff;font-weight:600;font-size:1.125rem;border-radius:.5rem;transition:all .2s ease-in-out;border:none;cursor:pointer;text-decoration:none}.btn-primary:hover:not(:disabled){background-color:#4338ca;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:#3730a3;transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:#6b7280;color:#fff;font-weight:500;border-radius:.5rem;transition:all .2s ease-in-out;border:none;cursor:pointer;text-decoration:none}.btn-secondary:hover{background-color:#4b5563}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease-in-out;background-color:#fff}.form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}textarea.form-input{resize:none;min-height:100px}.theme-card{padding:1rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;transition:all .2s ease-in-out;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.theme-card:hover:not(:disabled){border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}.theme-card.active{border-color:#4f46e5;background-color:#f0f9ff;color:#1e40af}.theme-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.theme-emoji{font-size:2rem;margin-bottom:.5rem;display:block}.theme-label{font-weight:500;font-size:.875rem}.interest-tag{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;cursor:pointer;border:none;display:inline-block}.interest-tag.active{background-color:#4f46e5;color:#fff;box-shadow:0 2px 4px #4f46e54d}.interest-tag.inactive{background-color:#f3f4f6;color:#374151}.interest-tag.inactive:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-1px)}.interest-tag:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-box{padding:1rem;background-color:#fef2f2;border-left:4px solid #f87171;border-radius:0 .5rem .5rem 0;margin-bottom:1.5rem}.icon{width:1rem;height:1rem;margin-right:.5rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-lg{width:1.5rem;height:1.5rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.story-content{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.125rem;line-height:1.8;color:#374151;white-space:pre-wrap;margin-bottom:2rem}.story-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:.875rem;color:#6b7280;margin-bottom:2rem}.story-meta-item{display:flex;align-items:center;gap:.25rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.whitespace-pre-wrap{white-space:pre-wrap}.leading-relaxed{line-height:1.625}.prose{max-width:none}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.min-h-screen{min-height:100vh}