:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.4;color:#10222d;background:#f1f5f7}*{box-sizing:border-box}body{margin:0;height:100%;background:radial-gradient(circle at 20% 10%,#d6ecff 0%,transparent 40%),radial-gradient(circle at 85% 85%,#d4f5ea 0%,transparent 35%),#f1f5f7}html,#root{height:100%}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dbe6ec;border-radius:16px;box-shadow:0 14px 34px #10222d1f;padding:28px}.login-title{margin:0 0 8px;font-size:1.9rem}.login-subtitle{margin:0 0 20px;color:#49606d}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.form-field label{font-weight:600}.form-field input{border:1px solid #c3d3dc;border-radius:10px;padding:10px 12px;font-size:1rem}.form-field select{border:1px solid #c3d3dc;border-radius:10px;padding:10px 12px;font-size:.96rem;background:#fff}.form-field input:focus{outline:2px solid #7ec0ee;border-color:#7ec0ee}.input-password-wrapper{position:relative;display:flex;align-items:center}.input-password-wrapper input{width:100%;padding-right:42px}.toggle-password{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:0;color:#7a9aaa;display:flex;align-items:center}.toggle-password:hover{color:#49606d}.button-primary{width:100%;margin-top:6px;border:0;border-radius:10px;background:linear-gradient(120deg,#0e7490,#0f9ea8);color:#fff;padding:11px 14px;font-weight:700;cursor:pointer}.button-primary:disabled{opacity:.7;cursor:not-allowed}.user-menu .button-primary{width:auto;margin-top:0}.alert-error{margin:0;font-size:.92rem;color:#ad1f3b}.dashboard-shell{max-width:980px;margin:0 auto;padding:28px}.dashboard-card{background:#fff;border-radius:14px;border:1px solid #dbe6ec;box-shadow:0 8px 24px #10222d1a;padding:24px}.user-menu{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-menu a{margin-left:10px;color:#0e7490;text-decoration:none}.app-shell{height:100%;display:grid;grid-template-columns:240px 1fr;overflow:hidden}.sidebar{border-right:1px solid #dbe6ec;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px 16px}.sidebar-title{margin:0 0 18px;font-size:1.2rem}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav a{text-decoration:none;color:#1f3642;border:1px solid transparent;border-radius:10px;padding:10px 12px}.sidebar-nav a.active{border-color:#9ccfe2;background:#ebf7fc}.app-content{min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.topbar{flex-shrink:0;border-bottom:1px solid #dbe6ec;padding:10px 24px;display:flex;align-items:center;justify-content:flex-end}.topbar-title{display:none;margin:0;font-size:1.1rem;font-weight:700}.account-menu{position:relative}.account-btn{width:36px;height:36px;border-radius:50%;border:1px solid #c3d3dc;background:#f7fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#335060;transition:background .15s}.account-btn:hover{background:#e8eef2}.account-btn svg{width:20px;height:20px}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #dbe6ec;border-radius:12px;box-shadow:0 6px 20px #10222d1f;min-width:200px;z-index:200;padding:12px;display:flex;flex-direction:column;gap:10px}.account-email{font-size:.88rem;color:#49606d;padding:0 2px;word-break:break-all}.account-logout{width:100%;text-align:center}.hamburger-btn{display:none;width:36px;height:36px;border-radius:10px;border:1px solid #c3d3dc;background:#f7fafc;cursor:pointer;align-items:center;justify-content:center;padding:6px;color:#335060;transition:background .15s;flex-shrink:0}.hamburger-btn:hover{background:#e8eef2}.hamburger-btn svg{width:100%;height:100%}.mobile-menu-backdrop,.mobile-menu,.bottom-nav{display:none}.content-main{flex:1;overflow-y:auto;min-height:0;padding:24px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b182173;display:grid;place-items:center;padding:16px}.modal-content{width:min(480px,100%)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.modal-actions .button-primary{width:auto;margin-top:0}.button-ghost{border:1px solid #c3d3dc;border-radius:10px;background:#f7fafc;padding:8px 12px;cursor:pointer}.button-review{display:flex;flex-direction:column;align-items:center;gap:2px}.review-label{font-weight:600;font-size:1rem;color:#1a2830}.review-interval{font-size:.68rem;color:#9db0ba;font-weight:400}.study-layout{display:grid;gap:18px}.study-progress-bar-wrapper{display:flex;flex-direction:column;gap:6px}.study-progress-bar-track{height:6px;background:#dbe6ec;border-radius:99px;overflow:hidden}.study-progress-bar-fill{height:100%;background:#0d9488;border-radius:99px;transition:width .3s ease}.study-progress-bar-label{font-size:.82rem;color:#6b8d9a;text-align:right}.study-summary,.study-empty{border:1px solid #dbe6ec;border-radius:14px;padding:20px;background:#fbfdff}.summary-performance{border-radius:10px;padding:14px 16px;margin-bottom:16px}.summary-performance strong{font-size:1.05rem}.summary-performance p{margin:4px 0 0;font-size:.92rem}.summary-performance--good{background:#f0fdf4;border:1px solid #86efac;color:#166534}.summary-performance--ok{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.summary-performance--bad{background:#fff1f2;border:1px solid #fca5a5;color:#991b1b}.summary-stats{margin-bottom:14px}.summary-stats p{margin:4px 0}.summary-more-cards{font-size:.92rem;color:#0e6a84;background:#eaf7fc;border:1px solid #b6e2ef;border-radius:8px;padding:10px 14px;margin-bottom:16px}.summary-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.summary-actions .button-primary{margin-top:0}.summary-link-secondary{background:#f7fafc;border-color:#c3d3dc;color:#4a6572}.study-card-panel{border:1px solid #c8dce6;border-radius:18px;padding:20px;background:#fff;box-shadow:0 4px 24px #0e6a841a;text-align:center}.study-card-panel--clickable{cursor:pointer}.study-card-title{margin:14px 0 12px;font-size:clamp(1.5rem,4vw,2.1rem)}.study-card-answer{min-height:92px;display:grid;align-items:center;justify-items:center;border:1px dashed #c6dbe6;border-radius:12px;background:#fff;padding:16px;text-align:center}.study-card-muted{color:#6b818d}.study-card-loading{display:flex;align-items:center;gap:10px;color:#6b8d9a;font-size:.9rem;margin-top:16px}.study-card-spinner{width:18px;height:18px;border:2px solid #dbe6ec;border-top-color:#0d9488;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.study-card-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}.study-card-actions .button-primary,.study-card-actions .button-ghost{width:auto;margin-top:0;min-width:80px;flex:1}.study-page-title{margin:0}.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #98c8dc;border-radius:10px;background:#eaf7fc;color:#0e6a84;text-decoration:none;padding:11px 14px;font-weight:600;font-size:1rem;line-height:1}.deck-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.deck-item{border:1px solid #dbe6ec;border-radius:12px;padding:14px;background:#fbfdff;cursor:pointer;transition:box-shadow .15s,border-color .15s}.deck-item:hover{box-shadow:0 4px 16px #10222d1a;border-color:#b0c8d8}.deck-item-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.deck-item-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.deck-item-title{margin:0;font-size:1.02rem}.deck-item-meta{font-size:.8rem;color:#5b727f}.deck-item-description{margin:0 0 12px;color:#2b4654;min-height:42px}.deck-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.deck-item-counts{display:flex;gap:6px;flex-wrap:wrap}.deck-count-badge{font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:20px;background:#e8eef2;color:#7a8f99}.deck-count-badge.new{background:#dbeafe;color:#2563eb}.deck-count-badge.learning{background:#fef3c7;color:#d97706}.deck-count-badge.review{background:#fee2e2;color:#dc2626}.deck-gear-wrapper{position:relative;flex-shrink:0}.deck-gear-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#7a8f99;padding:2px 4px;border-radius:6px;line-height:1;transition:background .12s,color .12s}.deck-gear-btn:hover{background:#e8eef2;color:#2b4654}.deck-gear-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #dbe6ec;border-radius:10px;box-shadow:0 6px 20px #10222d1f;min-width:120px;z-index:10;overflow:hidden}.deck-gear-dropdown button{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 14px;font-size:.9rem;cursor:pointer;color:#10222d;transition:background .1s}.deck-gear-dropdown button:hover{background:#f1f5f7}.deck-gear-dropdown-danger{color:#dc2626!important}.table-toolbar{display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:14px}.table-toolbar input{border:1px solid #c3d3dc;border-radius:10px;padding:10px 12px;font-size:.96rem}.toolbar-controls{display:flex;gap:12px}.table-wrapper{overflow-x:auto}.cards-table{width:100%;border-collapse:collapse}.cards-mobile-list{display:none;list-style:none;padding:0;margin:0;gap:10px}.swipe-container{position:relative;overflow:hidden;border-radius:12px;margin-bottom:10px}.swipe-actions{position:absolute;right:0;top:0;bottom:0;width:128px;display:flex}.swipe-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#fff;padding:0}.swipe-action-btn svg{width:20px;height:20px;fill:#fff}.swipe-action-edit{background:#0e7490;border-radius:12px 0 0 12px}.swipe-action-delete{background:#b91c3c;border-radius:0 12px 12px 0}.swipe-hint{font-size:.72rem;color:#9db0ba;margin:6px 0 0;text-align:right}.card-mobile-item{border:1px solid #e3edf2;border-radius:12px;padding:12px;background:#fbfdfe;will-change:transform;position:relative;z-index:1}.card-mobile-row{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.card-mobile-label{font-size:.8rem;color:#4f6774}.cards-table th,.cards-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #e3edf2;vertical-align:middle}.cards-table thead th{font-size:.9rem;color:#38515f;background:#f6fbfd}.table-actions{display:flex;gap:8px;justify-content:center;align-items:center}.actions-col{text-align:center!important;width:120px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #c3d3dc;background:#f7fafc;cursor:pointer;padding:0}.icon-button svg{width:18px;height:18px;fill:#335060}.icon-button.danger svg{fill:#9d2340}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.study-dashboard{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.study-dashboard__header{display:flex;flex-direction:column;gap:4px}.study-dashboard__title{margin:0;font-size:1.5rem}.study-dashboard__subtitle{margin:0;color:#49606d;font-size:.95rem}.study-dashboard__error{color:#ad1f3b;font-size:.9rem;margin:0}.study-dashboard__loading{color:#49606d;margin:0}.study-dashboard__section{display:flex;flex-direction:column;gap:10px}.study-dashboard__section-title{margin:0;font-size:.85rem;font-weight:600;color:#58717e;text-transform:uppercase;letter-spacing:.04em}.study-deck-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.study-deck-item{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #dbe6ec;border-radius:14px;padding:16px 18px;box-shadow:0 2px 8px #10222d0f}.study-deck-item__info{display:flex;flex-direction:column;gap:6px;min-width:0}.study-deck-item__name{font-weight:600;font-size:1rem;color:#10222d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-deck-item__badges{display:flex;gap:6px;flex-wrap:wrap}.study-deck-item__btn{width:auto;margin-top:0;white-space:nowrap;flex-shrink:0;font-size:.9rem;padding:9px 16px}.study-deck-list--uptodate .study-deck-item--uptodate{background:#f7fbfd;border-color:#e8eef2;box-shadow:none;opacity:.8}.study-deck-item__done{font-size:.82rem;font-weight:600;color:#2da44e;background:#e6f4ea;border-radius:20px;padding:4px 10px;flex-shrink:0}.study-dashboard__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center;color:#49606d}.study-dashboard__empty-icon{font-size:2.5rem;line-height:1}.study-dashboard__empty-btn{width:auto;margin-top:4px}.content-main:has(.chat-page){padding:0;overflow:hidden}.chat-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-page__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;border-bottom:1px solid #dbe6ec;flex-shrink:0;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-page__title{margin:0;font-size:1.15rem;font-weight:700;color:#10222d}.chat-page__new-session{font-size:.88rem;padding:7px 12px;white-space:nowrap}.chat-page__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px;text-align:center}.chat-page__empty-icon{font-size:2.4rem;line-height:1;margin-bottom:4px}.chat-page__empty-title{margin:0;font-size:1.25rem;color:#10222d}.chat-page__empty-subtitle{margin:0;color:#4f6774;font-size:.95rem;max-width:380px}.chat-deck-selection{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.chat-deck-selection__button{border:1.5px solid #0e7490;border-radius:10px;background:#fff;color:#0e7490;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.chat-deck-selection__button:hover{background:linear-gradient(120deg,#0e7490,#0f9ea8);color:#fff;box-shadow:0 2px 8px #0e74902e}.chat-page__suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.chat-page__suggestion-chip{border:1px solid #9ccfe2;border-radius:20px;background:#ebf7fc;color:#0e6a84;font-size:.88rem;padding:8px 14px;cursor:pointer;transition:background .15s,border-color .15s;text-align:left}.chat-page__suggestion-chip:hover:not(:disabled){background:#d3eef8;border-color:#7ec0ee}.chat-page__suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.chat-page__error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 24px 8px;padding:10px 14px;border-radius:10px;background:#fff1f2;border:1px solid #fca5a5;color:#991b1b;font-size:.9rem;flex-shrink:0}.chat-page__retry{background:none;border:none;cursor:pointer;font-size:.85rem;color:#991b1b;text-decoration:underline;padding:0;white-space:nowrap}.chat-message-list{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat-message{display:flex;align-items:flex-end;gap:10px;max-width:100%}.chat-message--user{flex-direction:row-reverse}.chat-message--assistant{flex-direction:row}.chat-message__avatar{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;line-height:1;align-self:flex-end;margin-bottom:2px}.chat-message__avatar--ai{background:linear-gradient(135deg,#0e7490,#0f9ea8);color:#fff}.chat-message__avatar--user{background:#dbe6ec;color:#2b4654}.chat-message__bubble{max-width:min(72%,640px);border-radius:18px;padding:12px 16px;font-size:.95rem;line-height:1.6;word-break:break-word}.chat-message--user .chat-message__bubble{background:linear-gradient(135deg,#0e7490,#0f9ea8);color:#fff;border-bottom-right-radius:4px}.chat-message--user .chat-message__bubble p{margin:0}.chat-message--assistant .chat-message__bubble{background:#fff;border:1px solid #dbe6ec;box-shadow:0 2px 12px #0e6a8412;border-bottom-left-radius:4px;color:#10222d}.chat-message--assistant .chat-message__bubble p{margin:0 0 8px}.chat-message--assistant .chat-message__bubble p:last-child{margin-bottom:0}.chat-message--assistant .chat-message__bubble ul,.chat-message--assistant .chat-message__bubble ol{margin:4px 0 8px;padding-left:20px}.chat-message--assistant .chat-message__bubble li{margin-bottom:4px}.chat-message--assistant .chat-message__bubble strong{font-weight:700;color:#0e6a84}.chat-message--assistant .chat-message__bubble code{font-size:.88em;background:#f1f5f7;border-radius:4px;padding:1px 5px}.chat-message__bubble--loading{display:flex;align-items:center;gap:5px;padding:14px 18px;min-width:56px}.chat-typing-dot{width:7px;height:7px;border-radius:50%;background:#9db0ba;display:inline-block;animation:chatTypingBounce 1.2s infinite ease-in-out}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes chatTypingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.chat-input{flex-shrink:0;padding:12px 24px 16px;border-top:1px solid #dbe6ec;background:#fff;display:flex;flex-direction:column;gap:6px}.chat-input__row{display:flex;align-items:flex-end;gap:10px;background:#f7fafc;border:1px solid #c3d3dc;border-radius:14px;padding:8px 8px 8px 14px;transition:border-color .15s,box-shadow .15s}.chat-input__row:focus-within{border-color:#7ec0ee;box-shadow:0 0 0 3px #7ec0ee2e}.chat-input__textarea{flex:1;border:none;background:transparent;resize:none;font-family:inherit;font-size:.95rem;line-height:1.5;color:#10222d;outline:none;overflow-y:auto;max-height:160px;min-height:24px;padding:0}.chat-input__textarea::placeholder{color:#9db0ba}.chat-input__textarea:disabled{opacity:.7;cursor:not-allowed}.chat-input__send{flex-shrink:0;width:36px;height:36px;border-radius:10px;border:none;background:linear-gradient(135deg,#0e7490,#0f9ea8);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s;line-height:1}.chat-input__send:hover:not(:disabled){opacity:.88}.chat-input__send:active:not(:disabled){transform:scale(.93)}.chat-input__send:disabled{background:#c3d3dc;cursor:not-allowed}.chat-input__counter{font-size:.78rem;color:#9db0ba;text-align:right}.chat-input__counter--warn{color:#d97706}.chat-response-options{display:flex;flex-direction:column;gap:10px;padding:4px 0 8px 40px}.chat-response-options__button{width:100%;padding:14px 18px;background:#f0f8fc;border:1.5px solid #9ccfe2;border-radius:12px;font-size:.97rem;color:#1a3a4a;text-align:left;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.4}.chat-response-options__button:hover:not(:disabled){background:#d3eef8;border-color:#5ab4d8}.chat-response-options__button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{justify-content:space-between}.topbar-title{display:block}.account-btn{display:none}.hamburger-btn{display:flex}.mobile-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b18214d;z-index:150}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:57px;right:12px;width:min(220px,calc(100vw - 24px));background:#fff;border:1px solid #dbe6ec;border-radius:16px;box-shadow:0 8px 32px #10222d29;z-index:200;overflow:hidden;padding:6px}.mobile-menu-nav{display:flex;flex-direction:column;gap:2px}.mobile-menu-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1f3642;padding:10px 12px;font-size:.95rem;font-weight:500;border-radius:10px;transition:background .12s}.mobile-menu-nav a svg{width:18px;height:18px;flex-shrink:0;opacity:.6}.mobile-menu-nav a:hover{background:#f1f5f7}.mobile-menu-nav a.active{color:#0e7490;background:#ebf7fc}.mobile-menu-nav a.active svg{opacity:1}.mobile-menu-divider{height:1px;background:#dbe6ec;margin:4px 0}.mobile-menu-account{display:flex;flex-direction:column;gap:2px;padding:2px 0}.mobile-menu-email{font-size:.78rem;color:#49606d;padding:4px 12px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-account .button-ghost{width:100%;border-radius:10px;border:none;background:none;text-align:left;color:#ad1f3b;padding:8px 12px;font-size:.9rem;cursor:pointer;transition:background .12s}.mobile-menu-account .button-ghost:hover{background:#fff1f2}.dashboard-shell{padding:12px;overflow-x:hidden}.dashboard-card{padding:16px;border-radius:10px}.user-menu{flex-direction:column;align-items:flex-start;gap:10px}.header-actions{width:100%}.header-actions .button-ghost,.header-actions .button-primary{flex:1;justify-content:center;text-align:center}.table-toolbar{grid-template-columns:1fr;gap:10px}.toolbar-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolbar-controls .form-field{min-width:0}.deck-grid{grid-template-columns:1fr}.table-wrapper{display:none}.cards-mobile-list{display:block}.pagination{justify-content:space-between}.study-progress{grid-template-columns:1fr}}