.study-page{min-height:calc(100vh - 57px);background:linear-gradient(180deg,#fef7e9,#f0f3f5)}body.is-fullscreen{overflow:hidden}main.fullscreen{height:100vh;height:100dvh;padding:0;overflow:hidden;overscroll-behavior:none}main.fullscreen .study-page{height:100%;min-height:0}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.deck-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:#fff;border:1px solid #d6e2e7;border-radius:.9rem;box-shadow:0 1px 2px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none;color:inherit}.deck-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014;border-color:#48a9c5}.deck-card__title{font-weight:700;color:#1c4354;font-size:1.05rem}.deck-card__desc{color:#495057;font-size:.875rem;line-height:1.4;flex:1}.deck-card__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;padding:.25rem .75rem;border-radius:999px;line-height:1.6;box-shadow:inset 0 1px #ffffff9e}.pill--due{background:linear-gradient(135deg,#fff0dd,#fee2bd);color:#c86f00;border:1px solid rgba(200,111,0,.16)}.pill--new{background:linear-gradient(135deg,#e8f0ff,#dbeafe);color:#1f7aea;border:1px solid rgba(31,122,234,.16)}.pill--muted{background:linear-gradient(135deg,#f5f8f9,#e8eef1);color:#2e4050;border:1px solid rgba(46,64,80,.13)}.pill--done{background:#e6f4ea;color:#1e7e34;border:1px solid rgba(30,126,52,.16)}.session{max-width:760px;width:100%;margin:0 auto;padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;height:100%;overflow:hidden;overscroll-behavior:contain}.session__top{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-shrink:0}.session__title{font-weight:700;color:#1c4354;font-size:1rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session__exit{color:#495057;text-decoration:none;font-size:1.5rem;line-height:1;padding:.25rem .5rem;border-radius:.5rem}.session__exit:hover{background:#f0f3f5}.progress{height:7px;background:linear-gradient(135deg,#d6e2e7b3,#a9e5dd73);border-radius:999px;overflow:hidden;margin-bottom:.6rem;flex-shrink:0;box-shadow:inset 0 1px 2px #1c435417}.progress__bar{height:100%;background:linear-gradient(90deg,#48a9c5,#238c91 55%,#11bf7c);transition:width .3s ease}.session__counts{display:flex;gap:.4rem;margin-bottom:1.5rem;flex-wrap:wrap;flex-shrink:0}.flashcard{--flashcard-surface: linear-gradient(150deg, rgba(255, 255, 255, .99), rgba(248, 252, 253, .96));--flashcard-border: linear-gradient(135deg, rgba(214, 226, 231, .94), rgba(169, 229, 221, .78), rgba(214, 226, 231, .94));--flashcard-shadow: 0 18px 42px rgba(28, 67, 84, .1), 0 4px 12px rgba(28, 67, 84, .08);position:relative;background:var(--flashcard-surface) padding-box,var(--flashcard-border) border-box;border:2px solid transparent;border-radius:1.35rem;box-shadow:var(--flashcard-shadow);flex:1 1 auto;min-height:0;display:flex;overflow:visible;cursor:pointer;isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y;margin:.35rem 0 .6rem;animation:card-in .25s ease;transition:background .25s ease,box-shadow .25s ease,transform .2s ease}.flashcard:before{content:"";position:absolute;inset:-9px;z-index:-1;border-radius:1.65rem;background:linear-gradient(135deg,#48a9c533,#a9e5dd2e);filter:blur(12px);opacity:.62;pointer-events:none;transition:opacity .25s ease,background .25s ease}.flashcard.is-revealed{--flashcard-border: conic-gradient( from -45deg, #11bf7c 0 25%, #238c91 0 50%, #e5a800 0 75%, #ec3d56 0 100% );--flashcard-shadow: 0 22px 46px rgba(28, 67, 84, .13), -12px 0 28px rgba(236, 61, 86, .18), 12px 0 28px rgba(35, 140, 145, .22), 0 -10px 24px rgba(17, 191, 124, .16), 0 10px 24px rgba(229, 168, 0, .15)}.flashcard.is-revealed:before{background:conic-gradient(from -45deg,#11bf7c61 0 25%,#238c9166 0 50%,#e5a8004d 0 75%,#ec3d5657 0 100%);opacity:.92}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flashcard__scroll{flex:1;width:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:flex;border-radius:1.15rem;padding:2rem 2.75rem;background:linear-gradient(160deg,#ffffffd1,#f7fcfea8);box-shadow:inset 0 1px #ffffffc2}.flashcard__inner{margin:auto;width:100%;max-width:620px;display:flex;flex-direction:column;gap:1.1rem}.swipe-hint{position:absolute;z-index:3;border:none;min-width:3.6rem;font-size:.66rem;font-weight:700;letter-spacing:.03em;color:#fff;padding:.28rem .7rem;border-radius:999px;white-space:nowrap;cursor:pointer;box-shadow:0 6px 13px #1c435433;transition:filter .15s ease}.swipe-hint:active{filter:brightness(1.12)}.swipe-hint--easy{top:0;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#20d68b,#02a96a)}.swipe-hint--hard{bottom:0;left:50%;transform:translate(-50%,50%);background:linear-gradient(135deg,#f8c928,#d99a00)}.swipe-hint--again{left:0;top:50%;transform:translate(-50%,-50%) rotate(-90deg);background:linear-gradient(135deg,#ff5b73,#dc2540)}.swipe-hint--good{right:0;top:50%;transform:translate(50%,-50%) rotate(90deg);background:linear-gradient(135deg,#48a9c5,#238c91)}@media(min-width:640px){.swipe-hint{display:none}}@media(max-width:640px){.kbd-hint{display:none}}.flashcard__front{font-size:1.5rem;font-weight:700;color:#1c4354;text-align:center;line-height:1.3}.flashcard__label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700;color:#48a9c5;text-align:center}.flashcard__divider{border:none;border-top:1px solid rgba(203,213,217,.8);margin:.35rem auto .1rem;width:min(100%,380px)}.flashcard__back{font-size:1.05rem;color:#343a40;line-height:1.55;text-align:center;animation:reveal .28s ease}.flashcard.is-revealed .flashcard__back{text-align:left;background:#f8fcffd1;border:1px solid rgba(72,169,197,.18);border-radius:1rem;padding:1rem 1.15rem;box-shadow:inset 0 1px #ffffffd1,0 8px 22px #1c43540d}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flashcard__hint{align-self:center;background:#f0f3f5;border:1px dashed #b8c6cb;color:#495057;border-radius:.6rem;padding:.4rem .8rem;font-size:.85rem;cursor:pointer}.flashcard__readmore{align-self:center;margin-top:.5rem;font-size:.85rem;color:#30616a;font-weight:600}.session__actions{margin-top:1.85rem;flex-shrink:0}.btn-show{width:100%;padding:.95rem;font-size:1.05rem;font-weight:700;color:#fff;background:#30616a;border:none;border-radius:.75rem;cursor:pointer;transition:background .2s ease}.btn-show:hover{background:#1c4354}.rating-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}@media(max-width:420px){.rating-grid{gap:.4rem}}.rate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:4.65rem;padding:1rem .45rem;border:none;border-radius:1rem;color:#fff;font-weight:700;cursor:pointer;overflow:hidden;position:relative;box-shadow:0 12px 22px #1c435429;transition:transform .1s ease,filter .2s ease,box-shadow .2s ease}.rate-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 46%);pointer-events:none}.rate-btn:hover{filter:brightness(1.06);box-shadow:0 14px 26px #1c435433}.rate-btn:active{transform:scale(.97)}.rate-btn>span{position:relative;z-index:1}.rate-btn__interval{font-size:.75rem;opacity:.9;font-weight:600}.rate-btn--again{background:linear-gradient(135deg,#ff5b73,#dc2540)}.rate-btn--hard{background:linear-gradient(135deg,#f8c928,#d99a00)}.rate-btn--good{background:linear-gradient(135deg,#48a9c5,#238c91)}.rate-btn--easy{background:linear-gradient(135deg,#20d68b,#02a96a)}.summary{max-width:480px;width:100%;margin:auto;text-align:center;background:#fff;border:1px solid #d6e2e7;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 6px 20px #0000000f}.summary__emoji{font-size:2.5rem}.summary__stats{display:flex;justify-content:center;gap:1.5rem;margin:1.25rem 0}.summary__stat{display:flex;flex-direction:column}.summary__stat b{font-size:1.5rem;color:#1c4354}.summary__stat span{font-size:.8rem;color:#495057}.btn-primary{display:inline-block;padding:.7rem 1.5rem;background:#30616a;color:#fff;border-radius:.75rem;font-weight:600;text-decoration:none;border:none;cursor:pointer}.btn-primary:hover{background:#1c4354}.btn-ghost{display:inline-block;padding:.7rem 1.5rem;background:transparent;color:#30616a;border:1px solid #30616a;border-radius:.75rem;font-weight:600;text-decoration:none;cursor:pointer}.study-hint{text-align:center;color:#6b7680;font-size:.8rem;margin-top:.6rem;flex-shrink:0}@media(max-width:480px){.study-hint{display:none}}.install-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#1c4354;color:#fef7e9;border:none;border-radius:.6rem;font-weight:600;cursor:pointer;font-size:.9rem}@media(prefers-color-scheme:dark){.study-page{background:linear-gradient(180deg,#16323d,#0f2831)}.deck-card,.summary{background:#14343f;border-color:#2a4a56}.flashcard{--flashcard-surface: linear-gradient(150deg, rgba(20, 52, 63, .98), rgba(16, 42, 52, .96));--flashcard-border: linear-gradient(135deg, rgba(42, 74, 86, .95), rgba(72, 169, 197, .54), rgba(42, 74, 86, .95))}.flashcard__scroll{background:linear-gradient(160deg,#14343fb8,#102a34a3)}.deck-card__title,.flashcard__front,.summary__stat b{color:#fef7e9}.deck-card__desc,.flashcard__back{color:#cdd8dc}.flashcard.is-revealed .flashcard__back{background:#122e39db;border-color:#7fc9de2e}.flashcard__label{color:#7fc9de}.session__title{color:#fef7e9}}