*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav{display:flex;align-items:center;gap:1rem}.nav-link{color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;transition:background .2s}.nav-link:hover{background:#fff3}.balance{color:#fff;background:#fff3;padding:8px 12px;border-radius:8px;font-weight:700}.btn-logout{background:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background .2s}.btn-logout:hover{background:#ffffff4d}.main{flex:1;background:#f5f7fa;padding:2rem}.main>*{max-width:1200px;margin:0 auto}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.nav{flex-wrap:wrap;justify-content:center}.main{padding:1rem}}.home{padding:2rem 0}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-new{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600}.filters{display:flex;gap:.5rem;margin-bottom:2rem}.filters button{padding:.5rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:20px;cursor:pointer}.filters button.active{background:#667eea;color:#fff;border-color:#667eea}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.story-card{background:#fff;padding:1.5rem;border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 2px 10px #0000001a;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00000026}.story-emoji{font-size:2.5rem;margin-bottom:1rem}.story-card h3{margin-bottom:1rem}.story-progress{font-size:.9rem;color:#666;margin-bottom:1rem}.progress-bar{height:6px;background:#e0e0e0;border-radius:3px;margin-top:.5rem}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.story-status{font-size:.85rem}.story-status.active{color:#667eea}.story-status.completed{color:#28a745}.loading{text-align:center;padding:4rem;font-size:1.2rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;width:100%}.auth-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px;margin:0 auto}.auth-card h1{text-align:center;margin-bottom:.5rem;font-size:2rem}.auth-subtitle{text-align:center;color:#666;margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.btn-primary{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error{background:#fee;color:#c00;padding:.75rem;border-radius:8px;margin-bottom:1rem}.auth-link{text-align:center;margin-top:1.5rem}.auth-link a{color:#667eea;font-weight:600}.story-page{padding:2rem 0;max-width:800px;margin:0 auto}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.story-meta{color:#666;margin-top:.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.balance-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600}.btn-delete{background:#fee;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1.2rem}.days-list{display:flex;flex-direction:column;gap:2rem}.day-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.day-card h2{margin-bottom:1.5rem;color:#667eea}.illustration-container{position:relative;margin-bottom:1.5rem}.day-illustration{width:100%;max-width:500px;border-radius:12px;display:block;margin:0 auto}.btn-regen-image{position:absolute;top:10px;right:calc(50% - 240px);background:#ffffffe6;border:none;padding:.5rem;border-radius:50%;cursor:pointer;font-size:1.2rem}.no-illustration{text-align:center;padding:2rem;background:#f5f5f5;border-radius:12px;margin-bottom:1.5rem}.btn-generate-image{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem}.btn-generate-image:disabled{opacity:.7}.extra-images{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-extra-image{background:#f0f4ff;border:1px solid #667eea;color:#667eea;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.85rem}.btn-extra-image:hover{background:#667eea;color:#fff}.btn-extra-image:disabled{opacity:.5}.day-text{line-height:1.8;font-size:1.1rem}.day-text p{margin-bottom:1rem}.selected-choice{background:#e8f5e9;padding:1rem;border-radius:8px;margin-top:1.5rem;color:#2e7d32}.choices-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #e0e0e0}.choices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.balance-inline{background:#f0f4ff;padding:.5rem 1rem;border-radius:20px;color:#667eea;font-weight:600}.free-notice{color:#28a745;background:#e8f5e9;padding:.75rem;border-radius:8px;margin-bottom:1rem}.wait-notice{color:#856404;background:#fff3cd;padding:.75rem;border-radius:8px;margin-bottom:1rem}.choices{display:flex;flex-direction:column;gap:.75rem}.choice-btn{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;text-align:left;cursor:pointer;transition:all .2s;position:relative}.choice-btn:hover{border-color:#667eea}.choice-btn.selected{border-color:#667eea;background:#f0f4ff}.choice-btn.premium{border-color:gold;background:#fffef0}.choice-btn.premium.selected{background:#fff8dc}.premium-badge{display:block;font-size:.8rem;color:#b8860b;margin-bottom:.5rem}.continue-section{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.cost-breakdown{font-size:.95rem}.cost-free{color:#28a745;font-weight:600}.cost-total{color:#666}.btn-continue{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.btn-continue:disabled{opacity:.7;cursor:not-allowed}.completed-banner{text-align:center;padding:2rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:12px;font-size:1.2rem;margin-top:2rem}.illustration-section{margin-bottom:1.5rem}.image-counter{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:.85rem}.thumbnails{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding:5px 0}.thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s}.thumbnail:hover{border-color:#667eea;transform:scale(1.05)}.thumbnail.active{border-color:#667eea}.gallery-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.gallery-modal{position:relative;max-width:90vw;max-height:90vh}.gallery-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1001}.gallery-content{display:flex;align-items:center;gap:20px}.gallery-image{max-width:80vw;max-height:80vh;border-radius:12px}.gallery-nav{background:#fff3;border:none;color:#fff;font-size:2rem;padding:20px 15px;cursor:pointer;border-radius:8px;transition:background .2s}.gallery-nav:hover{background:#ffffff4d}.gallery-info{display:flex;justify-content:space-between;color:#fff;margin-top:15px;padding:0 10px}.gallery-type{font-size:1.1rem}.gallery-counter{opacity:.7}.profile-page{max-width:800px;margin:0 auto}.profile-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:2rem;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000001a}.profile-info{display:flex;align-items:center;gap:1rem}.avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.user-details h1{margin:0;font-size:1.5rem}.email{color:#888;margin:.25rem 0 0}.balance-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:12px;text-align:center}.balance-label{display:block;font-size:.85rem;opacity:.9;margin-bottom:.25rem}.balance-value{font-size:1.3rem;font-weight:700}.profile-section{background:#fff;padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000001a}.profile-section h2{margin:0 0 1rem;font-size:1.2rem}.btn-topup{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:opacity .2s}.btn-topup:hover{opacity:.9}.empty-state{text-align:center;padding:2rem;color:#888}.hint{font-size:.9rem;margin-top:.5rem}.transactions-list{display:flex;flex-direction:column;gap:.75rem}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #ccc}.transaction-item.positive{border-left-color:#4caf50}.transaction-item.negative{border-left-color:#f44336}.tx-icon{font-size:1.5rem}.tx-info{flex:1}.tx-description{font-weight:500}.tx-date{font-size:.85rem;color:#888;margin-top:.25rem}.tx-amount{font-weight:700}.transaction-item.positive .tx-amount{color:#4caf50}.transaction-item.negative .tx-amount{color:#f44336}@media(max-width:768px){.profile-header{flex-direction:column;gap:1.5rem;text-align:center}.profile-info{flex-direction:column}}.shop-page{max-width:1000px;margin:0 auto;padding:2rem 1rem}.shop-header{text-align:center;margin-bottom:2rem}.shop-header h1{font-size:2rem;margin-bottom:.5rem}.current-balance{font-size:1.2rem;color:#666}.current-balance strong{color:#667eea}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.plan-card{background:#fff;border-radius:16px;padding:1.5rem;text-align:center;box-shadow:0 4px 15px #0000001a;position:relative;transition:transform .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.plan-card.popular{border:2px solid #667eea;transform:scale(1.02)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700}.discount-badge{position:absolute;top:10px;right:10px;background:#4caf50;color:#fff;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:700}.plan-name{font-size:1.3rem;margin-bottom:.5rem;color:#333}.plan-tokens{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.plan-description{color:#888;font-size:.9rem;margin-bottom:1rem}.plan-price{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:.25rem}.plan-per-token{font-size:.85rem;color:#888;margin-bottom:1rem}.btn-purchase{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-purchase:hover{opacity:.9}.btn-purchase:disabled{opacity:.6;cursor:not-allowed}.shop-info{background:#f8f9fa;border-radius:12px;padding:1.5rem}.shop-info h3{margin-bottom:1rem}.shop-info ul{list-style:none;padding:0;margin:0}.shop-info li{padding:8px 0;border-bottom:1px solid #eee}.shop-info li:last-child{border-bottom:none}.payment-success{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem}.success-card{background:#fff;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 10px 40px #0000001a;max-width:400px}.success-icon{font-size:4rem;margin-bottom:1rem}.success-card h1{color:#4caf50;margin-bottom:1rem}.redirect-notice{color:#888;font-size:.9rem;margin:1rem 0}.btn-home{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.admin-page{max-width:1200px;margin:0 auto}.admin-page h1{margin-bottom:1.5rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-tabs button{padding:10px 20px;border:none;background:#e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s}.admin-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 15px #0000001a}.stat-value{font-size:2rem;font-weight:700;color:#667eea}.stat-label{color:#888;margin-top:.5rem}.admin-table-wrapper{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 4px 15px #0000001a}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.admin-table th{background:#f8f9fa;font-weight:600}.admin-table tr.inactive{opacity:.5}.admin-table tr.positive .tx-amount{color:#4caf50}.admin-table tr.negative .tx-amount{color:#f44336}.balance-input{width:80px;padding:4px 8px;border:1px solid #ddd;border-radius:4px}.badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.8rem;margin-right:4px}.badge.admin{background:gold}.badge.premium{background:#e0f7fa}.badge.blocked{background:#ffebee}.tx-type{padding:4px 8px;border-radius:4px;font-size:.85rem}.tx-type.purchase{background:#e8f5e9;color:#2e7d32}.tx-type.spend{background:#fff3e0;color:#e65100}.tx-type.bonus{background:#e3f2fd;color:#1565c0}.btn-small{padding:4px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;background:#e0e0e0;margin-right:4px}.btn-small.danger{background:#ffebee;color:#c62828}.btn-small.success{background:#e8f5e9;color:#2e7d32}.worlds-section{display:flex;flex-direction:column;gap:1rem}.btn-add-world{align-self:flex-start;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.worlds-list{display:grid;gap:1rem}.world-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a}.world-card.inactive{opacity:.6}.world-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.world-header h3{margin:0}.world-category{background:#e0e0e0;padding:4px 10px;border-radius:4px;font-size:.85rem}.world-meta{display:flex;gap:1rem;margin:1rem 0;color:#666;font-size:.9rem}.world-actions{display:flex;gap:.5rem;flex-wrap:wrap}.world-editor{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:1rem}.world-editor h3{margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-save{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-cancel{padding:10px 20px;background:#e0e0e0;border:none;border-radius:6px;cursor:pointer}@media(max-width:768px){.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.worlds-page{max-width:1000px;margin:0 auto}.worlds-header{text-align:center;margin-bottom:2rem}.worlds-header h1{margin-bottom:.5rem}.worlds-header p{color:#666}.category-section{margin-bottom:2rem}.category-section h2{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #eee}.worlds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.world-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s}.world-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.world-card h3{margin:0 0 .75rem;color:#333}.world-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.world-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#888}.btn-select{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-select:hover{opacity:.9}.btn-select:disabled{opacity:.6;cursor:not-allowed}