:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f3efe7;background:radial-gradient(circle at top,rgba(217,162,102,.35),transparent 45%),linear-gradient(135deg,#100d0f,#1a1714 48%,#2d2119)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top,rgba(217,162,102,.35),transparent 45%),linear-gradient(135deg,#100d0f,#1a1714 48%,#2d2119)}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top,rgba(217,162,102,.35),transparent 45%),linear-gradient(135deg,#100d0f,#1a1714 48%,#2d2119)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:max(36px,env(safe-area-inset-top));z-index:100;pointer-events:none;background:radial-gradient(circle at top,rgba(217,162,102,.35),transparent 45%),linear-gradient(135deg,#100d0f,#1a1714 48%,#2d2119)}button,input{font:inherit}.page-shell{min-height:100vh;min-height:100dvh;height:100dvh;padding:0}.login-card{width:min(100%,760px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom)) 16px;border:0;border-radius:0;background:radial-gradient(circle at top,rgba(217,162,102,.24),transparent 42%),#141112eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:none;display:grid;align-content:start;overflow:hidden}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.3em;font-size:.68rem;color:#d9a266}h1{margin:0 0 14px;font-size:clamp(2.1rem,10vw,3.4rem);letter-spacing:.08em;line-height:.95}.pin-panel{display:grid;justify-items:center;align-content:center;gap:28px;min-height:calc(100dvh - 120px)}.pin-dots{display:flex;justify-content:center;gap:14px;min-height:18px}.pin-dots span{width:13px;height:13px;border-radius:999px;border:1px solid rgba(243,239,231,.58);background:transparent}.pin-dots span.is-filled{background:#f2c384;border-color:#f2c384}.keypad{width:min(100%,310px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px}.keypad-key{width:76px;height:76px;justify-self:center;border:0;border-radius:999px;background:#ffffff1a;color:#f3efe7;font-size:2rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.keypad-key:active{background:#f2c38447;transform:scale(.96)}.keypad-key:disabled{opacity:.35;cursor:default}.keypad-action{background:transparent;color:#f3efe7bd;font-size:2.2rem}.status{margin:10px 0 0;min-height:20px;font-size:.95rem}.status.error{color:#ffb5aa}.status.success{color:#aaf0c2}.study-shell{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:10px;min-height:0}.study-toolbar{display:grid;gap:8px}.study-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.study-stats .mini-note:last-child{text-align:right}.ghost-button,.secondary-button,.success-button,.danger-button,.next-button{width:100%;min-height:48px;border:0;border-radius:16px;padding:12px 14px;font-weight:700;cursor:pointer;font-size:.96rem}.ghost-button{background:#ffffff14;color:#f3efe7;border:1px solid rgba(255,255,255,.14)}.ghost-button.active{background:#d9a26633;border-color:#f2c3847a}.mini-note{margin:0;font-size:.82rem;color:#f3efe7bd;line-height:1.25}.flash-card{position:relative;perspective:1200px;min-height:0}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;color:#d9a266}.swipe-hint{margin:0;display:flex;justify-content:space-between;gap:12px;font-size:.96rem;font-weight:700;line-height:1.25;color:#f3efe7bd}.swipe-handle-zone{display:grid;justify-items:center;padding:0;touch-action:none;-webkit-user-select:none;user-select:none}.swipe-handle{width:163px;height:28px;display:grid;place-items:center;border-radius:999px;background:transparent;border:0}.swipe-handle span{width:72px;height:5px;border-radius:999px;background:linear-gradient(135deg,#d9a266,#f2c384)}.card-bottom{display:grid;gap:0;margin-bottom:-15px}.interactive-card{cursor:pointer;will-change:transform,opacity}.interactive-card.is-swipe-animating{transition:transform .26s cubic-bezier(.22,.8,.24,1),opacity .22s ease-out}.card-stack-shadow{position:absolute;top:10px;right:-2px;bottom:-10px;left:14px;border-radius:24px;background:linear-gradient(180deg,#d9a26629,#ffffff08);transform:rotate(3deg)}.flip-card{position:relative;min-height:clamp(280px,42dvh,360px);transform-style:preserve-3d;transition:transform .6s ease}.interactive-card.is-flipped .flip-card{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:16px 16px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);backface-visibility:hidden;box-shadow:0 16px 40px #0000003d}.flip-face-front{background:linear-gradient(180deg,#ffffff14,#ffffff08),linear-gradient(160deg,rgba(217,162,102,.09),transparent 44%)}.flip-face-back{background:linear-gradient(180deg,#ffffff17,#ffffff08),linear-gradient(160deg,rgba(144,214,134,.08),transparent 44%);transform:rotateY(180deg)}.face-label{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:#d9a266}.question-text{margin:0;font-size:clamp(1.65rem,7vw,2.45rem);line-height:1.14;text-align:center;align-self:center;justify-self:center}.answer-text{margin:0;font-size:clamp(1.42rem,6.2vw,1.9rem);line-height:1.38;text-align:center;align-self:center;justify-self:center}.tap-note{margin:0;font-size:.84rem;line-height:1.25;color:#f3efe7b3}.secondary-button{background:#ffffff1a;color:#f3efe7;border:1px solid rgba(255,255,255,.14)}.action-grid{display:grid;gap:10px}.success-button{background:linear-gradient(135deg,#90d686,#bff3ad);color:#12200f}.danger-button{background:linear-gradient(135deg,#f09582,#ffc1b2);color:#2a130e}.next-button{background:linear-gradient(135deg,#d9a266,#f2c384);color:#231711}.empty-state{display:grid;gap:10px;padding:16px 14px;border-radius:20px;background:#ffffff0d}.empty-state p{margin:0;font-size:.98rem;line-height:1.3}.install-banner{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;width:min(calc(100% - 24px),560px);margin:0 auto;padding:12px;border-radius:18px;background:#141112f0;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.install-title{margin:0 0 4px;font-size:.95rem;font-weight:700}.install-copy{margin:0;font-size:.78rem;line-height:1.25;color:#f3efe7bd}.install-actions{display:grid;gap:6px}.install-primary,.install-later{min-width:82px;min-height:34px;border:0;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;cursor:pointer}.install-primary{background:linear-gradient(135deg,#d9a266,#f2c384);color:#231711}.install-later{background:#ffffff14;color:#f3efe7d1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 720px){.page-shell{display:grid;place-items:center;padding:0}.login-card{min-height:100dvh;padding:24px 24px 20px}.study-toolbar{grid-template-columns:1fr auto;align-items:center}.action-grid{grid-template-columns:repeat(2,1fr)}}