.story-guide{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.guide-header{margin-bottom:2rem;text-align:center}.format-hint{color:var(--primary);font-size:1.2rem;font-weight:500}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.category{background:#f8fafc;border-radius:8px;padding:1.5rem}.category h2{color:#37a4b0;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;margin-top:0;text-transform:capitalize}.category ul{list-style:none;padding:0}.category li{line-height:1.5;margin:1rem 0}.examples ul{list-style:none;padding:0}.examples li{background:linear-gradient(to bottom right,#f8def2,#c6f2ef);border-radius:6px;margin:.5rem 0;padding:.75rem}.pro-tips{background:#e99bcb;background:linear-gradient(135deg,#e99bcb,#b2e6f2);border-radius:12px;box-shadow:0 4px 8px #00000026;transition:all .3s ease-in-out}.pro-tips ul{column-count:2;column-gap:2rem}@media (max-width:768px){.pro-tips ul{column-count:1}.story-guide{margin:1rem;padding:1rem}}.story-creator{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.creator-header{margin-bottom:2rem;text-align:center}.creator-header h1{color:#e24ac6;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:2px 2px 4px #e24ac64d}.creator-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#333;font-weight:500}.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s}.form-group select:hover{border-color:#cbd5e0}.form-group select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.preview-section{background-color:#f9f9f9;border:1px solid #eee;margin-top:20px;padding:15px}.preview-section h2{color:#333;margin-top:0}.generated-story-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:30px;padding:20px}.generated-story-section h2{color:#d179cb;margin-top:0}.story-content{background-color:#fdfdfd;border:1px solid #eee;border-radius:4px;line-height:1.6;margin-top:15px;max-height:300px;overflow-y:auto;padding:10px}.story-actions{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:20px}.qr-code-container{text-align:center}.qr-code-container h4{color:#555;font-size:.9em;margin-bottom:5px}.qr-placeholder{align-items:center;border:1px dashed #ccc;color:#777;display:inline-block;display:flex;font-size:.8em;justify-content:center;min-height:50px;min-width:100px;padding:10px}.download-button{background-color:#07e8ca;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px}.download-button:hover{background-color:#037d6d}.download-button:disabled{background-color:#ccc;cursor:not-allowed}.story-error-message{background-color:#ffebee;border:1px solid #ef9a9a;border-radius:4px;color:#c62828;padding:15px}.story-error-message h2{color:#c62828;margin-top:0}.create-button{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:1rem;transition:background-color .2s}.create-button:hover{background:#357abd}.create-button:disabled{background:#cbd5e0;cursor:not-allowed}.preview-section{background:#f8fafc;border-radius:8px;margin-top:2rem;padding:1.5rem}.btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.2px;min-width:180px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn:active{box-shadow:0 2px 8px #00000026;transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.btn .spinner{animation:btn-spin .8s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:20px}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-primary:hover{background:linear-gradient(135deg,#43a047,#1b5e20);box-shadow:0 6px 15px #2e7d324d}.btn-secondary{background:linear-gradient(135deg,#757f9a,#d7dde8);color:#e707f2;padding:8px 16px}.btn-secondary:hover{background:linear-gradient(135deg,#6e768e,#c9d1de);box-shadow:0 6px 15px #757f9a4d}.btn-download{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-download:hover{background:linear-gradient(135deg,#0069d9,#004494);box-shadow:0 6px 15px #007bff4d}.btn-toggle{background:linear-gradient(135deg,#f494ba,#b73a96);color:#fff;padding:8px 16px}.btn-toggle:hover{background:linear-gradient(135deg,#f070a3,#f20cb5);box-shadow:0 6px 15px #9c27b04d}.btn-surprise{background:linear-gradient(135deg,#ff9800,#ff5722);margin-bottom:15px}.btn-surprise:hover{background:linear-gradient(135deg,#fb8c00,#e64a19);box-shadow:0 6px 15px #ff57224d}.action-buttons,.form-buttons{display:flex;gap:16px;justify-content:center;margin-top:20px}.btn .ripple{animation:ripple .6s linear;background:#ffffff4d;border-radius:50%;position:absolute;transform:scale(0)}@media (max-width:768px){.story-creator{margin:1rem;padding:1.5rem}.creator-header h1{color:#8e24aa;font-size:1.5rem}}.random-banner{align-items:center;background-color:#fff9c4;border-radius:8px;display:flex;gap:10px;margin-bottom:15px;padding:10px 15px}.random-banner span{font-size:20px}.random-banner p{font-weight:500;margin:0}@keyframes pulse-select{0%{border-color:#ddd}50%{border-color:#ff9800;box-shadow:0 0 8px #ff980080}to{border-color:#ddd}}.random-select{animation:pulse-select 1s}.guide-actions{display:flex;justify-content:center;margin:25px 0}.guide-generate-btn{background:linear-gradient(135deg,#cb1196,#25c6fc);border:none;border-radius:8px;box-shadow:0 4px 10px #2575fc4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.guide-generate-btn:hover{box-shadow:0 6px 15px #2575fc66;transform:translateY(-2px)}.guide-generate-btn:disabled{background:#b3b3b3;box-shadow:none;cursor:not-allowed;transform:none}.profile-agent-bubble{align-items:flex-start;animation:fadeIn .5s ease-out;display:flex;margin:1rem 0 2rem}.speech-bubble{background-color:#fff;border:1px solid #00808033;border-radius:18px;border-top-left-radius:4px;box-shadow:0 3px 12px #00808026;max-width:calc(100% - 70px);padding:16px 20px;position:relative}.speech-bubble:before{background-color:#fff;border-bottom:1px solid #00808033;border-left:1px solid #00808033;content:"";height:20px;left:-10px;position:absolute;top:15px;transform:rotate(45deg);width:20px}.speech-bubble p{color:var(--text-on-light);font-size:1rem;line-height:1.5;margin:0}.speech-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.speech-action-btn{align-items:center;background-color:initial;border:1px solid var(--primary-color);border-radius:15px;color:var(--primary-color);cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:5px 10px;transition:all .2s}.speech-action-btn:hover{background-color:var(--primary-light);color:#fff}.speech-action-btn i{font-size:.9rem}@media (prefers-color-scheme:dark){.speech-bubble{background-color:#192121;border-color:#0080804d}.speech-bubble:before{background-color:#192121;border-bottom-color:#0080804d;border-left-color:#0080804d}}.profile-agent-avatar{align-items:center;background-color:#e0f7fa;border-radius:50%;color:#00796b;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;margin-right:10px;width:50px}body{background-color:#f0f2f5}.chat-app{align-items:center;box-sizing:border-box;min-height:100vh;padding:20px}.chat-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-top:20px;max-width:600px;padding:30px;width:100%}.chat-container h2{color:#61b4d5;font-size:2em;margin-bottom:20px;text-align:center}.messages{background:radial-gradient(circle,#fcfcfc,#f2d8f280);border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;flex-grow:1;gap:10px;max-height:500px;min-height:300px;overflow-y:auto;padding:10px}.message{word-wrap:break-word;border-radius:18px;max-width:80%;padding:10px 15px;white-space:pre-wrap}.message-user{align-self:flex-end;background-color:#007bff;border-bottom-right-radius:4px;color:#fff}.message-text{font-family:sans-serif}.chat-input{display:flex;gap:10px;margin-top:20px}.chat-input input{border:1px solid #ccc;border-radius:20px;flex-grow:1;font-size:1em;outline:none;padding:12px 15px;transition:border-color .3s ease}.chat-input input:focus{border-color:#0fe}.send-button{background:radial-gradient(circle,#f551f5,#a0d9b7);border:none;border-radius:20px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-size:1em;padding:12px 25px;transition:background-color .3s ease,transform .2s ease}.send-button:hover{background-color:#981782;transform:translateY(-1px)}.send-button:active{transform:translateY(0)}.message p{margin:0 0 10px}.message p:last-child{margin-bottom:0}.message code{background-color:#0000001a;border-radius:4px;font-family:monospace;padding:2px 4px}.message hr{border:0;border-top:1px solid #0000001a;margin:15px 0}.message ol,.message ul{margin-bottom:5px;margin-top:5px;padding-left:20px}.message-bot{align-self:flex-start;background-color:#e2e6ea;border-bottom-left-radius:4px;color:#333}.message-bot code{background-color:#00000012}.welcome-help{background-color:#ce4ae20d;border-radius:8px;padding:10px}.welcome-help h3{color:#ce4ae2;margin-top:0}.welcome-help h4{color:#6a6a6a;margin-bottom:5px;margin-top:15px}.welcome-help ul{margin:5px 0;padding-left:20px}.welcome-help code{background:#f1f1f1;border-radius:3px;font-family:monospace;padding:2px 4px}@media (max-width:768px){.chat-app{padding:10px}.chat-container{padding:20px}.chat-container h2{font-size:1.8em}.message{max-width:90%}.chat-input{flex-direction:column;gap:15px}.send-button{padding:15px;width:100%}}@media (max-width:480px){.chat-container{padding:15px}.chat-container h2{font-size:1.5em}.messages{min-height:200px}}.chat-header h1{-webkit-text-fill-color:#0000;text-fill-color:#0000;animation:glowWobble 3s ease-in-out infinite alternate;background:linear-gradient(90deg,#f133d2,#e0f6a6,#64ddea);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Poppins,Segoe UI,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:15px;text-align:center;text-shadow:0 2px 10px #4facfe4d}.chat-header h1 span{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#6fd1fb,#0c96cd);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-weight:600}@keyframes glowWobble{0%{background-position:0;text-shadow:0 2px 10px #4facfe4d;transform:translateY(0) rotate(0deg)}50%{background-position:100%;text-shadow:0 4px 20px #4facfe80;transform:translateY(-5px) rotate(-2deg)}to{background-position:0;text-shadow:0 2px 10px #4facfe4d;transform:translateY(0) rotate(0deg)}}.floating-logo{animation:float 20s ease-in-out infinite;height:auto;opacity:.7;pointer-events:none;position:fixed;right:9%;top:15%;z-index:-1}@keyframes float{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(15px,15px) rotate(1deg)}50%{transform:translateY(30px) rotate(0deg)}75%{transform:translate(-15px,15px) rotate(-1deg)}to{transform:translate(0) rotate(0deg)}}:root{--primary-color:teal;--primary-dark:#066;--primary-light:#66b2b2;--accent-color:#c71585;--accent-dark:#9e0e6a;--accent-light:#e06aa9;--text-on-light:#066;--text-on-dark:#99e6e6;--background-light:#f0f7f7;--background-dark:#0a2626}.random-story-page{background:linear-gradient(135deg,#f0f7f7,#fff);background:linear-gradient(135deg,var(--background-light),#fff);color:#066;color:var(--text-on-light);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh;padding:2rem}.random-story-container{background-color:#fff;background-image:linear-gradient(#ffffffb3,#ffffffb3),url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e0f2f2' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3Ccircle cx='13' cy='13' r='1'/%3E%3C/g%3E%3C/svg%3E");border:1px solid #0080801a;border-radius:12px;box-shadow:0 6px 16px #0080801a;margin-top:20px;padding:28px;transition:transform .3s ease,box-shadow .3s ease}.random-story-container:hover{box-shadow:0 10px 25px #00808026;transform:translateY(-2px)}.random-story-title{border-bottom:2px solid #e06aa9;border-bottom:2px solid var(--accent-light);color:teal;color:var(--primary-color);font-family:Georgia,serif;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.random-story-text{color:#066;color:var(--text-on-light);font-family:Georgia,serif;font-size:1.125rem;line-height:1.8;text-align:justify}.random-story-text p:first-of-type:first-letter{color:#c71585;color:var(--accent-color);float:left;font-size:3.5em;font-weight:700;line-height:.8;padding-right:8px;text-shadow:1px 1px 1px #0000001a}.random-story-text p{border-left:2px solid #0000;margin-bottom:1.2rem;padding-left:0;transition:all .3s ease}.random-story-text p:hover{border-left:2px solid #66b2b2;border-left:2px solid var(--primary-light);padding-left:10px}.btn-surprise{background:linear-gradient(135deg,teal,#c71585);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:10px;box-shadow:0 4px 12px #0080804d;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-surprise:hover{background:linear-gradient(135deg,#066,#9e0e6a);background:linear-gradient(135deg,var(--primary-dark),var(--accent-dark));box-shadow:0 8px 20px #00808066;transform:translateY(-3px)}.btn-surprise:active{box-shadow:0 4px 12px #00808066;transform:translateY(-1px)}.loading-spinner{animation:spin 1s linear infinite;border-bottom:3px solid #00808033;border-left:3px solid #00808033;border-radius:50%;border-right:3px solid #c71585;border-right-color:var(--accent-color);border-top:3px solid teal;border-top-color:var(--primary-color);display:inline-block;display:block;height:30px;margin:20px auto;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ripple{animation:ripple .8s cubic-bezier(.22,.61,.36,1);background-color:#ffffffb3;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.random-story-text{animation:fadeIn .5s ease-out forwards}.story-decoration{font-size:1.5rem;letter-spacing:.5rem;margin:1.5rem 0;text-align:center}.story-decoration:before{color:teal;color:var(--primary-color);content:"❦"}.story-decoration:after{color:#c71585;color:var(--accent-color);content:"❦"}.random-story-text::selection{background-color:#66b2b2;background-color:var(--primary-light);color:#fff}@media (prefers-color-scheme:dark){.random-story-page{background:linear-gradient(135deg,#0a2626,#1a1f29);background:linear-gradient(135deg,var(--background-dark),#1a1f29);color:#99e6e6;color:var(--text-on-dark)}.random-story-container{background-color:#192121;background-image:linear-gradient(#192121b3,#192121b3),url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23203333' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3Ccircle cx='13' cy='13' r='1'/%3E%3C/g%3E%3C/svg%3E");border:1px solid #00808033;box-shadow:0 6px 16px #0006}.random-story-title{border-bottom-color:#e06aa9;border-bottom-color:var(--accent-light);color:#2ebebe}.random-story-text{color:#99e6e6;color:var(--text-on-dark)}.random-story-text p:first-of-type:first-letter{color:#e06aa9;color:var(--accent-light)}.btn-surprise{background:linear-gradient(135deg,teal,#c71585);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 4px 12px #00808080}.btn-surprise:hover{background:linear-gradient(135deg,#00a3a3,#e74097)}.story-decoration:before{color:#3cc}.story-decoration:after{color:#e06aa9}.random-story-text p:hover{border-left:2px solid #3cc}}@media (max-width:768px){.random-story-page{padding:1rem}.random-story-container{padding:20px}.random-story-title{font-size:1.5rem}.random-story-text{font-size:1rem}}.random-story-meta{border-top:1px dashed #66b2b2;border-top:1px dashed var(--primary-light);color:#066;color:var(--primary-dark);display:flex;font-style:italic;justify-content:space-between;margin-top:2rem;padding-top:1rem}.random-story-date{font-size:.9rem}.random-story-author{color:#c71585;color:var(--accent-color);font-size:.9rem;font-weight:600}.random-story-text blockquote{border-left:4px solid #c71585;border-left:4px solid var(--accent-color);color:#9e0e6a;color:var(--accent-dark);font-style:italic;margin-left:0;padding-left:1rem}.agent-bubble-container{align-items:flex-start;animation:fadeIn .5s ease-out;display:flex;margin:1rem 0 2rem}.agent-avatar{align-items:center;background-color:teal;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 10px #0000001a;display:flex;height:50px;justify-content:center;margin-right:12px;overflow:hidden;width:50px}.agent-avatar img{height:70%;object-fit:cover;width:70%}.agent-speech-bubble{background-color:#fff;border:1px solid #00808033;border-radius:18px;border-top-left-radius:4px;box-shadow:0 3px 12px #00808026;max-width:calc(100% - 70px);padding:16px 20px;position:relative}.agent-speech-bubble:before{background-color:#fff;border-bottom:1px solid #00808033;border-left:1px solid #00808033;content:"";height:20px;left:-10px;position:absolute;top:15px;transform:rotate(45deg);width:20px}.agent-message{color:#333;font-size:1rem;line-height:1.5;margin:0}.agent-action-buttons{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-top:10px}.support-button{align-items:center;background-color:initial;border:1px solid teal;border-radius:15px;color:teal;cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:5px 10px;transition:all .2s}.support-button:hover{background-color:#0080801a}.agent-close-button{align-items:center;background-color:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:26px;justify-content:center;padding:0;transition:all .2s;width:26px}.agent-close-button:hover{background-color:#45a049}.profile-page{background-color:#f9f9f9;min-height:100vh}.profile-container{margin:0 auto;max-width:800px;padding:2rem}.profile-title{background:linear-gradient(135deg,#cc60dd,#aa69d3);border-radius:12px;box-shadow:0 8px 24px #ce4ae266;color:#fff;font-family:Bebas Neue,cursive;font-size:2rem;font-weight:900;letter-spacing:2px;margin:2rem 0;padding:1rem 2rem;text-align:center;text-shadow:1px 1px 6px #0000004d}.profile-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.profile-header{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1rem}.highlight{color:#ce4ae2;font-weight:600}.profile-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-item{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;flex-direction:column;padding:1rem}.stat-label{color:#666;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#333;font-size:1.25rem;font-weight:700}.favorite-genres h3{margin-bottom:1rem}.genre-tags{display:flex;flex-wrap:wrap;gap:.75rem}.genre-tag{background:#e9e4f0;border-radius:20px;color:#7b2cbf;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.error-banner{background:#fff4f4;border-left:4px solid #f33;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.action-button{border-radius:4px;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.action-button.primary{background:linear-gradient(135deg,#ce4ae2,#d96be8 35%,#b44cd9 70%,#902bbf);color:#fff}.action-button.secondary{background:linear-gradient(135deg,#f0f0f0,#e0e0e0 50%,#d0d0d0);color:#333}.action-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.ai-recommendations-section{background:linear-gradient(180deg,#fef1f7,#fbcfe8);border-radius:12px;box-shadow:0 4px 12px #e91e631a;margin:20px 0;padding:20px}.section-title{align-items:center;color:#b53363;display:flex;justify-content:space-between;margin-top:0}.refresh-button{background-color:#e167a8;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.refresh-button:hover{background-color:#c2185b;box-shadow:0 2px 5px #0003}.refresh-button:disabled{background-color:#e0e0e0;cursor:not-allowed}.recommendation-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:15px}.recommendation-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;padding:15px}.rec-genre{color:#cf497a;font-size:1rem;font-weight:700;margin-bottom:8px}.rec-concept{flex-grow:1;font-size:.95rem;line-height:1.4;margin-bottom:15px}.start-writing-btn{align-self:center;background:linear-gradient(90deg,#6ecbde,#c01b8c);border-radius:20px;box-shadow:0 2px 4px #d81b604d;color:#fff;font-size:.9rem;padding:8px 16px;text-align:center;text-decoration:none;transition:all .2s}.start-writing-btn:hover{box-shadow:0 4px 8px #d81b6066;transform:translateY(-2px)}.ai-insights-section{background:linear-gradient(180deg,#fcf3ff,#e5d0f6);border-radius:12px;box-shadow:0 4px 12px #03a9f41a;margin:20px 0;padding:20px}.insights-card{background-color:#fff;border-radius:8px;padding:15px}.insights-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:15px}@media (max-width:600px){.insights-columns{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column;gap:10px}.refresh-button{width:100%}}.insights-column h4{color:#0293d1;margin-bottom:10px;margin-top:0}.insights-column ul{margin:0;padding-left:20px}.insights-column li{margin-bottom:5px}.profile-avatar-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;position:relative}.profile-avatar{background:#f5f5f5;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;height:100px;margin-bottom:.75rem;overflow:hidden;position:relative;width:100px}.profile-avatar svg{height:100%;object-fit:cover;width:100%}.avatar-status{border:3px solid #fff;border-radius:50%;bottom:8px;height:18px;position:absolute;right:8px;width:18px}.avatar-status.online{background-color:#4caf50}.avatar-status.offline{background-color:#9e9e9e}.profile-name{align-items:center;color:#333;display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin:0 0 .5rem}.profile-badge{background:linear-gradient(90deg,#ce4ae2,#8c41c6);border-radius:12px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;vertical-align:middle}.navbar{background:#fff;box-shadow:0 2px 5px #0000001a;justify-content:space-between;padding:.75rem 1rem}.nav-logo,.navbar{align-items:center;display:flex}.nav-logo img{height:40px;margin-right:.5rem;width:40px}.nav-logo-name{align-items:center;cursor:pointer;display:flex;margin-left:.5rem}.nav-logo-name img{height:32px;width:auto}.nav-menu-button{background:none;border:none;cursor:pointer}.nav-links{align-items:center;display:none;flex-direction:column;gap:.75rem;transition:all .3s ease}.nav-links.open{display:flex}@media (min-width:768px){.nav-menu-button{display:none}.nav-links{align-items:center;display:flex;flex-direction:row;gap:1rem}.navbar{padding:1rem 2rem}}.nav-logo,.nav-logo-name{position:relative;z-index:2}@media (max-width:767px){.nav-logo,.nav-logo-name{margin-left:0;margin-right:.5rem}.nav-links{background:#fff;box-shadow:0 2px 10px #00000014;left:0;position:absolute;top:64px;width:100vw;z-index:1}.navbar{position:relative;z-index:10}}.nav-link{border-radius:12px;color:#d2007f;font-size:1rem;font-weight:600;padding:.75rem 1.25rem;text-decoration:none;transition:color .3s ease,background .3s ease,transform .2s ease}.nav-link:hover{background:#d2007f;color:#fff;transform:scale(1.03)}.nav-link.active{background:#d2007f;border-radius:12px;color:#fff;font-weight:700;padding:.8rem 1.3rem}.nav-button{background:linear-gradient(90deg,#d2007f,#a60064);border:none;border-radius:12px;box-shadow:0 3px 10px #d2007f4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.9rem 1.75rem;transition:background .3s ease,transform .2s ease}.nav-button:hover{background:linear-gradient(90deg,#a60064,#730049);transform:scale(1.04)}.nav-button.active{background:linear-gradient(90deg,#f30089,#c7007a);box-shadow:0 3px 15px #d2007f80;transform:scale(1.04)}.highlight-button{animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #d2007fb3}70%{box-shadow:0 0 0 10px #d2007f00}to{box-shadow:0 0 0 0 #d2007f00}}.nav-logo-name svg text{animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 1px rgba(206,74,226,.3))}to{filter:drop-shadow(0 0 3px rgba(206,74,226,.6))}}.App,.App-header,.App-link,.App-logo{display:none}.app{background:#f8fafc;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;padding:2rem;text-align:center}.app-header{background-color:#4a154b;color:#fff;padding:1rem}main{display:flex;flex:1 1;overflow:hidden}.list-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:2rem;text-align:left}.welcome-message{background:#f0f7ff;border-left:4px solid #4a90e2;border-radius:8px;padding:1rem}.list-section,.welcome-message{margin-bottom:2rem}.list-section h2{align-items:center;color:#4a90e2;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1rem}.option-list{list-style:none;margin:0;padding:0}.option-item{align-items:baseline;background:#f8fafc;border-radius:8px;display:flex;margin:.5rem 0;padding:.75rem;transition:transform .2s}.option-item:hover{background:#f0f7ff;transform:translateX(5px)}.emoji-icon{flex-shrink:0;font-size:1.2rem;margin-right:.75rem}.category-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.category-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.examples-list{margin:1rem 0}.example-item{background:#f8fafc;border-left:3px solid #4a90e2;border-radius:0 8px 8px 0;margin:.5rem 0;padding:.75rem}.pro-tips{background:#f8fafc;border-radius:8px;margin-top:2rem;padding:1.5rem}.tips-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.tip-item{align-items:center;color:#666;display:flex;gap:.5rem}.choice-buttons{display:flex;flex-direction:column;gap:1rem;margin:2rem auto;max-width:300px}.choice-button{align-items:center;background:#fff;border:2px solid #4a90e2;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:flex-start;padding:1rem 1.5rem;text-align:left;transition:all .2s ease}.choice-button:hover{background:#4a90e2;box-shadow:0 4px 6px #4a90e233;color:#fff;transform:translateY(-2px)}.choice-button .emoji{flex-shrink:0;font-size:1.25rem}.choice-button .button-text{display:flex;flex-direction:column}.choice-button .button-description{font-size:.875rem;font-weight:400;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.choice-button{animation:fadeInUp .3s ease forwards;animation-delay:calc(var(--button-index)*.1s)}@media (max-width:768px){.story-guide{margin:1rem;padding:1rem}.categories,.tips-list{grid-template-columns:1fr}.choice-buttons{padding:0 1rem}.choice-button{padding:.875rem 1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.story-guide{animation:fadeIn .3s ease-out}.app h1{color:#4a90e2;font-family:Inter,sans-serif;font-weight:600;margin-bottom:2rem}.chat-app{display:flex;flex-direction:column;height:100vh}.guide-button{background:#4a90e2;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:1rem 0;padding:.75rem 1.5rem;transition:background .2s ease}.guide-button:hover{background:#357ab8}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative}.close-button{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.ff0be9dc.css.map*/