:root{color:#1d2433;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{isolation:isolate;background:#eef2f7;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 0 0,#4caf50,#f7f8fb 30%) 100% 0/cover no-repeat;position:fixed;inset:-20vh -20vw}.button,button,.app-header__action,.app-header__logout,.btn-create,.tab-btn,.cards-page__nav-btn,.cards-page__answer-btn,.auth-form__submit,.btn-small,.deck-actions a,.app-header__action:link,.app-header__action:visited{transition:box-shadow .18s,opacity .18s;position:relative;overflow:hidden}.app-header__action:after,.app-header__logout:after,.btn-create:after,.tab-btn:after,.cards-page__nav-btn:after,.cards-page__answer-btn:after,.auth-form__submit:after,.btn-small:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#ffffff0f 0%,#ffffff2e 50%,#ffffff0f 100%);width:120%;height:100%;transition:opacity .3s;position:absolute;top:0;left:-10%;transform:skew(-18deg)}button:not(.flip-card--plain):hover,.app-header__action:hover,.app-header__logout:hover,.btn-create:hover,.tab-btn:hover,.cards-page__nav-btn:hover,.cards-page__answer-btn:hover,.auth-form__submit:hover,.btn-small:hover{box-shadow:0 14px 36px #1a27421f,0 0 24px #0000000a}.app-header__action:hover:after,.app-header__logout:hover:after,.btn-create:hover:after,.tab-btn:hover:after,.cards-page__nav-btn:hover:after,.cards-page__answer-btn:hover:after,.auth-form__submit:hover:after,.btn-small:hover:after{opacity:1}button:not(.flip-card--plain):active,.app-header__action:active,.app-header__logout:active,.btn-create:active,.tab-btn:active,.cards-page__nav-btn:active,.cards-page__answer-btn:active,.auth-form__submit:active,.btn-small:active{box-shadow:0 6px 18px #1a274214}:focus-visible{outline-offset:3px;outline:3px solid #7ea7ffd9}@media (prefers-reduced-motion:reduce){button,.app-header__action,.app-header__logout,.btn-create,.tab-btn,.cards-page__nav-btn,.cards-page__answer-btn,.auth-form__submit,.btn-small{transition:none!important}.app-header__action:after,.app-header__logout:after,.btn-create:after,.tab-btn:after{display:none}}.app-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #d5ddebb8;border-radius:30px;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex;position:fixed;top:16px;left:16px;right:16px;box-shadow:0 14px 36px #1a27421f}.app-header__brand{color:#162033;letter-spacing:-.03em;font-size:1.3rem;font-weight:800;text-decoration:none}.app-header__actions{align-items:center;gap:10px;display:inline-flex}.app-header__action{color:#162033;background:linear-gradient(160deg,#fff 0%,#f3f7ff 100%);border:1px solid #d5ddeb;border-radius:999px;justify-content:center;align-items:center;min-width:118px;min-height:44px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #1a274214}.app-header__logout{color:#c0392b;min-width:98px;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5ddeb;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #1a274214}.app-header__brand:focus-visible,.app-header__action:focus-visible,.app-header__logout:focus-visible{outline-offset:3px;outline:3px solid #7ea7ff}@media (width<=640px){.app-header{padding:12px 14px;top:10px;left:10px;right:10px}.app-header__action{min-width:92px}.app-header__logout{min-width:82px}}.home-page{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.home-page:before{content:"";pointer-events:none;position:absolute;top:14px}.home-page__title{z-index:1;letter-spacing:-.06em;color:#162033;text-shadow:0 18px 40px #1620331f;margin:0;font-size:clamp(64px,13vw,160px);line-height:.92;position:relative}.auth-page{flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #d5ddeb;border-radius:28px;width:min(460px,100%);padding:28px;box-shadow:0 18px 44px #1a27421f}.auth-card__header{gap:8px;margin-bottom:20px;display:grid}.auth-card__eyebrow{color:#1b8f4a;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.auth-card__header h1{color:#162033;margin:0;font-size:clamp(28px,4vw,40px)}.auth-card__header p{color:#5b657a;margin:0}.auth-form{gap:14px;display:grid}.auth-field{text-align:left;gap:8px;display:grid}.auth-field span{color:#334059;font-size:.92rem;font-weight:700}.auth-field input{width:100%;font:inherit;color:#162033;background:#fff;border:1px solid #d5ddeb;border-radius:14px;outline:none;padding:14px 16px}.auth-field input:focus{border-color:#7ea7ff;box-shadow:0 0 0 3px #7ea7ff33}.auth-form__submit{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#1b8f4a,#3bc46f);border:0;border-radius:14px;margin-top:6px;font-weight:800;box-shadow:0 14px 28px #1b8f4a33}.auth-form__submit:disabled{opacity:.7;cursor:not-allowed}.auth-form__resend{color:#334059;min-height:42px;font:inherit;cursor:pointer;background:#f7f9ff;border:1px solid #b9c6e3;border-radius:12px;font-weight:700}.auth-form__resend:disabled{opacity:.65;cursor:not-allowed}.auth-form__error{color:#c0392b;margin:0;font-weight:600}.auth-form__message{color:#1b8f4a;margin:0;font-weight:600}.auth-card__footer{color:#5b657a;margin-top:18px}.auth-card__footer a{color:#1b8f4a;font-weight:700;text-decoration:none}.auth-card__footer a:hover{text-decoration:underline}.profile-page{padding:28px}.profile-header h1{margin-bottom:12px;font-size:clamp(24px,3.5vw,32px)}.profile-tabs{flex-direction:row;justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.tab-btns{flex-direction:row;gap:12px;display:flex}.btn-create{color:#fff;cursor:pointer;white-space:nowrap;background:#1b8f4a;border:0;border-radius:12px;min-height:42px;padding:10px 14px;font-weight:700}.profile-section{margin-top:18px}.decks-list{padding:0;list-style:none}.profile-top{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.profile-top__actions{flex:none;justify-content:flex-end;align-items:flex-start;margin-left:auto;display:flex}.profile-meta{align-items:center;gap:14px;display:flex}.meta-text .nickname{margin:0;font-size:22px}.meta-text .stats{color:#52606d;gap:10px;margin-top:6px;font-size:13px;display:flex}.profile-tabs{gap:10px;margin-top:20px;display:flex}.tab-btn{cursor:pointer;background:#fff;border:1px solid #e6eef8;border-radius:10px;padding:8px 12px}.tab-btn.active{color:#fff;background:#1b8f4a;border-color:#0000}.decks-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px;display:grid}.deck-card{background:linear-gradient(#fff,#fbfdff);border:1px solid #e1eaf5cc;border-radius:12px;padding:14px;box-shadow:0 8px 22px #1018280f}.deck-title-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.deck-title{flex:auto;margin:0;font-size:16px;line-height:1.25}.deck-title__link,.deck-title__link:visited,.deck-title__link:hover,.deck-title__link:active{color:#162033;font-weight:800;text-decoration:none;transition:color .18s,opacity .18s}.deck-title__link:hover{color:#1b8f4a;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.deck-owner{color:#6b7280;margin:0 0 12px;font-size:13px}.deck-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.btn-small{color:#1f4dbb;cursor:pointer;text-align:center;background:linear-gradient(#f8fbff 0%,#edf4ff 100%);border:1px solid #1f4dbb1f;border-radius:8px;justify-content:center;width:100%;min-width:0;max-width:none;padding:6px 8px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s;box-shadow:0 4px 12px #1f4dbb14}.btn-small--copy{font:inherit;font-size:.9rem}.btn-small:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1f4dbb1f}.btn-small:active{transform:translateY(0)}.btn-small--copy{color:#334059;background:linear-gradient(#fff 0%,#f6f8fc 100%);border-color:#3340591f}.btn-small--copy:hover{color:#162033;box-shadow:0 6px 16px #3340591a}.deck-title__copy-btn{color:#1f4dbb;cursor:pointer;background:linear-gradient(#f8fbff 0%,#edf4ff 100%);border:1px solid #1f4dbb24;border-radius:10px;flex:none;place-items:center;width:34px;min-width:34px;height:34px;transition:transform .16s,box-shadow .16s,color .16s,border-color .16s;display:inline-grid;box-shadow:0 4px 12px #1f4dbb14}.deck-title__copy-btn svg{width:18px;height:18px}.deck-title__copy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1f4dbb1f}.deck-title__copy-btn:focus-visible{outline-offset:2px;outline:3px solid #7ea7ff}.deck-title__copy-btn--copied{color:#1b8f4a;background:linear-gradient(#f4fff8 0%,#e9f9ef 100%);border-color:#1b8f4a2e}.loading{color:#4b5563}@media (width<=720px){.profile-page{padding:18px 14px 24px}.profile-top{align-items:stretch;gap:12px}.meta-text .nickname{font-size:20px}.profile-tabs{flex-direction:column;align-items:stretch;margin-top:16px}.tab-btns{flex-wrap:wrap;gap:10px;width:100%}.tab-btn,.btn-create{width:100%}.deck-actions{grid-template-columns:1fr}.deck-title-row{gap:8px}.btn-small{justify-content:center;width:100%;min-width:0;max-width:none}.deck-title__copy-btn{border-radius:9px;width:32px;min-width:32px;height:32px}}@media (width>=721px) and (width<=1024px){.profile-page{padding:24px 20px 28px}.profile-top{flex-wrap:nowrap;align-items:flex-start;gap:12px}.profile-top__actions{margin-left:auto}.btn-create{padding:9px 12px;font-size:.95rem}.profile-tabs{flex-direction:row;align-items:center}.tab-btns{flex-wrap:wrap;flex:auto}.tab-btn{width:auto}}@media (width<=420px){.meta-text .stats{flex-direction:column;gap:4px}.decks-grid{grid-template-columns:1fr}.deck-card{padding:12px}}.not-found-page{background:radial-gradient(circle at 100% 0,#e9f3ff,#f7f8fb 48%,#eef8f2);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found-page__content{text-align:center;flex-direction:column;gap:16px;width:min(560px,100%);display:flex}.not-found-page__code{color:#0e7a55;margin:0;font-size:clamp(72px,15vw,120px);font-weight:900;line-height:1}.not-found-page__message{color:#1d2433;margin:0;font-size:clamp(24px,5vw,36px);font-weight:600}.not-found-page__description{color:#5b657a;margin:0;font-size:clamp(14px,3vw,18px);line-height:1.5}.not-found-page__link{color:#fff;background:linear-gradient(160deg,#0e7a55 0%,#0a5a40 100%);border-radius:8px;margin-top:12px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.not-found-page__link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0e7a554d}.not-found-page__link:active{transform:translateY(0)}.cards-page{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;height:100%;padding:0 16px 24px;display:flex;position:relative}.cards-page__mode-switcher{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #d5ddebb8;border-radius:16px;gap:10px;padding:8px;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 10px 30px #1a27421f}.cards-page__mode-btn{color:#5b657a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 14px;font-weight:700;transition:background-color .2s,color .2s,box-shadow .2s}.cards-page__mode-btn--active{color:#162033;background:linear-gradient(160deg,#fff 0%,#eef5ff 100%);box-shadow:0 6px 16px #1a27421a}.cards-page__mode-btn:focus-visible{outline-offset:2px;outline:3px solid #7ea7ff}.cards-page__header{gap:8px;display:grid}.cards-page__header h1{color:#162033;margin:0;font-size:clamp(28px,5vw,48px)}.cards-page__header p{color:#5b657a;margin:0}.cards-page__owner{margin:clamp(-15px,1vw,-25px) 0 0;padding:0;font-size:clamp(15px,1vw,30px)}@media (width<=900px){.cards-page{gap:18px;padding:12px 12px 20px}.cards-page__mode-switcher{justify-content:space-between;width:100%;padding:6px;position:static}.cards-page__mode-btn{flex:1 1 0;padding:9px 10px;font-size:.95rem}.cards-page__header{gap:6px;margin-top:2px}.cards-page__owner{margin-top:0;font-size:1rem;line-height:1.2}.flip-card{width:100%;max-width:100%;height:clamp(280px,52vh,540px);min-height:280px}.flip-card__face{border-radius:24px;padding:24px 18px}.flip-card__value{font-size:clamp(22px,7vw,34px)}.cards-page__nav{gap:10px}.cards-page__nav-btn,.cards-page__answer-btn{width:52px;height:40px}.cards-page__counter{min-width:auto;font-size:.95rem}.cards-page__complete{border-radius:22px;min-height:280px;padding:24px 18px}}.flip-card{appearance:none;perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:min(100%,520px);min-width:0;height:clamp(320px,56vh,640px);min-height:320px;padding:0;overflow:visible}.flip-card:disabled{cursor:not-allowed;opacity:.78}.flip-card__inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .32s cubic-bezier(.22,.61,.36,1);display:block;position:relative}.flip-card--flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border-radius:28px;flex-direction:column;justify-content:center;gap:14px;padding:32px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 30px #1a27421f}.flip-card__face--front{background:0 0;border:1px solid #d5ddeb;transform:rotateY(0)}.flip-card__face--back{background:0 0;border:1px solid #d5ddeb;transform:rotateY(180deg)}.flip-card__label{text-transform:uppercase;letter-spacing:.16em;color:inherit;opacity:.72;font-size:.85rem}.flip-card__value{color:inherit;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.15}.flip-card:focus-visible .flip-card__face{outline-offset:4px;outline:3px solid #7ea7ff}.cards-page__nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.cards-page__nav-btn{color:#162033;cursor:pointer;background:linear-gradient(160deg,#fff 0%,#f3f7ff 100%);border:1px solid #d5ddeb;border-radius:10px;place-items:center;width:56px;min-width:40px;height:40px;font-size:20px;display:inline-grid;box-shadow:0 6px 18px #1a274214}.cards-page__answer-btn{cursor:pointer;background:linear-gradient(160deg,#fff 0%,#f3f7ff 100%);border:1px solid #d5ddeb;border-radius:12px;place-items:center;width:64px;min-width:44px;height:44px;font-size:24px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-grid;box-shadow:0 6px 18px #1a274214}.cards-page__answer-btn--wrong{color:#c0392b}.cards-page__answer-btn--right{color:#1b8f4a}.cards-page__answer-btn:hover:not(:disabled),.cards-page__nav-btn:hover:not(:disabled){transform:none;box-shadow:0 6px 18px #1a274214}.cards-page__answer-btn:focus-visible{outline-offset:3px;outline:3px solid #7ea7ff}.cards-page__answer-btn:disabled{opacity:.55;cursor:not-allowed}.cards-page__nav-btn:disabled{opacity:.5;cursor:not-allowed}.cards-page__counter{color:#162033;min-width:64px;font-weight:700}@media (width<=720px){.cards-page{gap:14px;padding:0 12px 20px}.cards-page__header{gap:6px}.cards-page__owner{margin-top:0;font-size:1rem;line-height:1.2}.cards-page__nav{gap:10px}.cards-page__nav-btn,.cards-page__answer-btn{width:52px;height:40px}.cards-page__counter{min-width:auto;font-size:.95rem}}@media (width<=420px){.cards-page__mode-switcher{gap:6px;padding:5px}.cards-page__mode-btn{padding:8px;font-size:.88rem}.cards-page__header h1{font-size:clamp(24px,8vw,34px)}.flip-card{height:clamp(250px,48vh,460px);min-height:250px}.cards-page__nav{gap:8px}.cards-page__counter{order:3;width:100%}}.cards-page__complete{background:linear-gradient(160deg,#fff 0%,#f4f8ff 100%);border:1px solid #d5ddeb;border-radius:28px;place-items:center;gap:12px;width:min(720px,92vw);min-height:320px;padding:32px;display:grid;box-shadow:0 14px 30px #1a27421f}.cards-page__complete-title{color:#162033;margin:0;font-size:clamp(24px,4vw,36px)}.cards-page__complete-text{color:#5b657a;margin:0;font-weight:600}.cards-page__restart-btn{color:#162033;cursor:pointer;background:linear-gradient(160deg,#fff 0%,#f3f7ff 100%);border:1px solid #d5ddeb;border-radius:14px;margin-top:8px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 18px #1a274214}.cards-page__restart-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #1a27421f}.cards-page__restart-btn:focus-visible{outline-offset:3px;outline:3px solid #7ea7ff}@keyframes swipeOutLeft{to{opacity:0;transform:translate(-120%)rotate(-8deg)}}@keyframes swipeOutRight{to{opacity:0;transform:translate(120%)rotate(8deg)}}@keyframes swipeInRight{0%{opacity:0;transform:translate(120%)rotate(8deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes swipeInLeft{0%{opacity:0;transform:translate(-120%)rotate(-8deg)}to{opacity:1;transform:translate(0)rotate(0)}}.cards-page__card-area{background:0 0;justify-content:center;align-items:center;width:100%;display:flex}.cards-page__card-area.swipe-exit-left .flip-card{animation:.16s cubic-bezier(.22,.61,.36,1) forwards swipeOutLeft}.cards-page__card-area.swipe-exit-right .flip-card{animation:.16s cubic-bezier(.22,.61,.36,1) forwards swipeOutRight}.cards-page__card-area.swipe-enter-right .flip-card{animation:.16s cubic-bezier(.22,.61,.36,1) forwards swipeInRight}.cards-page__card-area.swipe-enter-left .flip-card{animation:.16s cubic-bezier(.22,.61,.36,1) forwards swipeInLeft}.deck-create-page{width:min(980px,100%);margin:0 auto;padding:24px}.deck-create-card{gap:18px;display:grid}.deck-create-header h1{color:#162033;margin:0}.deck-create-header p{color:#5b657a;margin:4px 0 0}.deck-create-list{gap:14px;display:grid}.deck-create-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.deck-create-row-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.deck-create-field{text-align:left;gap:8px;display:grid}.deck-create-field span{color:#24314a;font-weight:600}.deck-create-field input{background:#fff;border:1px solid #d5ddeb;border-radius:12px;width:100%;padding:10px 12px;font-size:15px}.deck-create-delete{color:#9f2f24;cursor:pointer;background:#fff5f4;border:1px solid #f0b6b1;border-radius:12px;height:42px;padding:0 14px}.deck-create-actions-top,.deck-create-actions-bottom{justify-content:flex-start;display:flex}.deck-create-add{cursor:pointer;background:#f3f7ff;border:1px solid #d5ddeb;border-radius:12px;width:44px;height:44px;font-size:28px;line-height:1}.deck-create-submit{color:#13213b;cursor:pointer;background:#e9f1fb;border:1px solid #d5ddeb;border-radius:12px;padding:10px 18px;font-weight:700}.deck-create-error{color:#b23b2f;margin:0}.deck-delete-block{margin-left:auto}.deck-delete-btn{color:#9d2f28;cursor:pointer;background:0 0;border:1px solid #f1b7b2;border-radius:10px;padding:8px 12px;font-weight:700}.modal-overlay{z-index:1200;background:#0a121c8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;flex-direction:column;gap:12px;width:min(560px,92%);padding:20px;display:flex;box-shadow:0 8px 30px #10182833}.modal h2{color:#162033;margin:0;font-size:18px}.modal p{color:#4b5563;margin:0}.modal-deck-name{color:#0f1724;background:#f7f9fc;border-radius:8px;margin:6px 0 0;padding:8px 10px;font-weight:700}.modal input{border:1px solid #d5ddeb;border-radius:10px;width:100%;padding:10px 12px}.modal-error{color:#b23b2f;margin:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.modal-actions button{cursor:pointer;background:#f3f7ff;border:1px solid #d5ddeb;border-radius:10px;padding:8px 12px}.modal-actions button.danger{color:#9d2f28;background:#ffecec;border-color:#f3b6b0;font-weight:700}@media (width<=860px){.deck-create-row,.deck-create-row-fields{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}.app-shell{flex-direction:column;min-height:100vh;padding:92px 16px 16px;display:flex}