.top-nav{font-size:var(--font-size-sm);display:flex;gap:var(--space-5);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.top-nav__link{color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:color var(--dur-fast) var(--ease-out)}.top-nav__link:hover{color:var(--color-accent-hover);text-decoration:none}.top-nav__link--active{color:var(--color-accent);font-weight:600}.top-nav .token-pill{margin-left:auto;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-accent-hover);font-size:var(--font-size-xs);font-weight:600;border:1px solid var(--color-border)}html[dir=rtl] .top-nav .token-pill{margin-left:0;margin-right:auto}.app-shell{max-width:720px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-8)}.radio-group{border:0;margin:0 0 var(--space-5);padding:0}.radio-group__legend{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3);padding:0}.radio-group__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.radio-pill{position:relative;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.radio-pill:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.radio-pill input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.radio-pill--selected{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-hover);box-shadow:var(--shadow-sm);font-weight:600}.radio-pill:focus-within{outline:none;box-shadow:var(--shadow-ring)}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0 var(--space-6)}.wizard-header__dots{display:flex;gap:var(--space-2)}.wizard-header__dot{width:32px;height:8px;border-radius:var(--radius-pill);background:var(--color-border);transition:background var(--dur-med) var(--ease-out)}.wizard-header__dot--done{background:var(--color-accent-soft)}.wizard-header__dot--current{background:var(--color-accent)}.wizard-header__cancel{background:transparent;border:0;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.wizard-header__cancel:hover{color:var(--color-text);background:var(--color-surface-alt)}.wizard-body{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6) var(--space-5)}.wizard-status{text-align:center;color:var(--color-text-muted);padding:var(--space-7) 0;margin:0}.wizard-status--error{color:var(--color-error)}.wizard-step-anim{animation:wizard-step-in var(--dur-med) var(--ease-out) both}@keyframes wizard-step-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.wizard-step__title{font-size:var(--font-size-2xl);margin:0 0 var(--space-2)}.wizard-step__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-6)}.wizard-footer{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-alt)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-4)}.hero-grid--empty{grid-template-columns:1fr;justify-items:center;padding:var(--space-5) 0}.hero-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font:inherit;color:inherit;transition:background var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-spring)}.hero-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.hero-tile--selected{background:var(--color-surface-alt);border-color:var(--color-accent);box-shadow:var(--shadow-ring)}.hero-tile--selected:hover{box-shadow:var(--shadow-ring),var(--shadow-md)}.hero-tile__avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--color-surface-alt);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-med) var(--ease-spring)}.hero-tile--selected .hero-tile__avatar{transform:scale(1.04)}.hero-tile__avatar img{width:100%;height:100%;object-fit:cover}.hero-tile__avatar--plus{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-accent);line-height:1}.hero-tile__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-align:center;word-break:break-word}.hero-tile--add{background:transparent;border:2px dashed var(--color-border-strong);color:var(--color-accent)}.hero-tile--add:hover{background:var(--color-surface-alt);border-color:var(--color-accent)}.hero-tile--add--large{padding:var(--space-6) var(--space-5)}.hero-tile--add--large .hero-tile__avatar{width:144px;height:144px}.hero-tile--add--large .hero-tile__avatar--plus{font-size:4.5rem}.hero-tile--add--large .hero-tile__name{font-family:var(--font-display);font-size:var(--font-size-lg)}.hero-upload{display:flex;flex-direction:column;gap:var(--space-4)}.hero-upload__photo{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;background:var(--color-surface-alt);border:2px dashed var(--color-border-strong);cursor:pointer;align-self:center;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.hero-upload__photo:hover{border-color:var(--color-accent);background:var(--color-surface-alt)}.hero-upload__photo--filled{border-style:solid;border-color:var(--color-border);background:var(--color-surface)}.hero-upload__photo img{width:100%;height:100%;object-fit:cover}.hero-upload__photo input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hero-upload__photo-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.hero-upload__photo-plus{font-family:var(--font-display);font-size:2.5rem;color:var(--color-accent);line-height:1}.hero-analyze{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-7) 0;color:var(--color-text-muted)}.hero-analyze__spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--color-surface-alt);border-top-color:var(--color-accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-confirm{display:flex;flex-direction:column;gap:var(--space-4)}.hero-confirm__photo{width:160px;height:160px;border-radius:50%;overflow:hidden;align-self:center;background:var(--color-surface-alt);box-shadow:var(--shadow-md)}.hero-confirm__photo img{width:100%;height:100%;object-fit:cover}.hero-confirm__appearance{margin:0;padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field--inline{flex-direction:row;align-items:center;gap:var(--space-3)}.field__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.field__input{font:inherit;font-size:var(--font-size-md);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%;box-sizing:border-box}.field__input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-ring)}.field__input-with-suffix{display:inline-flex;align-items:center;gap:var(--space-2)}.field__input-with-suffix .field__input{width:96px}.field__suffix{color:var(--color-text-muted);font-size:var(--font-size-sm)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.prompt-textarea{font:inherit;font-size:var(--font-size-md);width:100%;min-height:160px;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);resize:vertical;box-sizing:border-box;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.prompt-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-ring)}.prompt-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.suggestion-chip{font:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;text-align:left;max-width:100%;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.suggestion-chip:hover{background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-text);transform:translateY(-1px)}.suggestion-chip:active{transform:scale(.98)}.empty-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-4);min-height:60vh}.empty-cta__label{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text);margin:var(--space-2) 0 0}.empty-cta__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;max-width:32ch}.round-create{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-accent);color:#fff;border-radius:50%;text-decoration:none;box-shadow:var(--shadow-md);transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-spring);flex-shrink:0}.round-create:hover{background:var(--color-accent-hover);color:#fff;text-decoration:none;transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-lg)}.round-create:active{transform:scale(.97)}.round-create__plus{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1}.round-create--large{width:112px;height:112px;box-shadow:var(--shadow-lg)}.round-create--large .round-create__plus{font-size:4rem}.create-cta{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);padding-block:var(--space-2);padding-inline-start:var(--space-2);padding-inline-end:var(--space-5);background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);text-decoration:none;box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-spring)}.create-cta:hover{background:var(--color-accent-hover);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.create-cta:active{transform:scale(.98)}.create-cta__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff2e;font-family:var(--font-display);font-size:1.5rem;line-height:1}.create-cta__label{font-weight:600;font-size:var(--font-size-sm)}.list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-5) 0}.list-header h1{margin:0;font-size:var(--font-size-2xl)}.capacity-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0000008c}.capacity-panel__card{background:var(--color-bg, #fff);color:var(--color-fg, #1a1a1a);border-radius:16px;padding:var(--space-6);max-width:460px;width:100%;box-shadow:0 12px 48px #00000040}.capacity-panel__card h2{margin:0 0 var(--space-3) 0;font-size:var(--font-size-xl)}.capacity-panel__card p{margin:0 0 var(--space-4) 0;line-height:1.5}.capacity-panel__code{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#0000000d;border-radius:8px;font-size:var(--font-size-sm)}.capacity-panel__code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.capacity-panel__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.capacity-panel__contact,.capacity-panel__dismiss{flex:1;padding:var(--space-3) var(--space-4);border-radius:10px;border:none;font-size:var(--font-size-base);font-weight:600;cursor:pointer}.capacity-panel__contact{background:var(--color-accent, #6056ff);color:#fff}.capacity-panel__contact:disabled{opacity:.65;cursor:default}.capacity-panel__dismiss{background:transparent;color:var(--color-fg, #1a1a1a);border:1px solid rgba(0,0,0,.15)}.capacity-panel__failed{margin-top:var(--space-3);color:#c0392b;font-size:var(--font-size-sm)}.cost-badge{position:absolute;top:-6px;inset-inline-end:-6px;width:26px;height:26px;padding:0;border-radius:50%;background:var(--color-warm);color:#2b1a00;border:2px solid var(--color-surface);font-family:var(--font-body);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:0;text-transform:none;box-shadow:var(--shadow-sm);z-index:2;background-image:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 55%);pointer-events:none;box-sizing:border-box}.round-create--large .cost-badge{width:36px;height:36px;font-size:15px;top:-4px;inset-inline-end:-4px;border-width:3px}.global-progress{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);max-width:320px}.global-progress-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);color:var(--color-text)}.global-progress-item h4{margin:0 0 var(--space-2);font-size:var(--font-size-sm);font-family:var(--font-display);color:var(--color-text)}.global-progress-item .gp-heroes{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.global-progress-item .gp-hero-thumb{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.global-progress-item .gp-bar{height:6px;background:var(--color-surface-alt);border-radius:var(--radius-pill);overflow:hidden}.global-progress-item .gp-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--color-warm),var(--color-accent));border-radius:var(--radius-pill);transition:width .6s var(--ease-out);overflow:hidden}.global-progress-item .gp-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);animation:gp-shimmer 1.6s linear infinite}@keyframes gp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.global-progress-item .gp-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.global-progress-item .gp-note{font-size:var(--font-size-xs);color:var(--color-text-soft);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.global-progress-item--done{border-color:var(--color-accent)}.global-progress-item--done h4 a{color:var(--color-accent);text-decoration:none}.global-progress-item--done h4 a:hover{color:var(--color-accent-hover);text-decoration:underline}.global-progress-item--failed{border-color:var(--color-error)}.global-progress-item--failed .gp-label{color:var(--color-error)}.hero-status{color:var(--color-text-muted);text-align:center;padding:var(--space-7) 0}.hero-error{color:var(--color-error)}.empty{color:var(--color-text-soft);text-align:center;padding:var(--space-6) 0;margin:0}.hero-list{display:flex;flex-direction:column;gap:var(--space-3)}.hero-item{display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);flex-wrap:wrap;box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.hero-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.hero-photo{width:84px;height:84px;object-fit:cover;border-radius:50%;flex-shrink:0;box-shadow:var(--shadow-sm)}.hero-info{flex:1;min-width:0}.hero-info h3.hero-name{margin:0 0 var(--space-1);font-size:var(--font-size-lg);color:var(--color-text)}.hero-info .characteristics{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500}.hero-info .appearance{margin:var(--space-2) 0 0;color:var(--color-text-soft);font-size:var(--font-size-sm);line-height:1.45}.hero-actions{display:flex;gap:var(--space-2);flex-shrink:0}.edit-btn,.delete-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);font-size:1rem;cursor:pointer;padding:0;margin:0;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.edit-btn:hover{background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent)}.delete-btn:hover{background:#c0432f14;border-color:var(--color-error);color:var(--color-error)}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.edit-form{width:100%;padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.edit-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.edit-form input[type=text],.edit-form textarea{width:100%;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--font-size-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-transform:none;letter-spacing:0;font-weight:400;box-sizing:border-box;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.edit-form input[type=text]:focus,.edit-form textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-ring)}.edit-form textarea{resize:vertical;min-height:60px}.edit-form .edit-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.edit-form .edit-actions button{font:inherit;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-5);margin:0;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.save-btn{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.save-btn:hover{background:var(--color-accent-hover)}.save-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cancel-btn{background:transparent;color:var(--color-text-muted);border-color:transparent}.cancel-btn:hover{color:var(--color-text);background:var(--color-bg-alt)}.login-page{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4);background:radial-gradient(1000px 500px at 10% -10%,#efeafd 0%,transparent 60%),radial-gradient(800px 500px at 110% 10%,#ffe7d1 0%,transparent 60%),var(--color-bg);overflow:hidden}.login-page__stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,rgba(108,92,231,.35),transparent 50%),radial-gradient(1.5px 1.5px at 80% 20%,rgba(255,184,107,.5),transparent 50%),radial-gradient(2px 2px at 60% 70%,rgba(255,143,163,.45),transparent 50%),radial-gradient(1.5px 1.5px at 30% 80%,rgba(108,92,231,.3),transparent 50%),radial-gradient(2px 2px at 90% 60%,rgba(255,184,107,.35),transparent 50%)}.login-page__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none;animation:login-glow-drift 18s ease-in-out infinite alternate}.login-page__glow--a{width:420px;height:420px;background:radial-gradient(circle,#c7b9ff 0%,transparent 70%);top:-120px;inset-inline-start:-80px}.login-page__glow--b{width:520px;height:520px;background:radial-gradient(circle,#ffc9a0 0%,transparent 70%);bottom:-160px;inset-inline-end:-120px;animation-delay:-9s}@keyframes login-glow-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(20px,30px,0) scale(1.06)}}.login-shell{position:relative;width:100%;max-width:1080px;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:center;z-index:1}@media(min-width:900px){.login-shell{grid-template-columns:minmax(360px,460px) minmax(0,1fr);gap:var(--space-7)}}.login-card{position:relative;width:100%;max-width:460px;margin-inline:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6) var(--space-6);box-shadow:var(--shadow-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-card__logo{width:84px;height:auto;filter:drop-shadow(0 6px 14px rgba(108,92,231,.28))}.login-card__title{margin:0;font-family:var(--font-display);font-size:clamp(1.85rem,2.2vw + 1rem,2.5rem);line-height:1.12;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.login-card__accent{background:linear-gradient(110deg,#6c5ce7 10%,#ff8fa3 55%,#ffb86b 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.login-card__lede{margin:0;color:var(--color-text-muted);font-size:var(--font-size-md);max-width:36ch;line-height:1.5}.login-card__signin{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.g-signin-slot{display:inline-block;min-height:44px}.login-card__status{margin:0;min-height:1.5em;font-size:var(--font-size-sm);color:var(--color-text-soft)}.login-card__status--error{color:var(--color-error)}.login-card__fineprint{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-text-soft);max-width:32ch}.login-showcase{position:relative;display:none;height:480px;width:100%}@media(min-width:900px){.login-showcase{display:block}}.login-showcase__cover{position:absolute;margin:0;border-radius:18px;overflow:hidden;background:var(--color-surface);box-shadow:0 24px 60px -20px #1f164c73,0 8px 18px -8px #1f164c33;transition:transform .32s ease,box-shadow .32s ease;will-change:transform}.login-showcase__cover img{display:block;width:100%;height:100%;object-fit:cover}.login-showcase__cover--1{inset-inline-start:4%;top:8%;width:46%;aspect-ratio:4 / 5;transform:rotate(-7deg);animation:cover-float-a 8s ease-in-out infinite alternate;z-index:2}.login-showcase__cover--2{inset-inline-end:4%;top:18%;width:50%;aspect-ratio:4 / 5;transform:rotate(5deg);animation:cover-float-b 9s ease-in-out infinite alternate;z-index:3}.login-showcase__cover--3{inset-inline-start:22%;bottom:2%;width:44%;aspect-ratio:4 / 5;transform:rotate(-2deg);animation:cover-float-c 10s ease-in-out infinite alternate;z-index:4}.login-showcase__cover:hover{transform:rotate(0) translateY(-4px) scale(1.02);box-shadow:0 32px 70px -18px #1f164c80,0 12px 24px -10px #1f164c40;z-index:5}@keyframes cover-float-a{0%{transform:rotate(-7deg) translateY(0)}to{transform:rotate(-5deg) translateY(-10px)}}@keyframes cover-float-b{0%{transform:rotate(5deg) translateY(0)}to{transform:rotate(7deg) translateY(-12px)}}@keyframes cover-float-c{0%{transform:rotate(-2deg) translateY(0)}to{transform:rotate(0) translateY(-8px)}}.login-showcase__sparkle{position:absolute;width:14px;height:14px;background:radial-gradient(circle,#ffd58a,#ffb86b00 70%);border-radius:50%;filter:blur(.5px);animation:sparkle-pulse 3.2s ease-in-out infinite}.login-showcase__sparkle--a{top:6%;inset-inline-end:12%;animation-delay:0s}.login-showcase__sparkle--b{bottom:22%;inset-inline-start:4%;width:10px;height:10px;animation-delay:-1.1s}.login-showcase__sparkle--c{top:48%;inset-inline-end:2%;width:18px;height:18px;animation-delay:-2s}@keyframes sparkle-pulse{0%,to{transform:scale(.7);opacity:.4}50%{transform:scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){.login-page__glow,.login-showcase__cover,.login-showcase__sparkle{animation:none}}[dir=rtl] .login-showcase__cover--1{transform:rotate(7deg)}[dir=rtl] .login-showcase__cover--2{transform:rotate(-5deg)}[dir=rtl] .login-showcase__cover--3{transform:rotate(2deg)}.profile-body{text-align:center}.email{font-size:1.25rem;margin:1rem 0}.plan-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) auto;max-width:320px;text-align:left}.plan-summary p{margin:.25rem 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.plan-summary__refill{margin-top:var(--space-3)!important;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.profile-body button{padding:var(--space-2) var(--space-5);font-size:var(--font-size-md);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.profile-body button:hover{background:var(--color-surface-alt)}.profile-status{color:var(--color-text-muted)}.profile-error{color:var(--color-error)}.story-status{color:var(--color-text-muted);text-align:center;padding:var(--space-7) 0}.story-status--error{color:var(--color-error)}.story-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.story-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.story-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.story-item h3{margin:0 0 var(--space-2);font-size:var(--font-size-xl)}.story-item h3 a{color:var(--color-text);text-decoration:none}.story-item h3 a:hover{color:var(--color-accent-hover)}.story-item p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.story-item .meta{font-size:var(--font-size-xs);color:var(--color-text-soft);margin-top:var(--space-3)}.story-item__error{color:var(--color-error)}.story-heroes{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.story-hero-thumb{width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.progress-container{margin-top:var(--space-3)}.progress-bar{height:8px;background:var(--color-surface-alt);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--color-warm),var(--color-accent));border-radius:var(--radius-pill);transition:width .6s var(--ease-out);overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);animation:progress-shimmer 1.6s linear infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.progress-note{font-size:var(--font-size-xs);color:var(--color-text-soft);margin-top:var(--space-1);font-style:italic}.story-item--generating h3{color:var(--color-text-muted)}body.story-detail{font-family:Georgia,Times New Roman,serif;margin:0;background:#2c2c2c;color:#333;overflow:hidden;height:100dvh}.detail-status{color:#ddd;padding:2rem;font-family:system-ui,sans-serif}.detail-error{color:#dc143c}.book-nav{position:fixed;top:0;left:0;right:0;padding:.75rem 1rem;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.book-nav a{color:#fffc;text-decoration:none;font-family:system-ui,sans-serif;font-size:.85rem}.book-nav a:hover{color:#fff}.book-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;padding:2.5rem 1rem 1rem;box-sizing:border-box;background:#2c2c2c}.book{position:relative;width:100%;max-width:900px;aspect-ratio:var(--book-aspect, 3 / 2);max-height:calc(100dvh - 7rem);border-radius:4px;box-shadow:0 8px 40px #00000080,0 2px 8px #0000004d;overflow:hidden;perspective:1800px;perspective-origin:50% 35%;container-type:inline-size;container-name:book}.book-spread{position:absolute;top:0;right:0;bottom:0;left:0}.book-spread[data-active=true]{display:flex}.spread-cover{align-items:stretch;justify-content:center}.spread-pages{flex-direction:row}.book-underlay{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;z-index:1}.book-underlay--left{left:0}.book-underlay--right{left:50%}.book-underlay .page{width:100%;height:100%}.page-flap{position:absolute;top:0;bottom:0;width:50%;z-index:10;transform-style:preserve-3d;will-change:transform}.page-flap--left{left:50%;transform-origin:left center;animation:pageTurnLeft .75s cubic-bezier(.22,.61,.36,1) both}.page-flap--right{left:0;transform-origin:right center;animation:pageTurnRight .75s cubic-bezier(.22,.61,.36,1) both}.page-flap__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden}.page-flap__face--back{transform:rotateY(180deg)}.page-flap__face .page{width:100%;height:100%}.page{position:relative;overflow:hidden;box-sizing:border-box}.spread-cover .page{width:100%;height:100%}.spread-pages .page{flex:0 0 50%;max-width:50%;height:100%;box-sizing:border-box}.page-img{width:100%;height:100%;object-fit:cover;display:block}.page-cover{position:relative;background-color:#1a1a2e;background-size:cover;background-position:center;background-repeat:no-repeat}.cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.cover-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:2rem;pointer-events:none}.cover-text-front{justify-content:flex-end;padding-bottom:12cqw;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%)}.cover-title{font-size:clamp(1.4rem,4vw,2.8rem);color:#fff;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.7);margin:0 0 .5rem;line-height:1.2}.cover-subtitle{font-size:clamp(.8rem,1.5vw,1.1rem);color:#ffffffd9;text-shadow:0 1px 6px rgba(0,0,0,.6);font-style:italic;margin:0}.cover-text-back{justify-content:center;background:#00000073}.back-synopsis{font-size:clamp(.85rem,2vw,1.1rem);color:#ffffffe6;text-align:center;line-height:1.7;max-width:80%;text-shadow:0 1px 4px rgba(0,0,0,.5);margin:0}.page-illustration{background-color:#111;background-size:cover;background-position:center;background-repeat:no-repeat}.illustration-placeholder{width:100%;height:100%;background:#222}.page-text{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 20% 80%,var(--c1, #e8d4e8) 0%,transparent 60%),radial-gradient(ellipse at 85% 15%,var(--c2, #d4e8e0) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,var(--c3, #e8dcc8) 0%,transparent 70%),#f5f0eb;padding:8cqw 7cqw}.page-text-content{font-size:clamp(.75rem,1.8vw,1.05rem);line-height:1.75;color:#2c2420;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.page-number{position:absolute;bottom:4%;left:50%;transform:translate(-50%);font-size:.75rem;color:#2c242059;font-style:italic}.book-controls{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.book-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;line-height:1}.book-btn:hover{background:#ffffff26;color:#fff}.book-btn:disabled{opacity:.2;cursor:default}.book-page-indicator{font-family:system-ui,sans-serif;font-size:.8rem;color:#ffffff80;min-width:3rem;text-align:center}@keyframes pageTurnLeft{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes pageTurnRight{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media(prefers-reduced-motion:reduce){.page-flap{animation-duration:.01ms!important}}@media(max-width:640px){.spread-cover{display:flex;align-items:center;justify-content:center}.spread-cover>.page-cover{position:relative;width:auto;height:100%;aspect-ratio:var(--page-aspect, 3 / 4);max-width:100%}}@media(max-width:932px)and (orientation:landscape){.book{width:auto;height:100%;max-width:100%}}.rotate-hint{display:none}@media(max-width:640px)and (orientation:portrait){.rotate-hint{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1.75rem;background:#000000d9;color:#fff;border-radius:14px;font-family:system-ui,sans-serif;font-size:.95rem;text-align:center;z-index:200;max-width:calc(100% - 2rem);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 30px #00000073}.rotate-hint__icon{animation:rotateNudge 2.4s ease-in-out infinite;transform-origin:center}.book-wrapper .book,.book-wrapper .book-controls{opacity:.35;pointer-events:none}}@keyframes rotateNudge{0%,55%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}}:root{--color-bg: #fff8ef;--color-bg-alt: #fff3e2;--color-surface: #ffffff;--color-surface-alt: #f4efff;--color-border: #ece3f5;--color-border-strong: #d9ceeb;--color-text: #1f1640;--color-text-muted: #4b3f73;--color-text-soft: #6b6288;--color-accent: #6c5ce7;--color-accent-hover: #4a3bc9;--color-accent-soft: rgba(108, 92, 231, .1);--color-accent-ring: rgba(108, 92, 231, .35);--color-warm: #ffb86b;--color-warm-2: #ff8fa3;--color-success: #3f9b6c;--color-error: #c0432f;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 28px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(44, 22, 80, .06);--shadow-md: 0 10px 30px rgba(44, 22, 80, .1);--shadow-lg: 0 30px 60px rgba(44, 22, 80, .18);--shadow-ring: 0 0 0 4px var(--color-accent-ring);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .8125rem;--font-size-sm: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.625rem;--font-size-2xl: 2.25rem;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-med: .22s;--dur-slow: .36s;color-scheme:light}body{margin:0;min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(420px 360px at 8% 6%,rgba(108,92,231,.28),transparent 65%),radial-gradient(480px 380px at 92% 12%,rgba(255,143,163,.26),transparent 65%),radial-gradient(520px 420px at 82% 92%,rgba(255,184,107,.28),transparent 65%),radial-gradient(380px 320px at 4% 88%,rgba(108,92,231,.22),transparent 65%),radial-gradient(260px 220px at 55% 40%,rgba(255,143,163,.12),transparent 70%);background-attachment:fixed;background-repeat:no-repeat;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-md);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--color-text)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}button{font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[dir=rtl] body{text-align:right}.book-wrapper{text-align:start}.language-picker{margin:var(--space-5) 0}.language-picker label{display:flex;align-items:center;gap:var(--space-3);font-weight:600}.language-picker select{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}