:root{--color-primary:#f5a623;--color-primary-light:#f7c56e;--color-primary-dark:#d4891a;--color-bg-dark:#1a1a2e;--color-bg-mid:#16213e;--color-bg-light:#0f3460;--color-text:#fff;--color-text-muted:#a0a0a0;--color-text-dark:#333;--color-surface:#ffffff1a;--color-surface-hover:#fff3;--color-border:#ffffff1a;--color-accent:#f5a623;--color-accent-subtle:#f5a62326;--color-error:#ff6b6b;--color-error-bg:#dc35451a;--color-error-border:#dc35454d;--color-success:#51cf66;--color-success-bg:#28a7451a;--color-success-border:#28a7454d;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Georgia",serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 20px #0003;--shadow-lg:0 8px 32px #0000004d;--shadow-glow:0 8px 32px #f5a6234d;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--header-height:64px;--max-width-sm:320px;--max-width-md:480px;--max-width-lg:768px;--max-width-xl:1024px}@media (max-width:768px){:root{--header-height:56px}}@media (max-width:480px){:root{--text-5xl:2.25rem;--text-4xl:2rem;--text-3xl:1.75rem;--space-8:1.5rem;--header-height:52px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--color-bg-dark) 0,var(--color-bg-mid) 50%,var(--color-bg-light) 100%);background-attachment:fixed;color:var(--color-text);font-family:var(--font-sans);margin:0;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.01em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{-webkit-tap-highlight-color:transparent;cursor:pointer;font-family:inherit}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{height:auto;max-width:100%}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#f5a62380;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f5a623b3}::selection{background:#f5a6234d;color:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.container{margin-left:auto;margin-right:auto;max-width:var(--max-width-xl);padding-left:var(--space-4);padding-right:var(--space-4);width:100%}.container--narrow{max-width:var(--max-width-lg)}.container--wide{max-width:1280px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.reader-container{color:var(--color-text);font-size:var(--text-lg);line-height:1.8;margin:0 auto;max-width:var(--max-width-lg);padding:var(--space-6)}.reader-container p{margin-bottom:var(--space-6)}.reader-container p:last-child{margin-bottom:0}.reader-container--child{font-size:var(--text-xl);line-height:2;max-width:var(--max-width-md)}.reader-container--child p{margin-bottom:var(--space-8)}.form-section{margin-bottom:var(--space-6)}.form-label{color:var(--color-text);display:block;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-3);transition:border-color var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none}.form-textarea{min-height:100px;resize:vertical}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--interactive{cursor:pointer}.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn-group--vertical{flex-direction:column}@media (max-width:768px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}.reader-container{font-size:var(--text-base);padding:var(--space-4)}.reader-container--child{font-size:var(--text-lg)}}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:600;gap:var(--space-3);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all var(--transition-base)}.btn:before{background:linear-gradient(135deg,#fff3,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-base)}.btn:hover:before{opacity:1}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn:disabled:before{display:none}.btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn--md{padding:var(--space-3) var(--space-6)}.btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.btn--primary{background:var(--color-primary);box-shadow:0 2px 8px #f5a6234d;color:var(--color-text-dark)}.btn--primary:hover{background:var(--color-primary-light);box-shadow:0 4px 16px #f5a62366}.btn--secondary{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.btn--white{background:#fff;box-shadow:0 2px 8px #0000001a;color:var(--color-text-dark)}.btn--white:hover{box-shadow:0 4px 16px #00000026}.btn--ghost{background:#0000;border:2px solid #0000;color:var(--color-text)}.btn--ghost:hover{background:var(--color-surface);border-color:var(--color-border)}.btn--full{width:100%}.btn__icon{align-items:center;display:flex;justify-content:center}.btn__icon svg{height:20px;width:20px}@media (max-width:480px){.btn--sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.btn--md{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn--lg{font-size:var(--text-base);padding:var(--space-3) var(--space-6)}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #00000026;display:flex;flex-shrink:0;gap:var(--space-4);height:var(--header-height);justify-content:space-between;padding:0 var(--space-8);position:-webkit-sticky;position:sticky;top:0;z-index:100}@media (max-width:768px){.layout__header{gap:var(--space-2);height:56px;padding:0 var(--space-3)}}@media (max-width:480px){.layout__header{gap:var(--space-1);height:52px;overflow:visible;padding:0 var(--space-2)}.layout__header::-webkit-scrollbar{display:none}}.layout__main{flex:1 1}.layout__main,.loading{display:flex;flex-direction:column}.loading{align-items:center;animation:fadeIn .3s ease-out;gap:var(--space-6);justify-content:center;min-height:100vh}.loading__spinner{animation:spin .8s linear infinite;border:4px solid var(--color-surface);border-radius:50%;border-top-color:var(--color-primary);box-shadow:0 4px 12px #f5a62333;height:56px;width:56px}.loading__message{color:var(--color-text-muted);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}.logo{align-items:center;display:flex;gap:var(--space-3);transition:transform var(--transition-base)}.logo:hover{transform:scale(1.02)}.logo__image{border-radius:var(--radius-sm);box-shadow:var(--shadow-glow);transition:box-shadow var(--transition-base)}.logo:hover .logo__image{box-shadow:0 8px 32px #f5a62380}.logo__text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;background-clip:text;font-family:var(--font-serif);font-weight:700;letter-spacing:-.02em}.logo--sm .logo__image{height:32px;width:32px}.logo--sm .logo__text{font-size:var(--text-xl)}.logo--md .logo__image{height:48px;width:48px}.logo--md .logo__text{font-size:var(--text-2xl)}.logo--lg .logo__image{border-radius:var(--radius-xl);height:120px;width:120px}.logo--lg .logo__text{font-size:var(--text-5xl)}.logo--lg{flex-direction:column;text-align:center}@media (max-width:768px){.logo--sm .logo__image{height:28px;width:28px}.logo--sm .logo__text{font-size:var(--text-lg)}}@media (max-width:480px){.logo--sm .logo__image{height:24px;width:24px}.logo--sm .logo__text{font-size:var(--text-base)}.logo--lg .logo__image{height:100px;width:100px}}.profile-form{margin:0 auto;max-width:var(--max-width-md);width:100%}.profile-form__title{font-size:var(--text-2xl);text-align:center}.profile-form__section,.profile-form__title{margin-bottom:var(--space-6)}.profile-form__section--checkbox{margin-top:var(--space-8)}.profile-form__label{color:var(--color-text);display:block;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.profile-form__hint{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}.profile-form__select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.profile-form__select:hover:not(:disabled){background:var(--color-surface-hover)}.profile-form__select:focus{border-color:var(--color-primary);outline:none}.profile-form__select:disabled{cursor:not-allowed;opacity:.6}.profile-form__input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.profile-form__input:hover:not(:disabled){background:var(--color-surface-hover)}.profile-form__input:focus{border-color:var(--color-primary);outline:none}.profile-form__input:disabled{cursor:not-allowed;opacity:.6}.profile-form__input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.profile-form__genres{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-form__genre-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.profile-form__genre-btn:hover:not(:disabled){background:var(--color-surface-hover)}.profile-form__genre-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-dark)}.profile-form__genre-btn--active:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary-light)}.profile-form__genre-btn:disabled{cursor:not-allowed;opacity:.6}.profile-form__checkbox-label{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:background var(--transition-fast)}.profile-form__checkbox-label:hover{background:var(--color-surface-hover)}.profile-form__checkbox{accent-color:var(--color-primary);cursor:pointer;height:20px;margin-top:2px;width:20px}.profile-form__checkbox:disabled{cursor:not-allowed}.profile-form__checkbox-text{display:flex;flex-direction:column;gap:var(--space-1)}.profile-form__checkbox-text strong{color:var(--color-text)}.profile-form__checkbox-text small{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-form__submit{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-dark);cursor:pointer;font-size:var(--text-base);font-weight:600;margin-top:var(--space-8);padding:var(--space-4);transition:background var(--transition-fast),transform var(--transition-fast);width:100%}.profile-form__submit:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px)}.profile-form__submit:active:not(:disabled){transform:translateY(0)}.profile-form__submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.profile-form__genres{gap:var(--space-2)}.profile-form__genre-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}.profiles-menu{position:relative}.profiles-menu__backdrop{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9997}.profiles-menu__trigger{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.profiles-menu__trigger:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.profiles-menu__avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-text-dark);display:flex;font-size:var(--text-sm);font-weight:600;height:28px;justify-content:center;width:28px}.profiles-menu__name{font-size:var(--text-sm);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profiles-menu__chevron{color:var(--color-text-muted);font-size:var(--text-xs)}.profiles-menu__dropdown{animation:dropdownSlide .2s ease-out;background:#1a1a2e;border:2px solid #f4a261;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000080;max-width:calc(100vw - 32px);min-width:260px;overflow:visible;position:fixed;right:16px;top:calc(var(--header-height) + 8px);z-index:9999}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profiles-menu__section{background:#0000;border-bottom:1px solid #f4a2614d;padding:12px}.profiles-menu__section:last-child{border-bottom:none}.profiles-menu__section-title{color:#f4a261;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;padding:4px 8px;text-transform:uppercase}.profiles-menu__item-row{align-items:center;display:flex;gap:var(--space-1)}.profiles-menu__item{align-items:center;background:#ffffff0d;border:1px solid #f4a26133;border-radius:8px;color:#e9ecef;cursor:pointer;display:flex;flex:1 1;gap:12px;margin-bottom:8px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.profiles-menu__item:hover{background:#f4a26126;border-color:#f4a261;transform:translateX(2px)}.profiles-menu__item--active{background:#f4a26140;border-left:3px solid #f4a261;padding-left:9px}.profiles-menu__item--active:hover{background:#f4a2614d}.profiles-menu__item-avatar{align-items:center;background:var(--color-surface);border-radius:50%;display:flex;font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;width:32px}.profiles-menu__item--active .profiles-menu__item-avatar{background:var(--color-primary);color:var(--color-text-dark)}.profiles-menu__item-name{flex:1 1;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profiles-menu__edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--text-sm);height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.profiles-menu__edit-btn:hover{background:var(--color-surface);color:var(--color-primary)}.profiles-menu__add-btn{background:#0000;border:2px dashed #f4a26180;border-radius:8px;color:#f4a261;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.profiles-menu__add-btn:hover{background:#f4a2611a;border-color:#f4a261;color:#f4a261;transform:translateY(-1px)}.profiles-menu__nav-item{align-items:center;background:#f4a2611a;border:1px solid #f4a26133;border-radius:8px;color:#e9ecef;cursor:pointer;display:flex;font-size:15px;gap:12px;margin-bottom:8px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.profiles-menu__nav-item:hover{background:#f4a26133;border-color:#f4a261;transform:translateX(2px)}.profiles-menu__nav-icon{flex-shrink:0;font-size:20px}.profiles-menu__nav-text{color:#fff;flex:1 1;font-weight:600}.profiles-menu__signout-btn{background:#0000;border:2px solid #e63946;border-radius:8px;color:#e63946;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.profiles-menu__signout-btn:hover{background:#e6394633;transform:translateY(-1px)}@media (max-width:768px){.profiles-menu__trigger{padding:8px 12px}.profiles-menu__avatar{font-size:12px;height:24px;width:24px}.profiles-menu__name{font-size:12px;max-width:80px}.profiles-menu__dropdown{max-width:calc(100vw - 24px);min-width:260px;right:12px;top:64px}}@media (max-width:480px){.profiles-menu__trigger{padding:4px 8px}.profiles-menu__avatar{font-size:10px;height:20px;width:20px}.profiles-menu__name{display:none}.profiles-menu__chevron{font-size:10px}.profiles-menu__backdrop{display:none}.profiles-menu__dropdown{-webkit-overflow-scrolling:touch;animation:slideInFromTop .3s ease-out;background:#1a1a2e;border:none;border-radius:0;border-top:3px solid #f4a261;bottom:0;height:calc(100vh - var(--header-height));left:0;max-width:100vw;min-width:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:var(--header-height);width:100vw;z-index:10000}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.profiles-menu__section{padding:10px}.profiles-menu__item,.profiles-menu__nav-item{font-size:14px;margin-bottom:6px;padding:10px}.profiles-menu__section-title{font-size:11px;margin-bottom:4px;padding:6px 8px}.profiles-menu__add-btn,.profiles-menu__signout-btn{font-size:13px;padding:10px}.profiles-menu__item-avatar{font-size:12px;height:28px;width:28px}.profiles-menu__nav-icon{font-size:18px}}.child-profile-form{margin:0 auto;max-width:var(--max-width-md);padding:var(--space-6)}.child-profile-form__title{color:var(--color-text);font-size:var(--text-2xl);text-align:center}.child-profile-form__section,.child-profile-form__title{margin-bottom:var(--space-6)}.child-profile-form__section--checkbox{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4)}.child-profile-form__label{color:var(--color-text);display:block;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.child-profile-form__hint{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.child-profile-form__age{color:var(--color-primary);font-weight:500}.child-profile-form__input,.child-profile-form__select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-base);padding:var(--space-3);transition:border-color var(--transition-fast);width:100%}.child-profile-form__input:focus,.child-profile-form__select:focus{border-color:var(--color-primary);outline:none}.child-profile-form__input:disabled,.child-profile-form__select:disabled{cursor:not-allowed;opacity:.6}.child-profile-form__genres{display:flex;flex-wrap:wrap;gap:var(--space-2)}.child-profile-form__genre-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.child-profile-form__genre-btn:hover:not(:disabled){background:var(--color-accent-subtle);border-color:var(--color-primary)}.child-profile-form__genre-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-dark)}.child-profile-form__genre-btn--active:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary-light)}.child-profile-form__genre-btn:disabled{cursor:not-allowed;opacity:.6}.child-profile-form__checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-3)}.child-profile-form__checkbox-label--disabled{cursor:not-allowed;opacity:.6}.child-profile-form__checkbox{accent-color:var(--color-primary);height:20px;margin-top:2px;width:20px}.child-profile-form__checkbox-text{display:flex;flex-direction:column;gap:var(--space-1)}.child-profile-form__checkbox-text strong{color:var(--color-text);font-size:var(--text-base)}.child-profile-form__checkbox-text small{color:var(--color-text-muted);font-size:var(--text-sm)}.child-profile-form__explicit-notice{background:var(--color-accent-subtle);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--text-sm);margin-top:var(--space-3);padding:var(--space-3)}.child-profile-form__actions{display:flex;gap:var(--space-3);margin-top:var(--space-8)}.child-profile-form__cancel{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;flex:1 1;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.child-profile-form__cancel:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.child-profile-form__submit{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-dark);cursor:pointer;flex:2 1;font-size:var(--text-base);font-weight:600;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.child-profile-form__submit:hover:not(:disabled){background:var(--color-primary-light)}.child-profile-form__submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.child-profile-form{padding:var(--space-4)}.child-profile-form__actions{flex-direction:column}.child-profile-form__cancel,.child-profile-form__submit{flex:none;width:100%}}.new-story-modal{align-items:center;animation:fadeIn .2s ease-out;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.new-story-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;inset:0;position:absolute}.new-story-modal__content{animation:modalSlide .3s ease-out;background:linear-gradient(135deg,var(--color-bg-dark) 0,var(--color-bg-mid) 100%);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 16px 48px #0006;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-story-modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.new-story-modal__title{color:var(--color-text);font-size:var(--text-xl);font-weight:600;margin:0}.new-story-modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xl);line-height:1;padding:var(--space-2);transition:color var(--transition-fast)}.new-story-modal__close:hover{color:var(--color-text)}.new-story-modal__body{padding:var(--space-6)}.new-story-modal__section{margin-bottom:var(--space-6)}.new-story-modal__section:last-child{margin-bottom:0}.new-story-modal__label{color:var(--color-text);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.new-story-modal__story-types{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.new-story-modal__story-type{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--space-4);text-align:left;transition:all var(--transition-base)}.new-story-modal__story-type:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.new-story-modal__story-type--selected{background:var(--color-accent-subtle);border-color:var(--color-primary);box-shadow:0 4px 12px #f5a62333}.new-story-modal__story-type-name{font-weight:500;margin-bottom:var(--space-1)}.new-story-modal__story-type-desc{color:var(--color-text-muted);font-size:var(--text-xs)}.new-story-modal__custom-prompt{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);margin-top:var(--space-3);min-height:100px;padding:var(--space-3);resize:vertical;width:100%}.new-story-modal__custom-prompt:focus{border-color:var(--color-primary);outline:none}.new-story-modal__custom-prompt::placeholder{color:var(--color-text-muted)}.new-story-modal__options-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.new-story-modal__option-group{display:flex;flex-direction:column;gap:var(--space-2)}.new-story-modal__option-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.new-story-modal__select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.new-story-modal__select:focus{border-color:var(--color-primary);outline:none}.new-story-modal__lengths{display:flex;gap:var(--space-2)}.new-story-modal__length{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;flex:1 1;font-size:var(--text-sm);padding:var(--space-4);text-align:center;transition:all var(--transition-base)}.new-story-modal__length:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.new-story-modal__length--selected{background:var(--color-accent-subtle);border-color:var(--color-primary);box-shadow:0 4px 12px #f5a62333}.new-story-modal__length-name{font-weight:500;margin-bottom:var(--space-1)}.new-story-modal__length-desc{color:var(--color-text-muted);font-size:var(--text-xs)}.new-story-modal__footer{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.new-story-modal__error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3)}@media (max-width:480px){.new-story-modal__content{border-radius:0;max-height:100vh}.new-story-modal__options-row,.new-story-modal__story-types{grid-template-columns:1fr}.new-story-modal__lengths{flex-direction:column}}.child-story-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:1000}.child-story-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:absolute}.child-story-modal__content{background:var(--color-bg-mid);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:var(--max-width-lg);overflow:hidden;position:relative;width:100%}.child-story-modal__header{align-items:center;background:linear-gradient(135deg,var(--color-bg-dark) 0,var(--color-bg-mid) 100%);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-6)}.child-story-modal__title{color:var(--color-text);font-size:var(--text-2xl);font-weight:600;margin:0}.child-story-modal__close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;font-size:var(--text-3xl);height:32px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:32px}.child-story-modal__close:hover{background:var(--color-surface-hover);color:var(--color-text)}.child-story-modal__body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.child-story-modal__section{margin-bottom:var(--space-8)}.child-story-modal__section:last-child{margin-bottom:0}.child-story-modal__label{color:var(--color-text);display:block;font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.child-story-modal__error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--space-6);padding:var(--space-4)}.child-story-modal__story-types{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.child-story-modal__story-type{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-4);text-align:left;transition:all var(--transition-base)}.child-story-modal__story-type:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-2px)}.child-story-modal__story-type--selected{background:var(--color-accent-subtle);border-color:var(--color-primary);box-shadow:0 0 0 3px #f5a62333}.child-story-modal__story-type-name{color:var(--color-text);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.child-story-modal__story-type-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.4}.child-story-modal__custom-prompt{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);margin-top:var(--space-4);min-height:100px;padding:var(--space-4);resize:vertical;transition:border-color var(--transition-base);width:100%}.child-story-modal__custom-prompt:focus{border-color:var(--color-primary);outline:none}.child-story-modal__custom-prompt::placeholder{color:var(--color-text-muted)}.child-story-modal__purposes{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.child-story-modal__purpose{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-4);text-align:center;transition:all var(--transition-base)}.child-story-modal__purpose:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-2px)}.child-story-modal__purpose--selected{background:var(--color-accent-subtle);border-color:var(--color-primary);box-shadow:0 0 0 3px #f5a62333}.child-story-modal__purpose-name{color:var(--color-text);font-size:var(--text-base);font-weight:600}.child-story-modal__lengths{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.child-story-modal__length{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-4);text-align:center;transition:all var(--transition-base)}.child-story-modal__length:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-2px)}.child-story-modal__length--selected{background:var(--color-accent-subtle);border-color:var(--color-primary);box-shadow:0 0 0 3px #f5a62333}.child-story-modal__length-name{color:var(--color-text);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.child-story-modal__length-desc{color:var(--color-text-muted);font-size:var(--text-sm)}.child-story-modal__info{background:var(--color-accent-subtle);border:1px solid #f5a6234d;border-radius:var(--radius-md);margin-top:var(--space-6);padding:var(--space-4)}.child-story-modal__info-text{color:var(--color-text);font-size:var(--text-base);margin:0}.child-story-modal__footer{background:var(--color-bg-dark);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}@media (max-width:768px){.child-story-modal{padding:var(--space-2)}.child-story-modal__content{max-height:95vh}.child-story-modal__body,.child-story-modal__footer,.child-story-modal__header{padding:var(--space-4)}.child-story-modal__title{font-size:var(--text-xl)}.child-story-modal__purposes,.child-story-modal__story-types{grid-template-columns:1fr}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes flicker{0%,to{opacity:.9;transform:scale(1) translateY(0)}25%{opacity:1;transform:scale(1.05) translateY(-2px)}50%{opacity:.85;transform:scale(.95) translateY(2px)}75%{opacity:.95;transform:scale(1.02) translateY(-1px)}}@keyframes float{0%,to{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(20px)}}@keyframes glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.viking-intro{align-items:center;background:linear-gradient(135deg,#0a0e1a,#1a1a2e 50%,#16213e);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:var(--header-height);z-index:100}.viking-intro--active{animation:fadeIn .5s ease-out}.viking-intro--exit{animation:fadeOut .5s ease-out}.viking-intro__content{flex-direction:column;gap:var(--space-8);max-width:600px;padding:var(--space-8);width:100%}.viking-intro__content,.viking-intro__scene{align-items:center;display:flex;position:relative}.viking-intro__scene{height:300px;justify-content:center;width:300px}.viking-intro__campfire{align-items:flex-end;bottom:40px;display:flex;height:60px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:60px}.viking-intro__logs{background:linear-gradient(90deg,#4a2511,#6b3a1e 50%,#4a2511);border-radius:4px;bottom:0;height:15px;position:absolute;width:50px;z-index:1}.viking-intro__flame{animation:flicker 1.5s ease-in-out infinite;background:linear-gradient(180deg,#ff6b35,#f7931e 50%,gold);border-radius:50% 50% 0 0;bottom:10px;height:30px;position:absolute;width:20px;z-index:2}.viking-intro__flame--1{animation-delay:0s;left:50%;transform:translateX(-50%)}.viking-intro__flame--2{animation-delay:.3s;left:30%;transform:translateX(-50%) scale(.8)}.viking-intro__flame--3{animation-delay:.6s;left:70%;transform:translateX(-50%) scale(.7)}.viking-intro__viking{animation:slideUp 1s ease-out .3s both}.viking-intro__viking,.viking-intro__viking-body{align-items:center;display:flex;flex-direction:column;position:relative}.viking-intro__viking-body{filter:drop-shadow(0 10px 20px rgba(245,166,35,.3))}.viking-intro__viking-head{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:50%;height:50px;margin-bottom:-10px;position:relative;width:50px;z-index:3}.viking-intro__viking-helmet{background:linear-gradient(135deg,#8b7355,#a0826d);border:2px solid #6b5d4f;border-radius:50% 50% 0 0;height:30px;left:50%;position:absolute;top:-5px;transform:translateX(-50%);width:55px}.viking-intro__viking-horns{position:absolute;top:-8px;width:100%}.viking-intro__viking-horn{background:linear-gradient(180deg,#d4c5b9,#a0826d);border-radius:4px 4px 0 0;height:25px;position:absolute;transform-origin:bottom center;width:8px}.viking-intro__viking-horn--left{left:5px;transform:rotate(-20deg)}.viking-intro__viking-horn--right{right:5px;transform:rotate(20deg)}.viking-intro__viking-torso{background:linear-gradient(135deg,#c0392b,#e74c3c);border-radius:10px;height:80px;position:relative;width:70px;z-index:2}.viking-intro__viking-arm{background:linear-gradient(135deg,#c0392b,#e74c3c);border-radius:8px;height:50px;position:absolute;top:60px;width:15px}.viking-intro__viking-arm--left{left:-5px;transform:rotate(-30deg);transform-origin:top center}.viking-intro__viking-arm--right{right:-5px;transform:rotate(30deg);transform-origin:top center}.viking-intro__book{align-items:center;animation:slideUp 1s ease-out .6s both;background:linear-gradient(135deg,#8b4513,sienna);border:2px solid #6b3410;border-radius:4px;display:flex;height:45px;justify-content:center;margin-top:var(--space-4);position:relative;width:60px}.viking-intro__book-pages{background:linear-gradient(90deg,#f4e8d8,#fff9f0 50%,#f4e8d8);border-radius:2px;box-shadow:inset 0 2px 4px #0000001a;height:35px;width:50px}.viking-intro__book-glow{animation:glow 2s ease-in-out infinite;background:radial-gradient(circle,#f5a62366 0,#0000 70%);border-radius:50%;inset:-10px;position:absolute}.viking-intro__runes{inset:0;pointer-events:none;position:absolute}.viking-intro__rune{animation:float 4s ease-in-out infinite;animation-delay:var(--delay);color:var(--color-primary);font-size:24px;position:absolute}.viking-intro__rune:first-child{left:20%;top:60%}.viking-intro__rune:nth-child(2){left:75%;top:50%}.viking-intro__rune:nth-child(3){left:40%;top:70%}.viking-intro__rune:nth-child(4){left:60%;top:65%}.viking-intro__rune:nth-child(5){left:85%;top:60%}.viking-intro__text{animation:slideUp 1s ease-out .9s both;text-align:center}.viking-intro__title{color:var(--color-primary);font-size:var(--text-5xl);font-weight:700;letter-spacing:.02em;margin-bottom:var(--space-2);text-shadow:0 4px 12px #f5a62366}.viking-intro__subtitle{color:var(--color-text-muted);font-family:var(--font-serif);font-size:var(--text-xl);font-style:italic}.viking-intro__skip{animation:slideUp 1s ease-out 1.2s both;background:#0000;border:2px solid var(--color-primary);border-radius:var(--radius-md);bottom:var(--space-8);color:var(--color-primary);cursor:pointer;font-size:var(--text-base);font-weight:500;padding:var(--space-3) var(--space-6);position:absolute;right:var(--space-8);transition:all var(--transition-base)}.viking-intro__skip:hover{background:var(--color-primary);box-shadow:0 4px 12px #f5a62366;color:var(--color-text-dark);transform:translateY(-2px)}@media (max-width:768px){.viking-intro{top:56px}.viking-intro__scene{height:250px;width:250px}.viking-intro__title{font-size:var(--text-4xl)}.viking-intro__subtitle{font-size:var(--text-lg)}}@media (max-width:480px){.viking-intro{top:52px}.viking-intro__content{gap:var(--space-4);padding:var(--space-4)}.viking-intro__scene{height:180px;width:180px}.viking-intro__viking-body{transform:scale(.7)}.viking-intro__title{font-size:var(--text-2xl)}.viking-intro__subtitle{font-size:var(--text-sm)}.viking-intro__skip{bottom:var(--space-4);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);right:var(--space-4)}}.login-page{align-items:center;animation:fadeIn .5s ease-out;display:flex;justify-content:center;min-height:100vh;padding:var(--space-8)}.login-page__content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-width:420px;padding:var(--space-10);width:100%}.login-page__tagline{color:var(--color-text-muted);font-family:var(--font-serif);font-size:var(--text-xl);font-style:italic;line-height:1.6;margin-bottom:var(--space-10);margin-top:var(--space-3);text-align:center}.login-page__buttons{display:flex;flex-direction:column;gap:var(--space-4);width:100%}@media (max-width:768px){.login-page__content{padding:var(--space-8)}}@media (max-width:480px){.login-page{padding:var(--space-4)}.login-page__content{border-radius:var(--radius-lg);padding:var(--space-6)}.login-page__tagline{font-size:var(--text-lg);margin-bottom:var(--space-8)}}.home-page{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.home-page--form{justify-content:flex-start;padding-top:var(--space-4)}.home-page__header-actions{align-items:center;display:flex;gap:var(--space-4)}.home-page__profile-btn{background:#0000;border:2px solid #0000;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);position:relative;transition:all var(--transition-base)}.home-page__profile-btn:after{background:var(--color-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform var(--transition-base);width:80%}.home-page__profile-btn:hover{background:#f5a6231a;color:var(--color-primary)}.home-page__profile-btn:hover:after{transform:translateX(-50%) scaleX(1)}.home-page__greeting{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--text-5xl);font-weight:700;margin-bottom:var(--space-4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-page__message{animation:fadeInUp .6s ease-out .2s both;color:var(--color-text-muted);font-family:var(--font-serif);font-size:var(--text-xl);font-style:italic}.home-page__reading-as{animation:fadeInUp .6s ease-out .4s both;background:var(--color-accent-subtle);border:2px solid #f5a6234d;border-radius:var(--radius-lg);box-shadow:0 4px 12px #f5a62326;color:var(--color-text-muted);font-size:var(--text-base);margin-top:var(--space-6);padding:var(--space-4) var(--space-6)}.home-page__reading-as strong{color:var(--color-primary);font-weight:600}.home-page__error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);margin-bottom:var(--space-4);max-width:var(--max-width-md);text-align:center;width:100%}.home-page__delete-btn,.home-page__error{color:var(--color-error);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.home-page__delete-btn{background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-4);transition:all var(--transition-fast)}.home-page__delete-btn:hover{background:var(--color-error-bg)}@media (max-width:768px){.home-page__header-actions{gap:var(--space-2)}.home-page__profile-btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}@media (max-width:480px){.home-page{padding:var(--space-6)}.home-page__greeting{font-size:var(--text-3xl)}.home-page__message{font-size:var(--text-lg)}.home-page__header-actions{flex-wrap:nowrap;gap:var(--space-1);overflow-x:auto}.home-page__profile-btn{flex-shrink:0;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);white-space:nowrap}.home-page__profile-btn:after{display:none}}.onboarding-page{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--space-6) var(--space-4)}.onboarding-page__header-text{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.onboarding-page__welcome{margin-bottom:var(--space-8);max-width:var(--max-width-md);text-align:center}.onboarding-page__title{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.onboarding-page__subtitle{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.6}.onboarding-page__error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4);max-width:var(--max-width-md);padding:var(--space-3) var(--space-4);text-align:center;width:100%}@media (max-width:480px){.onboarding-page{padding:var(--space-4) var(--space-3)}.onboarding-page__title{font-size:var(--text-2xl)}.onboarding-page__subtitle{font-size:var(--text-sm)}}.profile-page{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--space-6) var(--space-4)}.profile-page__back-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2);transition:color var(--transition-fast)}.profile-page__back-btn:hover{color:var(--color-text)}.profile-page__header{margin-bottom:var(--space-8);text-align:center}.profile-page__title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.profile-page__user{color:var(--color-text);font-size:var(--text-lg);margin-bottom:var(--space-1)}.profile-page__email{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-page__error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error)}.profile-page__error,.profile-page__success{font-size:var(--text-sm);margin-bottom:var(--space-4);max-width:var(--max-width-md);padding:var(--space-3) var(--space-4);text-align:center;width:100%}.profile-page__success{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);color:var(--color-success)}@media (max-width:480px){.profile-page{padding:var(--space-4) var(--space-3)}.profile-page__title{font-size:var(--text-xl)}}.stories-page{animation:fadeIn .4s ease-out;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:var(--max-width-xl);padding:var(--space-8);width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stories-page__header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.stories-page__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-text);font-size:var(--text-4xl);font-weight:700;margin:0}.stories-page__restricted{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.stories-page__restricted-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.stories-page__restricted-text{color:var(--color-text-muted);font-size:var(--text-lg);max-width:400px}.stories-page__empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.stories-page__empty-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:5rem;margin-bottom:var(--space-6);opacity:.4}.stories-page__empty-text{color:var(--color-text-muted);font-family:var(--font-serif);font-size:var(--text-xl);line-height:1.6;margin-bottom:var(--space-8)}.stories-page__list{display:flex;flex-direction:column;gap:var(--space-4)}.stories-page__item{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;display:flex;padding:var(--space-5);transition:all var(--transition-base)}.stories-page__item:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:0 4px 12px #00000026}.stories-page__item-content{cursor:pointer;flex:1 1;min-width:0}.stories-page__item-content:hover~.stories-page__item-actions .stories-page__item-arrow{color:var(--color-primary);transform:translateX(6px)}.stories-page__item-actions{align-items:center;display:flex;gap:var(--space-3)}.stories-page__item-title{color:var(--color-text);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stories-page__item-meta{color:var(--color-text-muted);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-4)}.stories-page__item-status{align-items:center;display:flex;gap:var(--space-1)}.stories-page__item-status--in_progress{color:var(--color-primary)}.stories-page__item-status--completed{color:var(--color-success)}.stories-page__delete-btn,.stories-page__item-status--abandoned{color:var(--color-text-muted)}.stories-page__delete-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-xl);justify-content:center;padding:var(--space-2);transition:all var(--transition-base)}.stories-page__delete-btn:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error);transform:scale(1.1)}.stories-page__delete-btn:disabled{cursor:not-allowed;opacity:.5}.stories-page__item-arrow{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-2xl);padding:var(--space-2);transition:all var(--transition-base)}.stories-page__item-arrow:hover{color:var(--color-primary);transform:translateX(6px)}.stories-page__error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--space-4);padding:var(--space-4);text-align:center}.stories-page__loading{align-items:center;display:flex;flex:1 1;justify-content:center}@media (max-width:480px){.stories-page{padding:var(--space-4)}.stories-page__header{align-items:stretch;flex-direction:column;gap:var(--space-4)}.stories-page__title{font-size:var(--text-2xl);text-align:center}.stories-page__item-meta{flex-direction:column;gap:var(--space-1)}}.story-reader{background:linear-gradient(135deg,#f5f1e8,#faf8f3 50%,#f5f1e8);display:flex;flex-direction:column;min-height:100vh}.story-reader--two-pane{flex-direction:row;min-height:100vh;position:relative}.story-reader__sidebar-toggle{background:var(--color-primary);border:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:2px 0 8px #00000026;color:#1a1a1a;cursor:pointer;font-size:var(--text-base);font-weight:600;left:0;padding:var(--space-3) var(--space-2);position:fixed;top:50%;transform:translateY(-50%);transition:all var(--transition-base);z-index:100}.story-reader__sidebar-toggle:hover{background:var(--color-primary-light);box-shadow:4px 0 12px #0003;padding-right:var(--space-3)}.story-reader__sidebar-toggle--open{background:var(--color-primary-light);box-shadow:-2px 0 8px #00000026;left:320px}.story-reader__sidebar-backdrop{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.story-reader__sidebar{background:#fefdfb;border-right:1px solid #00000014;box-shadow:2px 0 8px #0000000d;display:flex;flex-direction:column;height:100vh;min-width:320px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transition:transform var(--transition-base),margin-left var(--transition-base);width:320px}.story-reader__sidebar-header{background:linear-gradient(180deg,#fefdfb,#faf8f3);border-bottom:1px solid #00000014;padding:var(--space-6)}.story-reader__sidebar-title{color:#1a1a1a;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0}.story-reader__sidebar-progress{color:#6a6a6a;font-size:var(--text-sm);font-weight:500}.story-reader__chapter-list{flex:1 1;overflow-y:auto;padding:var(--space-3)}.story-reader__chapter-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:#2a2a2a;cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all var(--transition-base);width:100%}.story-reader__chapter-item:hover:not(:disabled){background:#f5a62314;transform:translateX(4px)}.story-reader__chapter-item--current{background:#f5a6231f;border-left:4px solid var(--color-primary);padding-left:calc(var(--space-4) - 4px)}.story-reader__chapter-item--active{font-weight:600}.story-reader__chapter-item--locked{cursor:not-allowed;opacity:.4}.story-reader__chapter-number{align-items:center;background:#0000000d;border-radius:50%;color:#5a5a5a;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;width:32px}.story-reader__chapter-item--current .story-reader__chapter-number{background:var(--color-primary);color:#1a1a1a}.story-reader__chapter-title{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-reader__chapter-badge{background:var(--color-primary);border-radius:var(--radius-sm);color:#1a1a1a;flex-shrink:0;font-size:var(--text-xs);font-weight:600;padding:4px 8px}.story-reader__chapter-lock{flex-shrink:0;font-size:var(--text-base)}.story-reader__main{display:flex;flex:1 1;height:100vh;justify-content:center;overflow-y:auto;padding:var(--space-8)}.story-reader__main-inner{max-width:750px;width:100%}.story-reader__header{align-items:flex-start;border-bottom:2px solid #00000014;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.story-reader__title-section{flex:1 1;min-width:0}.story-reader__title{color:#1a1a1a;font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:600;line-height:1.3;margin:0 0 var(--space-3) 0}.story-reader__meta{align-items:center;color:#6a6a6a;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-3)}.story-reader__status-badge{background:#51cf6626;border-radius:var(--radius-sm);color:#2d8a3e;font-size:var(--text-xs);font-weight:600;padding:4px 10px}.story-reader__back-btn{background:#0000;border:2px solid #0000001a;border-radius:var(--radius-md);color:#5a5a5a;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-base);white-space:nowrap}.story-reader__back-btn:hover{background:#f5a62314;border-color:var(--color-primary);box-shadow:0 2px 8px #00000014;color:#1a1a1a;transform:translateY(-1px)}.story-reader__content{display:flex;flex:1 1;flex-direction:column}.story-reader__chapter-header{margin-bottom:var(--space-6)}.story-reader__chapter-heading{border-bottom:3px solid var(--color-primary);color:#1a1a1a;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;line-height:1.3;margin:0;padding-bottom:var(--space-4)}.story-reader__node{background:#fefdfb;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000f;margin-bottom:var(--space-8);padding:var(--space-8)}.story-reader__node-text{color:#2a2a2a;font-family:var(--font-serif);font-size:1.125rem;letter-spacing:.01em;line-height:1.9;white-space:pre-wrap}.story-reader__node-text p{margin:0 0 1.5em}.story-reader__node-text p:last-child{margin-bottom:0}.story-reader__node-text--child{font-size:1.25rem;line-height:2;margin:0 auto;max-width:600px}.story-reader__node-text--child p{margin-bottom:2em}.story-reader__reading-past{background:#f5a62314;border:2px solid #f5a6234d;border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6);text-align:center}.story-reader__reading-past p{color:#5a5a5a;font-size:var(--text-base);font-weight:500;margin:0 0 var(--space-4) 0}.story-reader__choices{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.story-reader__choices-label{color:#5a5a5a;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;margin-bottom:var(--space-2);text-transform:uppercase}.story-reader__choice{align-items:center;background:#fefdfb;border:2px solid #0000001a;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;color:#2a2a2a;cursor:pointer;display:flex;font-family:var(--font-serif);font-size:var(--text-base);font-weight:500;padding:var(--space-5) var(--space-6);text-align:left;transition:all var(--transition-base)}.story-reader__choice:hover:not(:disabled){background:#f5a62314;border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateX(6px)}.story-reader__choice:disabled{cursor:not-allowed;opacity:.5}.story-reader__choice-text{flex:1 1;line-height:1.6}.story-reader__choice-arrow{color:#8a8a8a;font-size:var(--text-lg);margin-left:var(--space-4);transition:all var(--transition-base)}.story-reader__choice:hover:not(:disabled) .story-reader__choice-arrow{color:var(--color-primary);transform:translateX(4px)}.story-reader__choice--child{border-radius:var(--radius-xl);border-width:3px;font-size:1.125rem;min-height:60px;padding:var(--space-6)}.story-reader__choice--child:hover:not(:disabled){box-shadow:0 6px 16px #f5a6234d;transform:translateX(8px) scale(1.02)}.story-reader__choice--child .story-reader__choice-text{font-size:1.125rem;line-height:1.7}.story-reader__ending{background:linear-gradient(135deg,#f5a6231f,#f5a6230a);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 4px 16px #f5a62326;padding:var(--space-10);text-align:center}.story-reader__ending-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:4rem;margin-bottom:var(--space-6)}.story-reader__ending-text{color:#1a1a1a;font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:600;margin-bottom:var(--space-3)}.story-reader__ending-subtext{color:#5a5a5a;font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-8)}.story-reader__ending-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.story-reader__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:var(--space-12);text-align:center}.story-reader__loading-spinner{animation:spin .8s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top:4px solid var(--color-primary);height:56px;margin-bottom:var(--space-6);width:56px}.story-reader__loading-text{color:#5a5a5a;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500}.story-reader__loading-chapter{align-items:center;color:#5a5a5a;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.story-reader__loading-subtext{color:#8a8a8a;font-size:var(--text-base);margin-top:var(--space-2)}.story-reader__error{background:#ff6b6b1a;border:2px solid #ff6b6b4d;border-radius:var(--radius-lg);color:#c92a2a;font-weight:500;margin-bottom:var(--space-6);padding:var(--space-5);text-align:center}.story-reader__continuing{align-items:center;background:#f5a6231f;border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 2px 8px #f5a62326;display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6);padding:var(--space-6)}.story-reader__continuing-spinner{animation:spin .8s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--color-primary);height:24px;width:24px}.story-reader__continuing-text{color:#2a2a2a;font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500}@media (min-width:1025px){.story-reader__sidebar--open{margin-left:0;transform:translateX(0)}.story-reader__sidebar:not(.story-reader__sidebar--open){margin-left:-320px;transform:translateX(-100%)}.story-reader__sidebar-toggle{transition:left var(--transition-base)}.story-reader__sidebar-toggle--open{left:320px}.story-reader__main{transition:margin-left var(--transition-base);width:100%}}@media (max-width:1024px){.story-reader__sidebar{bottom:0;box-shadow:4px 0 16px #00000026;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-base);z-index:100}.story-reader__sidebar--open{transform:translateX(0)}.story-reader__sidebar-toggle--open{border-radius:var(--radius-sm);left:auto;right:var(--space-4);z-index:101}.story-reader__main{width:100%}}@media (max-width:768px){.story-reader__main{padding:var(--space-6) var(--space-4)}.story-reader__header{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.story-reader__title{font-size:var(--text-2xl)}.story-reader__chapter-heading{font-size:var(--text-xl)}.story-reader__node{padding:var(--space-6)}.story-reader__node-text{font-size:1.0625rem;line-height:1.8}.story-reader__ending{padding:var(--space-8)}.story-reader__ending-text{font-size:var(--text-2xl)}}@media (max-width:480px){.story-reader__main{padding:var(--space-4) var(--space-3)}.story-reader__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.story-reader__title{font-size:var(--text-xl)}.story-reader__chapter-heading{font-size:var(--text-lg);padding-bottom:var(--space-3)}.story-reader__node{margin-bottom:var(--space-6);padding:var(--space-4)}.story-reader__node-text{font-size:1rem;line-height:1.75}.story-reader__choice{padding:var(--space-4)}.story-reader__ending{padding:var(--space-6)}.story-reader__ending-icon{font-size:3rem}.story-reader__ending-text{font-size:var(--text-xl)}.story-reader__ending-subtext{font-size:var(--text-base)}.story-reader__ending-actions{flex-direction:column;width:100%}.story-reader__sidebar{max-width:320px;min-width:0;width:85vw}.story-reader__sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:var(--space-4)}.story-reader__sidebar-title{font-size:var(--text-lg)}.story-reader__sidebar-toggle{font-size:var(--text-sm);left:var(--space-2);padding:var(--space-2) var(--space-1);position:fixed;top:50%;transform:translateY(-50%)}.story-reader__sidebar-toggle--open{max-left:272px;background:#0009;border-radius:var(--radius-sm);box-shadow:0 2px 12px #0000004d;color:#fff;left:calc(85vw - 48px);z-index:101}.story-reader__chapter-list{padding:var(--space-2)}.story-reader__chapter-item{font-size:var(--text-xs);margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3)}.story-reader__chapter-number{font-size:var(--text-xs);height:28px;width:28px}.story-reader__chapter-badge{font-size:10px;padding:3px 6px}}
/*# sourceMappingURL=main.1dabd442.css.map*/