@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap";:root{--color-bg: #f4f7ff;--color-card: #ffffff;--color-text: #0f172a;--color-text-secondary: #64748b;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-light: #eff6ff;--color-teal: #0891b2;--color-teal-light: #e0f9ff;--color-border: #e2e8f0;--color-success: #059669;--color-success-light: #d1fae5;--color-error: #dc2626;--color-error-light: #fee2e2;--color-warning: #d97706;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 4px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 32px rgba(15, 23, 42, .14), 0 4px 8px rgba(15, 23, 42, .08);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--color-bg);color:var(--color-text);min-width:320px;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}#root{height:100%;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,p{margin:0}.subject-list{padding:1.25rem 1rem 2rem;max-width:620px;width:100%;margin:0 auto;flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.subject-list__title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;text-align:center;margin-bottom:1.25rem;color:var(--color-text);letter-spacing:-.01em}.subject-list__toolbar{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.subject-list__search{width:100%;padding:.75rem 1rem;font-size:.95rem;font-family:var(--font-body);border:1.5px solid var(--color-border);border-radius:10px;background:var(--color-card);color:var(--color-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-xs)}.subject-list__search::placeholder{color:var(--color-text-secondary)}.subject-list__search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.subject-list__layout-toggle{display:flex;border:1.5px solid var(--color-border);border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--color-card)}.subject-list__layout-btn{padding:.5rem .7rem;font-size:1.1rem;line-height:1;background:transparent;color:var(--color-text-secondary);border-radius:0;min-height:unset;transition:background .15s ease,color .15s ease}.subject-list__layout-btn:hover,.subject-list__layout-btn--active{background:var(--color-accent-light);color:var(--color-accent)}.subject-list__empty{text-align:center;color:var(--color-text-secondary);font-size:.9rem;padding:2rem 0}@keyframes card-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subject-list__grid{display:flex;flex-direction:column;gap:.875rem}.subject-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:center;font-family:inherit;width:100%;box-shadow:var(--shadow-sm);animation:card-appear .35s ease both;position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent);transform:scaleY(0);transform-origin:bottom;transition:transform .2s ease;border-radius:0 2px 2px 0}.subject-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent}.subject-card:hover:before{transform:scaleY(1)}.subject-card:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.subject-card:nth-child(1){animation-delay:0ms}.subject-card:nth-child(2){animation-delay:50ms}.subject-card:nth-child(3){animation-delay:.1s}.subject-card:nth-child(4){animation-delay:.15s}.subject-card:nth-child(5){animation-delay:.2s}.subject-card:nth-child(6){animation-delay:.25s}.subject-card:nth-child(7){animation-delay:.3s}.subject-card:nth-child(8){animation-delay:.35s}.subject-card:nth-child(9){animation-delay:.4s}.subject-card:nth-child(10){animation-delay:.45s}.subject-card__icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.subject-card__name{font-size:1.05rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.01em}.subject-card__description{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.subject-card__footer{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.25rem}.subject-card__count{font-size:.72rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-light);padding:.2rem .65rem;border-radius:999px;letter-spacing:.02em}.subject-card__badge{font-size:.68rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.subject-card__badge--yours{color:var(--color-accent);background:var(--color-accent-light)}.subject-card__badge--community{color:var(--color-text-secondary);background:var(--color-border)}.subject-card__progress{font-size:.68rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;color:var(--color-teal);background:var(--color-teal-light);letter-spacing:.04em}.subject-card__favorite-btn{font-size:1.1rem;line-height:1;padding:.15rem .3rem;border-radius:6px;color:var(--color-text-secondary);background:transparent;transition:color .15s ease,background .15s ease;min-height:unset}.subject-card__favorite-btn:hover{color:var(--color-accent);background:var(--color-accent-light)}.subject-card__favorite-btn--active{color:var(--color-accent)}.subject-card__delete-btn{font-size:1.05rem;line-height:1;padding:.15rem .3rem;border-radius:6px;color:var(--color-text-secondary);background:transparent;transition:color .15s ease,background .15s ease;min-height:unset}.subject-card__delete-btn:hover{color:var(--color-error);background:var(--color-error-light)}.subject-card__share-btn{font-size:1.05rem;line-height:1;padding:.15rem .3rem;border-radius:6px;color:var(--color-text-secondary);background:transparent;transition:color .15s ease,background .15s ease;min-height:unset}.subject-card__share-btn:hover{color:var(--color-accent);background:var(--color-accent-light)}.subject-card__share-btn--copied{color:var(--color-teal);font-size:.72rem;font-weight:700;padding:.2rem .5rem;background:var(--color-teal-light)}.subject-list__generating{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;text-align:center;color:var(--color-text-secondary)}.subject-list__generating p{font-size:1rem;font-weight:600;color:var(--color-text)}.subject-list__generating-hint{font-size:.85rem!important;color:var(--color-text-secondary)!important;font-weight:400!important}.subject-list__spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.subject-list__generate{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;grid-column:1 / -1}.subject-list__generate-text{font-size:.9rem;color:var(--color-text-secondary);text-align:center}.subject-list__generate-quota{font-size:.78rem;font-weight:600;color:var(--color-text-secondary);text-align:center;margin:0;opacity:.8}.subject-list__generate-btn{padding:.875rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:10px;font-size:1rem;font-weight:700;min-height:48px;transition:background .15s ease,transform .1s ease;box-shadow:0 2px 8px #2563eb4d}.subject-list__generate-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.subject-list__error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--color-error-light);border:1px solid #fca5a5;border-radius:12px;text-align:center;grid-column:1 / -1}.subject-list__error p{font-size:.9rem;color:var(--color-error)}.subject-list__search-error{font-size:.85rem;color:var(--color-error);text-align:center;padding:.5rem 0}.subject-list__retry-btn{padding:.625rem 1.25rem;background:var(--color-error);color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;min-height:44px}.subject-list__stack{display:flex;flex-direction:column;gap:.5rem}.subject-row{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;width:100%;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:var(--shadow-xs);animation:card-appear .3s ease both}.subject-row:nth-child(1){animation-delay:0ms}.subject-row:nth-child(2){animation-delay:40ms}.subject-row:nth-child(3){animation-delay:80ms}.subject-row:nth-child(4){animation-delay:.12s}.subject-row:nth-child(5){animation-delay:.16s}.subject-row:nth-child(6){animation-delay:.2s}.subject-row:nth-child(7){animation-delay:.24s}.subject-row:nth-child(8){animation-delay:.28s}.subject-row:hover{transform:translate(3px);box-shadow:var(--shadow-sm);border-color:var(--color-accent)}.subject-row__icon{font-size:1.6rem;flex-shrink:0}.subject-row__body{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.subject-row__name{font-size:.95rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.subject-row__meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.subject-row__count{font-size:.72rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-light);padding:.15rem .5rem;border-radius:999px}.subject-list__filter-toggle{display:flex;gap:.25rem}.subject-list__filter-btn{padding:.375rem .7rem;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;transition:color .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap;min-height:unset}.subject-list__filter-btn:hover{background:var(--color-accent-light);color:var(--color-accent)}.subject-list__filter-btn--active{background:var(--color-accent-light);color:var(--color-accent);border-color:#2563eb33;font-weight:700}@media (min-width: 480px){.subject-list__grid{display:grid;grid-template-columns:repeat(2,1fr)}}.open-text-answer{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.open-text-answer__label{font-size:.75rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em}.open-text-answer__text{font-size:1rem;color:var(--color-text);text-align:center;line-height:1.65}.open-text-answer__prompt{font-size:.9rem;color:var(--color-text-secondary);margin-top:.5rem}.open-text-answer__buttons{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.open-text-answer__btn{flex:1;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;font-weight:700;min-height:46px;transition:opacity .15s ease,transform .1s ease;font-family:var(--font-body)}.open-text-answer__btn:hover{opacity:.88;transform:translateY(-1px)}.open-text-answer__btn:active{opacity:.8;transform:translateY(0)}.open-text-answer__btn--correct{background:var(--color-success);color:#fff;box-shadow:0 2px 8px #05966947}.open-text-answer__btn--wrong{background:var(--color-error);color:#fff;box-shadow:0 2px 8px #dc262647}.select-answer{display:flex;flex-direction:column;gap:.75rem;padding:1rem;width:100%}.select-answer__hint{font-size:.8rem;color:var(--color-text-secondary);text-align:center;font-style:italic}.select-answer__options{display:flex;flex-direction:column;gap:.5rem}.select-answer__option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:12px;font-size:.95rem;font-family:var(--font-body);text-align:left;min-height:48px;transition:border-color .15s ease,background .15s ease,transform .1s ease;width:100%}.select-answer__option:not(:disabled):hover{border-color:var(--color-accent);background:var(--color-accent-light);transform:translate(2px)}.select-answer__option--selected{border-color:var(--color-accent);background:var(--color-accent-light)}.select-answer__option--correct{border-color:var(--color-success);background:var(--color-success-light)}.select-answer__option--wrong{border-color:var(--color-error);background:var(--color-error-light)}.select-answer__radio,.select-answer__checkbox{width:20px;height:20px;border:2px solid var(--color-border);flex-shrink:0;transition:border-color .15s ease,background .15s ease}.select-answer__radio{border-radius:50%}.select-answer__checkbox{border-radius:5px}.select-answer__option--selected .select-answer__radio,.select-answer__option--selected .select-answer__checkbox{border-color:var(--color-accent);background:var(--color-accent)}.select-answer__option--correct .select-answer__radio,.select-answer__option--correct .select-answer__checkbox{border-color:var(--color-success);background:var(--color-success)}.select-answer__option--wrong .select-answer__radio,.select-answer__option--wrong .select-answer__checkbox{border-color:var(--color-error);background:var(--color-error)}.select-answer__text{flex:1}.select-answer__submit{padding:.875rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:12px;font-size:.95rem;font-weight:700;min-height:48px;transition:background .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease;margin-top:.25rem;box-shadow:0 2px 8px #2563eb40}.select-answer__submit:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb52}.select-answer__submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.flashcard{perspective:1200px;width:100%;height:100%}.flashcard__inner{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard--flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__front,.flashcard__back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--color-card);border-radius:18px;box-shadow:var(--shadow-md);border:1.5px solid var(--color-border);overflow:hidden}.flashcard__back{transform:rotateY(180deg);background:#f8faff;border-color:#2563eb2e;pointer-events:none}.flashcard--flipped .flashcard__front{pointer-events:none}.flashcard--flipped .flashcard__back{pointer-events:auto}.flashcard__scroll{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:1.5rem;overflow-y:auto;overscroll-behavior:contain}.flashcard__front-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1rem}.flashcard__badges{display:flex;gap:.4rem;flex-wrap:wrap}.flashcard__question-type,.flashcard__complexity{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.22rem .7rem;border-radius:999px}.flashcard__question-type{color:var(--color-accent);background:var(--color-accent-light)}.flashcard__complexity--easy{color:var(--color-teal);background:var(--color-teal-light)}.flashcard__complexity--medium{color:var(--color-warning);background:#fef3c7}.flashcard__complexity--hard{color:var(--color-error);background:var(--color-error-light)}.flashcard__question{font-size:1.1rem;font-weight:600;color:var(--color-text);text-align:center;line-height:1.55;margin-bottom:1rem;letter-spacing:-.01em}.flashcard__flip-btn{padding:.875rem 2rem;background:var(--color-accent);color:#fff;border-radius:12px;font-size:.95rem;font-weight:700;min-height:48px;margin-top:auto;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 2px 8px #2563eb47}.flashcard__flip-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.flashcard__answer-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.flashcard__answer-label{font-size:.75rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em}.flashcard__answer-text{font-size:1rem;color:var(--color-text);text-align:center;line-height:1.65}.progress-bar{display:flex;align-items:center;gap:.75rem;padding:0 1rem}.progress-bar__track{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(to right,var(--color-accent),var(--color-teal));border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:progress-shimmer 2s ease infinite;background-size:200% 100%}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.progress-bar__label{font-size:.78rem;font-weight:700;color:var(--color-text-secondary);white-space:nowrap;letter-spacing:.01em}@keyframes score-appear{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.score-summary{display:flex;justify-content:center;padding:2rem 1rem}.score-summary__card{display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--color-card);border:1.5px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-lg);padding:2.5rem 2rem;width:100%;max-width:400px;animation:score-appear .4s cubic-bezier(.4,0,.2,1)}.score-summary__title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.score-summary__circle{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--ring-color, var(--color-teal)) calc(var(--pct, 0) * 1%),var(--color-border) 0);display:flex;align-items:center;justify-content:center;position:relative}.score-summary__circle:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;background:var(--color-card);border-radius:50%}.score-summary__percentage{font-size:1.85rem;font-weight:800;color:var(--color-text);position:relative;z-index:1;letter-spacing:-.03em}.score-summary__message{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.score-summary__detail{font-size:.9rem;color:var(--color-text-secondary)}.score-summary__buttons{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem}.score-summary__btn{padding:.875rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:700;min-height:48px;transition:background .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease;font-family:var(--font-body)}.score-summary__btn:hover{transform:translateY(-1px)}.score-summary__btn:active{opacity:.8;transform:translateY(0)}.score-summary__btn--primary{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #2563eb47}.score-summary__btn--primary:hover{background:var(--color-accent-hover);box-shadow:0 4px 14px #2563eb59}.score-summary__btn--secondary{background:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border)}.score-summary__btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.viewer{max-width:520px;width:100%;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;flex:1 1 0;min-height:0;overflow:hidden}.viewer__header{display:flex;justify-content:space-between;align-items:center}.viewer__back-btn{font-size:.875rem;font-weight:700;color:var(--color-accent);min-height:44px;padding:.5rem;transition:opacity .15s ease}.viewer__back-btn:hover{opacity:.75}.viewer__score{font-size:.82rem;font-weight:700;color:var(--color-text);background:var(--color-card);padding:.375rem .875rem;border-radius:999px;border:1.5px solid var(--color-border);box-shadow:var(--shadow-xs);letter-spacing:.01em}.viewer__level-filter{display:flex;gap:.4rem;flex-wrap:wrap}.viewer__level-btn{display:flex;align-items:center;gap:.3rem;padding:.35rem .875rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1.5px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-card);transition:all .15s ease;min-height:unset;letter-spacing:.01em}.viewer__level-count{font-size:.68rem;opacity:.65}.viewer__level-btn--all.viewer__level-btn--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.viewer__level-btn--easy.viewer__level-btn--active{border-color:var(--color-teal);color:var(--color-teal);background:var(--color-teal-light)}.viewer__level-btn--medium.viewer__level-btn--active{border-color:var(--color-warning);color:var(--color-warning);background:#fef3c7}.viewer__level-btn--hard.viewer__level-btn--active{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-light)}.viewer__level-btn--locked{opacity:.38;cursor:not-allowed}.viewer__empty{text-align:center;color:var(--color-text-secondary);padding:3rem 1rem;font-size:.95rem}.viewer__card-area{flex:1 1 0;min-height:0;position:relative;display:flex;overscroll-behavior:contain}.viewer__result-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.75rem;color:#fff;z-index:10;pointer-events:none;animation:result-badge .75s ease-out forwards;box-shadow:0 8px 24px #0003}.viewer__result-badge--correct{background:var(--color-success)}.viewer__result-badge--wrong{background:var(--color-error)}@keyframes result-badge{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}55%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.viewer__actions{padding:.5rem 0 1rem}.viewer__level-gate{padding:1rem 1.25rem 1.25rem;background:var(--color-card);border:1.5px solid var(--color-warning);border-radius:14px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.viewer__level-gate-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-warning)}.viewer__level-gate-message{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.4}.viewer__next-btn{width:100%;padding:.875rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:12px;font-size:1rem;font-weight:700;min-height:52px;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 2px 8px #2563eb47}.viewer__next-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.viewer__loading,.viewer__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;color:var(--color-text-secondary);gap:1rem}.viewer__back-link{color:var(--color-accent);font-weight:700;font-size:.9rem;min-height:44px;padding:.5rem 1rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:1.5rem}.login-card{background:var(--color-card);border:1.5px solid var(--color-border);border-radius:18px;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:380px;box-shadow:var(--shadow-md)}.login-card__icon{font-size:2.75rem;line-height:1;margin-bottom:.1rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.login-card__title{margin:0;font-family:var(--font-display);font-size:1.65rem;font-weight:800;color:var(--color-text);text-align:center;letter-spacing:-.01em}.login-card__subtitle{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text-secondary);text-align:center}.login-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.login-form__field{display:flex;flex-direction:column;gap:.3rem}.login-form__label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.login-form__input{padding:.6rem .875rem;border:1.5px solid var(--color-border);border-radius:9px;background:var(--color-bg);color:var(--color-text);font-size:.95rem;font-family:var(--font-body);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.login-form__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.login-form__input:disabled{opacity:.6}.login-form__error{margin:0;font-size:.85rem;color:var(--color-error);text-align:center;padding:.5rem .75rem;background:var(--color-error-light);border-radius:8px;border:1px solid #fca5a5}.login-form__submit{margin-top:.25rem;padding:.7rem 1rem;border:none;border-radius:10px;background:var(--color-accent);color:#fff;font-size:.95rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 2px 8px #2563eb47}.login-form__submit:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.login-form__submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.login-divider{display:flex;align-items:center;width:100%;gap:.75rem;color:var(--color-text-secondary);font-size:.78rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider__text{white-space:nowrap}.login-card__switch{margin:.25rem 0 0;font-size:.85rem;color:var(--color-text-secondary);text-align:center}.login-card__switch-btn{background:none;border:none;padding:0;color:var(--color-accent);font-size:.85rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-family:var(--font-body);transition:opacity .15s ease}.login-card__switch-btn:hover{opacity:.75}.generation-toast__container{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000;max-width:360px;width:calc(100vw - 2.5rem)}.generation-toast{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in .25s cubic-bezier(.4,0,.2,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.generation-toast--pending{background:var(--color-card);border:1.5px solid var(--color-border);color:var(--color-text)}.generation-toast--success{background:var(--color-teal-light);border:1.5px solid var(--color-teal);color:var(--color-text)}.generation-toast--error{background:var(--color-error-light);border:1.5px solid var(--color-error);color:var(--color-text)}.generation-toast__body{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.generation-toast__spinner{flex-shrink:0;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}.generation-toast__actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.generation-toast__action-btn{font-size:.78rem;font-weight:700;padding:.3rem .7rem;border-radius:6px;background:var(--color-teal);color:#fff;min-height:unset;transition:background .15s ease}.generation-toast__action-btn:hover{background:#0d6860}.generation-toast__dismiss-btn{font-size:1.1rem;line-height:1;padding:.15rem .35rem;border-radius:6px;color:var(--color-text-secondary);background:transparent;min-height:unset;transition:background .15s ease}.generation-toast__dismiss-btn:hover{background:var(--color-border)}.app{display:flex;flex-direction:column;height:100dvh;background:var(--color-bg);overflow:hidden}.app__header{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border);background:#f4f7ffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex:0 0 auto}.app__header-user{font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-right:auto}.app__header-actions{display:flex;align-items:center;gap:.5rem}.app__lang-select{font-size:.8rem;font-weight:500;padding:.3rem .6rem;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease;font-family:var(--font-body)}.app__lang-select:hover{border-color:var(--color-accent);color:var(--color-text)}.app__logout-btn{font-size:.8rem;font-weight:600;padding:.35rem .85rem;border-radius:8px;color:var(--color-text-secondary);border:1px solid var(--color-border);background:transparent;transition:color .15s ease,border-color .15s ease,background .15s ease;min-height:unset}.app__logout-btn:hover{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-light)}.app__loading,.app__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-secondary);font-size:1rem;padding:2rem;text-align:center;gap:.5rem}.app__error p{color:var(--color-error);font-weight:500}.app__error-detail{font-size:.85rem;color:var(--color-error);margin-top:.5rem}