@import "https://fonts.googleapis.com/css2?family=Gentium+Plus:wght@400;700&display=swap";:root{--bg-page:#f7f8f7;--bg-card:#fff;--text-main:#27303a;--text-soft:#5a6675;--border-main:#d6dbe0;--deck-layer:#fbfcfd;--deck-width:430px;--deck-height:560px;--layer-shadow:0 1px 4px #27303a1a;--checkin:#dcefdc;--replay:#deebf8;--checkout:#f8e8d8;--special:#efe4f8}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-main);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Gentium Plus,Georgia,serif}button,input,select,textarea{font:inherit}#app{min-height:100svh}.app-shell{flex-direction:column;gap:24px;width:100%;max-width:1200px;min-height:100svh;margin:0 auto;padding:32px 16px;display:flex}.app-title{text-align:center;letter-spacing:.3px;margin:0;font-size:40px;line-height:1.2}.app-subtitle{text-align:center;color:var(--text-soft);margin:-10px 0 0;font-size:22px}.deck-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;padding:12px 0;display:grid}.play-screen{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:calc(100svh - 40px);display:flex;position:relative}.topbar-title{text-align:center;margin:0;font-size:20px;font-weight:600}.home-history{flex-direction:column;align-items:center;gap:10px;margin-top:40px;padding-top:8px;display:flex}.home-history-actions{align-items:center;gap:14px;display:flex}.home-history-link{color:#222;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.new-session-link{border:1px solid var(--border-main);color:#222;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.deck-stage{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:100%;display:flex;position:relative}.deck-stack{cursor:pointer;--stack-step-x:8px;--stack-step-y:8px;--layer-top:22px;--layer-width:82%;--stack-center-offset:calc(var(--stack-step-x) * 2);width:100%;max-width:220px;min-height:330px;transform:translateX(calc(var(--stack-center-offset) * -1));background:0 0;border:none;margin:0 auto;padding:0;position:relative}.deck-stack-large{width:min(100%, var(--deck-width));height:var(--deck-height);max-width:none;min-height:0}.layer{left:50%;top:var(--layer-top);width:var(--layer-width);aspect-ratio:72/100;border:1px solid var(--border-main);background:var(--deck-layer);box-shadow:var(--layer-shadow);transform:translateX(-50%) translate(var(--offset-x), var(--offset-y));border-radius:16px;position:absolute}.layer-back{--offset-x:calc(var(--stack-step-x) * 2);--offset-y:calc(var(--stack-step-y) * 2);z-index:3}.layer-under-1{--offset-x:calc(var(--stack-step-x) * 3);--offset-y:calc(var(--stack-step-y) * 3);z-index:2}.layer-under-2{--offset-x:calc(var(--stack-step-x) * 4);--offset-y:calc(var(--stack-step-y) * 4);z-index:1}.layer-mid{--offset-x:var(--stack-step-x);--offset-y:var(--stack-step-y);z-index:4}.layer-front{--offset-x:0px;--offset-y:0px;z-index:5}.stack-label,.stack-note{z-index:6;text-align:center;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.stack-label{top:var(--layer-top);width:var(--layer-width);aspect-ratio:72/100;justify-content:center;align-items:center;padding:0 16px;font-size:24px;font-weight:600;display:flex}.deck-grid .stack-label{font-size:18px}.deck-stack-large .stack-label{font-size:24px}.stack-note{width:74%;color:var(--text-soft);font-size:16px;top:198px}.theme-checkin .layer{background:var(--checkin)}.theme-replay .layer{background:var(--replay)}.theme-checkout .layer{background:var(--checkout)}.theme-special .layer{background:var(--special)}.opened-card{width:min(100%, var(--deck-width));height:var(--deck-height);background:var(--bg-card);border:2px dashed #8f9aa7;border-radius:16px;grid-template-rows:auto 1fr auto;gap:0;padding:24px 22px 20px;display:grid;position:relative;overflow:auto}.stack-footnote{color:var(--text-soft);text-align:center;margin:2px 0 0;font-size:14px}.opened-card.is-flipping{transform-origin:50%;backface-visibility:hidden;animation:.54s ease-out flipOpen}.floating-close{color:#111111b3;cursor:pointer;z-index:20;background:#ffffff73;border:none;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;line-height:1;display:flex;position:fixed;top:16px;left:16px}.back-icon{stroke:#111111c7;stroke-width:2.2px;stroke-linecap:round;fill:none;width:24px;height:24px}.close-button{display:none}.card-question,.exhausted-note{text-align:center;margin:0;font-size:30px;line-height:1.5}.card-group{text-align:center;align-self:start;margin:0;font-size:18px;font-weight:600}.card-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-hint{text-align:center;color:var(--text-soft);align-self:end;margin:0;font-size:16px}.exhausted-note{color:var(--text-soft)}.history-panel{border:1px solid var(--border-main);background:#fff;border-radius:12px;width:min(100%,760px);padding:14px}.history-panel h3{margin:0;font-size:18px}.history-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.delete-history-button{border:1px solid var(--border-main);color:#3a4048;cursor:pointer;background:#fff;border-radius:999px;padding:5px 10px;font-size:13px}.history-panel ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.history-panel p{color:var(--text-soft);margin:0}.session-list{flex-direction:column;gap:14px;display:flex}.session-item h4{margin:0 0 8px;font-size:15px}.deck-history-groups{flex-direction:column;gap:10px;display:flex}.deck-history-group h5{margin:0 0 6px;font-size:15px;font-weight:700}.deck-history-group ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.deck-stack:focus-visible,.home-history-link:focus-visible,.new-session-link:focus-visible,.delete-history-button:focus-visible,.close-button:focus-visible,.floating-close:focus-visible{outline-offset:2px;outline:2px solid #7f8a98}.is-shuffling .layer-back{animation:.76s ease-in-out shuffleBack}.is-shuffling .layer-under-1{animation:.76s ease-in-out shuffleUnderOne}.is-shuffling .layer-under-2{animation:.76s ease-in-out shuffleUnderTwo}.is-shuffling .layer-mid{animation:.76s ease-in-out shuffleMid}.is-shuffling .layer-front{animation:.76s ease-in-out shuffleFront}.is-shuffling{animation:.76s ease-in-out shuffleBody}@keyframes shuffleBack{0%{transform:translate(-50%)rotate(0)}25%{transform:translate(-56%)rotate(-10deg)}50%{transform:translate(-58%)rotate(-15deg)}75%{transform:translate(-46%)rotate(8deg)}to{transform:translate(-50%)rotate(0)}}@keyframes shuffleMid{0%{transform:translate(-50%)rotate(0)}25%{transform:translate(-44%)rotate(10deg)}50%{transform:translate(-42%)rotate(15deg)}75%{transform:translate(-54%)rotate(-8deg)}to{transform:translate(-50%)rotate(0)}}@keyframes shuffleUnderOne{0%{transform:translate(-50%)translate(24px,42px)rotate(0)}50%{transform:translate(-50%)translate(18px,36px)rotate(-10deg)}to{transform:translate(-50%)translate(24px,42px)rotate(0)}}@keyframes shuffleUnderTwo{0%{transform:translate(-50%)translate(32px,56px)rotate(0)}50%{transform:translate(-50%)translate(38px,50px)rotate(10deg)}to{transform:translate(-50%)translate(32px,56px)rotate(0)}}@keyframes shuffleFront{0%{transform:translate(-50%)rotate(0)}25%{transform:translate(-50%)translateY(-10px)rotate(8deg)}50%{transform:translate(-50%)translateY(-16px)rotate(-10deg)}75%{transform:translate(-50%)translateY(-6px)rotate(6deg)}to{transform:translate(-50%)rotate(0)}}@keyframes shuffleBody{0%{transform:translate(0)}30%{transform:translate(-12px)}60%{transform:translate(12px)}to{transform:translate(0)}}@keyframes flipOpen{0%{opacity:0;transform:perspective(900px)rotateY(180deg)}to{opacity:1;transform:perspective(900px)rotateY(0)}}@media (width<=640px){.app-shell{gap:16px;padding:20px 12px}.app-title{font-size:32px}.app-subtitle{margin-top:-8px;font-size:19px}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.home-history-link{font-size:13px}.home-history{margin-top:28px}.home-history-actions{gap:10px}.new-session-link{padding:5px 10px}.history-header{align-items:flex-start}.delete-history-button{padding:4px 8px;font-size:12px}.deck-stage{min-height:100%}.deck-stack{--stack-step-x:4px;--stack-step-y:4px;--layer-top:18px;--layer-width:84%;--stack-center-offset:calc(var(--stack-step-x) * 2);max-width:170px;min-height:270px}.deck-stack-large,.opened-card{width:100%;max-width:380px;height:500px}.stack-label{font-size:16px}.deck-stack-large .stack-label{font-size:22px}.stack-note{font-size:15px;top:154px}.opened-card{border-radius:12px;height:500px;padding:24px 16px}.card-question,.exhausted-note{font-size:26px}.card-hint{font-size:15px}.stack-footnote{font-size:13px}}