*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;transition:all .3s ease}body.light-mode{background:linear-gradient(135deg,#667eea,#764ba2);color:#2c3e50}body.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e8eaed}.App{margin:0 auto;max-width:900px;min-height:100vh;padding:20px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:40px;padding:30px;transition:all .3s ease}.light-mode header{background:#fffffff2}.dark-mode header{background:#1e1e32f2}.header-content{align-items:center;display:flex;justify-content:space-between;max-width:100%}.title-section{flex:1 1;text-align:center}header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0000001a;transition:color .3s ease}.light-mode header h1{color:#2c3e50}.dark-mode header h1{color:#e8eaed}header p{font-size:1.1rem;font-weight:400;margin:0;transition:color .3s ease}.light-mode header p{color:#6c757d}.dark-mode header p{color:#bdc1c6}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;border:2px solid #fff3;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.light-mode .theme-toggle{background:#fff3;border-color:#6c757d4d}.dark-mode .theme-toggle{background:#ffffff1a;border-color:#fff3}.theme-toggle:hover{box-shadow:0 4px 15px #0003;transform:scale(1.1)}.actions{display:flex;gap:15px;justify-content:center;margin-bottom:30px}button{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}button:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}button:active{transform:translateY(0)}button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}button.primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}button:not(.primary):not(.theme-toggle){border:2px solid #6c757d33;transition:all .3s ease}.light-mode button:not(.primary):not(.theme-toggle){background:#ffffffe6;color:#2c3e50}.dark-mode button:not(.primary):not(.theme-toggle){background:#323246e6;border-color:#fff3;color:#e8eaed}.light-mode button:not(.primary):not(.theme-toggle):hover{background:#fff;border-color:#6c757d4d}.dark-mode button:not(.primary):not(.theme-toggle):hover{background:#3c3c50;border-color:#ffffff4d}.contribute,.full-story,.home,.new-story{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px;transition:all .3s ease}.light-mode .contribute,.light-mode .full-story,.light-mode .home,.light-mode .new-story{background:#fffffff2}.dark-mode .contribute,.dark-mode .full-story,.dark-mode .home,.dark-mode .new-story{background:#1e1e32f2}.contribute h2,.full-story h2,.new-story h2,.stories h2{font-size:1.8rem;font-weight:600;margin-bottom:25px;text-align:center;transition:color .3s ease}.light-mode .contribute h2,.light-mode .full-story h2,.light-mode .new-story h2,.light-mode .stories h2{color:#2c3e50}.dark-mode .contribute h2,.dark-mode .full-story h2,.dark-mode .new-story h2,.dark-mode .stories h2{color:#e8eaed}.story-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;box-shadow:0 8px 25px #0000001a;margin-bottom:20px;padding:25px;transition:all .3s ease}.light-mode .story-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #fff3}.dark-mode .story-card{background:linear-gradient(135deg,#323246e6,#28283cb3);border:1px solid #ffffff1a}.story-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-5px)}.story-card h3{font-size:1.3rem;font-weight:600;margin:0 0 12px;transition:color .3s ease}.light-mode .story-card h3{color:#2c3e50}.dark-mode .story-card h3{color:#e8eaed}.story-card p{font-size:1rem;margin:0 0 20px;transition:color .3s ease}.light-mode .story-card p{color:#6c757d}.dark-mode .story-card p{color:#bdc1c6}.story-actions{display:flex;flex-wrap:wrap;gap:12px}.story-actions button{flex:1 1;font-size:14px;min-width:120px;padding:10px 20px}.latest-sentence{border-radius:16px;margin-bottom:25px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.light-mode .latest-sentence{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33}.dark-mode .latest-sentence{background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid #667eea4d}.latest-sentence:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.latest-sentence h3{font-size:1.2rem;font-weight:600;margin:0 0 15px;transition:color .3s ease}.light-mode .latest-sentence h3{color:#2c3e50}.dark-mode .latest-sentence h3{color:#e8eaed}.latest-sentence p{font-size:1.2rem;font-style:italic;font-weight:500;line-height:1.6;margin:0;transition:color .3s ease}.light-mode .latest-sentence p{color:#2c3e50}.dark-mode .latest-sentence p{color:#e8eaed}textarea{border:2px solid #6c757d33;border-radius:12px;font-family:inherit;font-size:16px;line-height:1.6;margin-bottom:25px;min-height:120px;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.light-mode textarea{background:#ffffffe6;color:#2c3e50}.dark-mode textarea{background:#28283ce6;border-color:#fff3;color:#e8eaed}textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.light-mode textarea:focus{background:#fff}.dark-mode textarea:focus{background:#323246}textarea::placeholder{font-style:italic;transition:color .3s ease}.light-mode textarea::placeholder{color:#adb5bd}.dark-mode textarea::placeholder{color:#8a8a8a}.story-content{border-radius:12px;margin-bottom:25px;max-height:60vh;overflow-y:auto;padding:25px;transition:all .3s ease}.light-mode .story-content{background:#f8f9facc}.dark-mode .story-content{background:#1e1e2dcc}.story-content p{font-size:1.1rem;line-height:1.8;margin-bottom:18px;padding:12px 0;transition:all .3s ease}.light-mode .story-content p{border-bottom:1px solid #6c757d1a;color:#2c3e50}.dark-mode .story-content p{border-bottom:1px solid #ffffff1a;color:#e8eaed}.story-content p:last-child{border-bottom:none;margin-bottom:0}.loading{font-style:italic;padding:40px;text-align:center;transition:color .3s ease}.light-mode .loading{color:#6c757d}.dark-mode .loading{color:#bdc1c6}@media (max-width:768px){.App{padding:15px}header{margin-bottom:25px;padding:20px}.header-content{flex-direction:column;gap:20px}.title-section{order:1}.theme-toggle{align-self:flex-end;order:0}header h1{font-size:2rem}.story-actions{flex-direction:column}.story-actions button{min-width:auto}.actions{align-items:center;flex-direction:column}}
/*# sourceMappingURL=main.ef2646b0.css.map*/