:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#e2e8f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.18),transparent 55%),radial-gradient(circle at 80% 0%,rgba(244,114,182,.18),transparent 50%),#e2e8f0}#root{width:100%}button{font:inherit;background:transparent;border:none;padding:0;cursor:pointer}button:focus-visible{outline:3px solid rgba(147,197,253,.9);outline-offset:3px}.app{width:min(1180px,100%);margin:2.5rem auto 3rem;padding:0 1.5rem;display:flex;flex-direction:column;gap:2.5rem;color:#0f172a}.app__header{display:flex;flex-direction:column;gap:.75rem;text-align:left}.app__header h1{margin:0;font-size:clamp(2rem,1.5rem + 1.2vw,2.8rem);letter-spacing:-.02em}.app__header p{margin:0;max-width:720px;color:#475569;line-height:1.7}.app__nav{margin-top:.25rem;display:inline-flex;align-items:center;gap:.25rem;padding:.35rem;border-radius:9999px;background:#e2e8f0b3;box-shadow:inset 0 0 0 1px #94a3b859}.app__nav-button{border:none;background:transparent;color:#1f2937;font-weight:600;font-size:.95rem;padding:.45rem 1.25rem;border-radius:9999px;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.app__nav-button:hover{background:#ffffffb3}.app__nav-button:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb73}.app__nav-button.is-active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 14px 26px #4f46e559;transform:translateY(-1px)}.app__layout{display:flex;flex-direction:column;gap:1.75rem;width:100%}.app__layout--manage,.app__layout--study{align-items:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.management__summary{display:flex;flex-direction:column;gap:1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}.summary-cards--stretch{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-card{border-radius:16px;padding:.85rem 1rem;background:#f8fafcf2;box-shadow:inset 0 0 0 1px #94a3b833;display:flex;flex-direction:column;gap:.35rem}.summary-card__label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.summary-card__value{font-size:clamp(1.2rem,1rem + .6vw,1.5rem);font-weight:700;color:#0f172a}.summary-card--inverted{background:#0f172aa6;box-shadow:inset 0 0 0 1px #94a3b840}.summary-card--inverted .summary-card__label{color:#e2e8f0b3}.summary-card--inverted .summary-card__value{color:#f8fafc}.management{display:flex;flex-direction:column;gap:1.5rem;width:min(720px,100%)}.management--detail{width:min(840px,100%)}.management .panel{width:100%}.panel{background:#ffffffeb;border-radius:20px;padding:1.4rem 1.5rem;box-shadow:0 20px 40px #0f172a14,inset 0 0 0 1px #94a3b826;display:flex;flex-direction:column;gap:1rem}.panel--dual{gap:1.5rem}.panel h2{margin:0;font-size:1.2rem}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel__description{margin:.4rem 0 0;font-size:.88rem;color:#475569;line-height:1.6}.panel__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem}.panel__section{display:flex;flex-direction:column;gap:.75rem}.panel__section--import{background:#f8fafce6;border-radius:16px;padding:1.2rem;box-shadow:inset 0 0 0 1px #94a3b840}.panel__subtitle{margin:0;font-size:1.05rem;font-weight:600;color:#1f2937}.panel__actions{display:flex;flex-wrap:wrap;gap:.6rem}.form--stacked{background:#f8fafce6;border-radius:16px;padding:1.2rem;box-shadow:inset 0 0 0 1px #94a3b840}.form--stacked .panel__subtitle{margin-bottom:.75rem}.panel__total{font-size:.85rem;color:#64748b}.panel__summary{display:flex;gap:.75rem;font-size:.85rem;color:#475569}.form{display:flex;flex-direction:column;gap:1rem}.form--import{border-top:1px solid rgba(148,163,184,.2);padding-top:1rem}.form__field{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#475569}.form__field-helper{display:block;font-size:.8rem;color:#64748b}.form__field input,.form__field textarea,.form__field select{border-radius:12px;border:1px solid rgba(148,163,184,.6);padding:.6rem .75rem;font:inherit;background:#f8fafcb3;transition:border-color .16s ease,box-shadow .16s ease}.form__field input:focus,.form__field textarea:focus,.form__field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.panel button,.form button,.study__controls button,.deck-empty button{align-self:flex-start;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:9999px;padding:.6rem 1.4rem;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 12px 24px #4f46e540;transition:transform .16s ease,box-shadow .16s ease}.panel button:hover,.form button:hover,.study__controls button:hover,.deck-empty button:hover{transform:translateY(-1px);box-shadow:0 16px 32px #4f46e54d}.panel button:active,.form button:active,.study__controls button:active,.deck-empty button:active{transform:translateY(1px);box-shadow:0 8px 18px #4f46e533}.form__feedback{margin:0;font-size:.85rem;color:#2563eb}.form__feedback--error{color:#b91c1c}.form__feedback--success{color:#047857}.import-dropzone{display:flex;flex-direction:column;gap:.4rem;align-items:center;justify-content:center;padding:1.2rem;border-radius:14px;border:2px dashed rgba(37,99,235,.4);background:#fffc;text-align:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.import-dropzone.is-active{border-color:#2563ebe6;background:#dbeafeb3;box-shadow:0 0 0 4px #2563eb2e}.import-dropzone__title{margin:0;font-weight:600;color:#1f2937}.import-dropzone__hint{margin:0;font-size:.88rem;color:#2563eb}.import-dropzone__note{margin:0;font-size:.8rem;color:#64748b}.link-button{border:none;background:none;padding:0;margin:0;color:#2563eb;font-weight:600;cursor:pointer;text-decoration:underline}.link-button:hover{color:#1d4ed8}.link-button:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb4d;border-radius:6px}.panel--deck-list{display:flex;flex-direction:column;gap:1rem}.deck-list{list-style:none;margin:0;padding:0}.deck-list--grid{display:grid;gap:.95rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.deck-list__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.deck-list__search{flex:1 1 220px;max-width:360px;display:flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border-radius:9999px;background:#f8fafccc;box-shadow:inset 0 0 0 1px #94a3b84d}.deck-list__search input{border:none;background:transparent;width:100%;font:inherit;padding:0;color:#0f172a}.deck-list__search input:focus-visible{outline:none}.deck-list__search:focus-within{box-shadow:inset 0 0 0 2px #2563eb59}.deck-list__search-icon{font-size:.85rem;color:#64748b}.deck-list__count{font-size:.8rem;color:#64748b}.deck-list li button{width:100%;text-align:left;background:linear-gradient(160deg,#f8fafcf5,#e2e8f0e0);border-radius:18px;border:1px solid rgba(148,163,184,.22);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.45rem;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.deck-list li button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a1f}.deck-list li.is-active button{border-color:#2563ebb3;box-shadow:0 16px 30px #2563eb47}.deck-list__name{font-weight:600;font-size:1rem;color:#0f172a}.deck-list__stats{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.deck-list__badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;letter-spacing:.04em;background:#e2e8f0b3;color:#475569}.deck-list__badge--remembered{background:#10b9811f;color:#047857}.deck-list__badge--forgotten{background:#ef444424;color:#b91c1c}.deck-list__cards{font-size:.8rem;color:#64748b}.deck-list__empty{margin:0;padding:1.2rem;border-radius:16px;background:#f8fafcb3;box-shadow:inset 0 0 0 1px #94a3b833;color:#475569;font-size:.88rem}.deck-detail{width:min(780px,100%);margin:0 auto;background:#fffffff2;border-radius:24px;padding:clamp(1.4rem,4vw,2rem);box-shadow:0 20px 42px #0f172a1f,inset 0 0 0 1px #94a3b82e;display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.6rem)}.deck-detail__header{display:flex;flex-direction:column;gap:1.25rem}.deck-detail__back{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:9999px;border:none;background:#2563eb1f;color:#2563eb;font-weight:600;font-size:.85rem;transition:background .16s ease,transform .16s ease}.deck-detail__back:hover{background:#2563eb2e;transform:translateY(-1px)}.deck-detail__meta{display:flex;flex-direction:column;gap:.75rem}.deck-detail__meta h2{margin:0;font-size:clamp(1.6rem,1.2rem + 1vw,2rem);letter-spacing:-.01em}.deck-detail__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.deck-detail__title-actions{display:inline-flex;flex-wrap:wrap;gap:.45rem}.deck-detail__input{flex:1 1 220px;min-width:200px;border-radius:12px;border:1px solid rgba(148,163,184,.6);padding:.55rem .75rem;font:inherit;background:#f8fafcb3;transition:border-color .16s ease,box-shadow .16s ease}.deck-detail__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.deck-detail__validation{margin:0;font-size:.8rem;color:#b91c1c}.deck-detail__hint{margin:0;font-size:.82rem;color:#475569}.deck-detail__feedback{margin:0;font-size:.85rem;color:#2563eb}.deck-detail__feedback--error{color:#b91c1c}.deck-detail__forms{display:grid;gap:clamp(1rem,2vw,1.4rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.deck-detail__forms .panel{height:100%}.deck-detail__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.deck-detail__summary-card{background:#f8fafce6;border-radius:14px;padding:.7rem 1rem;box-shadow:inset 0 0 0 1px #94a3b833;display:flex;flex-direction:column;gap:.3rem}.deck-detail__summary-card--remembered{background:#10b9811f;box-shadow:inset 0 0 0 1px #05966959}.deck-detail__summary-card--forgotten{background:#f871711f;box-shadow:inset 0 0 0 1px #ef444459}.deck-detail__summary-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.deck-detail__summary-card--remembered .deck-detail__summary-label,.deck-detail__summary-card--forgotten .deck-detail__summary-label{color:#0f172a}.deck-detail__summary-value{font-size:clamp(1.1rem,.95rem + .6vw,1.4rem);font-weight:700;color:#0f172a}.deck-detail__toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.deck-detail__search{flex:1 1 240px;max-width:420px;display:flex;align-items:center;gap:.4rem;border-radius:9999px;padding:.4rem .75rem;background:#f8fafce6;box-shadow:inset 0 0 0 1px #94a3b84d}.deck-detail__search input{border:none;background:transparent;width:100%;font:inherit;color:#0f172a}.deck-detail__search input:focus-visible{outline:none}.deck-detail__search:focus-within{box-shadow:inset 0 0 0 2px #2563eb47}.deck-detail__search-icon{font-size:.85rem;color:#64748b}.deck-detail__filter-count{font-size:.82rem;color:#475569}.deck-card-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1rem,3vw,1.5rem)}.deck-card{display:flex;flex-direction:column;gap:clamp(.9rem,2.5vw,1.4rem);padding:clamp(1.1rem,3vw,1.6rem);border-radius:20px;background:linear-gradient(160deg,#f8fafcf2,#e2e8f0d9);box-shadow:0 16px 32px #0f172a14;position:relative;min-height:100%}.deck-card.is-editing{box-shadow:0 18px 36px #2563eb33;border:1px solid rgba(37,99,235,.35)}.deck-card__section{display:flex;flex-direction:column;gap:.5rem}.deck-card__label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.deck-card__text{margin:0;font-size:clamp(1rem,.95rem + .4vw,1.15rem);line-height:1.6;color:#0f172a;white-space:pre-wrap}.deck-card__input{border-radius:14px;border:1px solid rgba(148,163,184,.6);background:#fffffff2;padding:.7rem .85rem;font:inherit;line-height:1.5;resize:vertical;min-height:96px;transition:border-color .16s ease,box-shadow .16s ease}.deck-card__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.deck-card__footer{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.deck-card__chips{display:inline-flex;align-items:center;gap:.5rem}.deck-card__chip{border-radius:9999px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;letter-spacing:.04em}.deck-card__chip--remembered{background:#10b98129;color:#047857}.deck-card__chip--forgotten{background:#ef444429;color:#b91c1c}.deck-card__actions{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:nowrap}.deck-card__button{border-radius:9999px;padding:.38rem .95rem;font-size:.8rem;font-weight:600;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;white-space:nowrap;flex:0 0 auto}.deck-card__button--primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 12px 20px #4f46e540}.deck-card__button--primary:hover{transform:translateY(-1px);box-shadow:0 16px 28px #4f46e559}.deck-card__button--ghost{background:#ffffffd9;color:#1f2937;border:1px solid rgba(148,163,184,.45)}.deck-card__button--ghost:hover{transform:translateY(-1px);background:#fffffff2}.deck-card__button--danger{background:#ef444429;color:#b91c1c;border:1px solid rgba(248,113,113,.45)}.deck-card__button--danger:hover{transform:translateY(-1px);background:#ef444438}.deck-card__button:active{transform:translateY(1px);box-shadow:none}.deck-card__validation{margin:0;font-size:.8rem;color:#b91c1c;line-height:1.4}.deck-detail__empty{border-radius:20px;background:#f8fafce6;border:1px dashed rgba(148,163,184,.6);padding:2rem;text-align:center;color:#475569;font-size:.95rem}@media (max-width: 600px){.deck-detail{border-radius:20px;padding:1.2rem}.deck-detail__summary{gap:.35rem}.deck-card-list{grid-template-columns:1fr}.deck-card{padding:1rem}.deck-card__actions{gap:.35rem}.deck-card__button{padding:.32rem .75rem;font-size:.75rem}}.study{width:min(960px,100%);margin:0 auto;background:#0f172abf;border-radius:28px;padding:clamp(1.5rem,4vw,2.5rem);color:#f8fafc;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a59;display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem)}.study:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.25),transparent 60%),radial-gradient(circle at 80% 10%,rgba(236,72,153,.2),transparent 55%);pointer-events:none}.study__header{position:relative;display:flex;flex-direction:column;gap:1rem;z-index:1}.study__header h2{margin:0;font-size:clamp(1.4rem,1.1rem + 1vw,1.8rem)}.study__header p{margin:0;color:#e2e8f0cc;line-height:1.6}.study__controls{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.study__intro{display:flex;flex-direction:column;gap:.75rem}.study__controls label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:#e2e8f0d9}.study__controls select{background:#0f172aa6;color:inherit;border-radius:12px;border:1px solid rgba(148,163,184,.4);padding:.45rem .75rem;font:inherit}.study__control-actions{display:flex;flex-direction:column;gap:.35rem}.study__control-actions button{align-self:flex-start}.study__control-hint{font-size:.75rem;color:#e2e8f0b3}.study__controls button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.study__summary{position:relative;z-index:1;background:#0f172a99;border-radius:24px;border:1px solid rgba(148,163,184,.25);padding:clamp(1.25rem,3vw,1.75rem);display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.study__hint{margin:0;font-size:.85rem;color:#e2e8f0bf}.study-session{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#1e40af8c,#0f172af2),radial-gradient(circle at 80% 15%,rgba(236,72,153,.35),transparent 55%);display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.75rem);padding:clamp(1.25rem,5vw,2.5rem);z-index:20;color:#f8fafc}.study-session__header{display:flex;justify-content:space-between;align-items:center;width:min(620px,100%);margin:0 auto}.study-session__header h3{margin:0;font-size:clamp(1.2rem,1rem + .6vw,1.5rem)}.study-session__meta{margin:0;font-size:.85rem;color:#e2e8f0bf}.study-session__cancel{border:1px solid rgba(248,250,252,.35);background:#0f172a66;color:#f8fafc;border-radius:9999px;padding:.45rem 1rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease}.study-session__cancel:hover{background:#0f172a8c;border-color:#f8fafc80}.study-session__deck{margin:0 auto auto;width:min(440px,88vw);max-width:480px;height:min(90dvh,720px);max-height:720px;display:flex;align-items:center;justify-content:center}.study-session__swipe-deck{width:100%;height:100%;border-radius:28px}.deck-empty{border-radius:24px;border:2px dashed rgba(148,163,184,.4);background:#0f172aa6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1.5rem;width:100%;height:100%}.deck-empty p{margin:0;color:#e2e8f0e6}.study-card{width:100%;height:100%;box-sizing:border-box;border-radius:28px;background:linear-gradient(160deg,#1e40aff2,#6366f1f2);padding:clamp(1.25rem,4vw,1.8rem) clamp(1rem,3.5vw,1.6rem);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(1rem,2.5vw,1.5rem);box-shadow:0 30px 55px #0f172a73;color:#f8fafc}.study-card__header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.study-card__label{font-weight:700;color:#e2e8f0d9}.study-card__progress{font-size:.75rem;color:#e2e8f0b3}.study-card__body{display:flex;flex-direction:column;gap:clamp(.9rem,2.4vw,1.35rem)}.study-card__question{margin:0;font-size:clamp(1.3rem,1.05rem + 1.1vw,1.9rem);line-height:1.5;font-weight:600}.study-card__answer{border-radius:18px;padding:clamp(.9rem,2.5vw,1.2rem);background:#0f172a59;border:1px dashed rgba(226,232,240,.45);min-height:clamp(96px,22vw,140px);display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(1rem,.95rem + .4vw,1.15rem);color:#e2e8f0cc;transition:background .2s ease,border-color .2s ease,color .2s ease}.study-card__answer.is-revealed{background:#0f172aa6;border-style:solid;color:#f8fafc}.study-card__footer{display:flex;flex-direction:column;gap:.75rem}.study-card__footer button{align-self:flex-start;background:#ffffffeb;color:#1e293b;border-radius:9999px;padding:.5rem 1.4rem;font-weight:600;box-shadow:0 12px 24px #0f172a40}.study-card__footer button:hover{transform:translateY(-1px);box-shadow:0 18px 30px #0f172a4d}.study-card__footer button:active{transform:translateY(1px);box-shadow:0 8px 16px #0f172a33}.study-card__hint{display:flex;justify-content:space-between;font-size:.85rem;color:#e2e8f0cc}@media (max-width: 600px){.study{border-radius:20px;padding:1.25rem}.study__summary dl{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.study-session__cancel{font-size:.75rem}.study-card__hint{flex-direction:column;gap:.35rem;text-align:center}}