.galleryEntry{margin:12px 0 16px}.galleryLaunch{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border:1px solid #dedaf3;border-radius:14px;background:linear-gradient(135deg,#faf9ff,#fff);color:var(--ink);box-shadow:0 4px 16px rgba(33,38,58,.035);cursor:pointer}.galleryLaunch:hover{border-color:#bfb5ed;transform:translateY(-1px);box-shadow:0 10px 24px rgba(48,42,84,.07)}.galleryLaunchIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#efeaff;color:#5f4bd8;font-size:25px;font-weight:800;flex:0 0 auto}.galleryLaunchText{display:flex;flex-direction:column;gap:3px;min-width:0}.galleryLaunchText strong{font-size:15px}.galleryLaunchText>span:last-child{font-size:11.5px;color:#667085;line-height:1.45}.galleryLaunch .modeArrow{margin-left:auto}
.galleryPanel{margin-top:12px}.galleryHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.galleryHead h3{margin:7px 0 5px}.galleryHead p{margin:0;max-width:690px;color:#667085;font-size:12.5px;line-height:1.55}.galleryTabs{display:flex;gap:5px;padding:4px;border:1px solid #e3e5ed;background:#f8f8fb;border-radius:11px}.galleryTabs button{border:0;background:transparent;border-radius:8px;padding:8px 11px;font-weight:750;color:#667085;cursor:pointer}.galleryTabs button.active{background:#fff;color:#5140c2;box-shadow:0 2px 7px rgba(33,38,58,.08)}
.galleryTools{display:flex;gap:10px;align-items:center;margin:18px 0 10px}.galleryTools input{min-width:240px;flex:1;max-width:420px;border:1px solid #dfe2ea;border-radius:10px;padding:10px 12px;background:#fff;color:#1d2638}.galleryFilters{display:flex;gap:6px;flex-wrap:wrap}.galleryFilters button{border:1px solid #e0e3ea;background:#fff;color:#596576;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:720;cursor:pointer}.galleryFilters button.active{border-color:#b7aceb;background:#f1eeff;color:#5140c2}.galleryCount{font-size:11px;color:#858e9d;margin:4px 0 10px}
.signGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.signTile{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:12px;border:1px solid #e5e7ed;border-radius:13px;background:#fff;text-align:left;cursor:pointer}.signTile:hover{border-color:#c8c0ed;transform:translateY(-2px);box-shadow:0 10px 22px rgba(40,35,70,.06)}.signImage{height:125px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,#fafbfc,#f6f7f9);overflow:hidden}.signImage img{max-width:108px;max-height:108px;object-fit:contain}.signTile strong{font-size:12.5px;line-height:1.3;color:#20283a}.signMeta{font-size:10px;color:#8a92a0}.galleryEmpty{grid-column:1/-1;padding:35px;text-align:center;color:#858e9d}
.flashTop{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.flashCard{position:relative;display:block;width:min(640px,100%);min-height:360px;margin:0 auto;border:1px solid #dedaf1;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(42,37,76,.065);cursor:pointer;overflow:hidden;perspective:1200px}.flashFront,.flashBack{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;backface-visibility:hidden;transition:transform .42s ease}.flashFront{transform:rotateY(0);background:linear-gradient(145deg,#fff,#fbfaff)}.flashBack{transform:rotateY(180deg);background:linear-gradient(145deg,#faf9ff,#fff);text-align:center}.flashCard.revealed .flashFront{transform:rotateY(-180deg)}.flashCard.revealed .flashBack{transform:rotateY(0)}.flashFront img{max-width:210px;max-height:220px;object-fit:contain}.flashCode,.flashCategory{position:absolute;top:18px;left:18px;padding:5px 8px;border-radius:999px;background:#f0edff;color:#5846c6;font-size:10px;font-weight:800}.flashPrompt{position:absolute;right:22px;bottom:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1eeff;color:#5f4bd8;font-weight:900}.flashBack h4{font-size:23px;margin:8px 0 10px;letter-spacing:-.02em}.flashBack p{max-width:500px;margin:4px auto;color:#39445a;line-height:1.55}.flashBack .flashLocal{color:#667085;font-size:13px}.flashHint{text-align:center;color:#858e9d;font-size:11px;margin:10px 0}.flashActions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.flashAgain,.flashKnow{min-height:39px;border-radius:9px;padding:0 12px;font-weight:750;cursor:pointer}.flashAgain{border:1px solid #efcfcc;background:#fff8f7;color:#9f2d24}.flashKnow{border:1px solid #bfe2ce;background:#f2fbf6;color:#147a52}.flashStats{display:flex;justify-content:center;gap:16px;margin-top:12px;color:#7b8494;font-size:11px}
.galleryDetailOverlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(24,29,46,.56);backdrop-filter:blur(4px)}.galleryDetailOverlay.hidden{display:none}.galleryDetail{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(18,22,36,.23)}.galleryClose{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f4f5f8;color:#5e6878;font-size:23px;cursor:pointer}.detailImage{height:210px;display:grid;place-items:center;margin-bottom:15px;border-radius:13px;background:#f8f9fb}.detailImage img{max-width:190px;max-height:190px;object-fit:contain}.galleryDetail h3{font-size:24px;margin:7px 0}.detailCode{font-size:11px;color:#7d8696}.detailMeaning{font-weight:700;line-height:1.5}.detailLocal,.detailExplain{color:#596576;line-height:1.55}.detailExplain{font-size:12.5px}
@media(max-width:900px){.signGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.galleryTools{align-items:flex-start;flex-direction:column}.galleryTools input{max-width:none;width:100%}}
@media(max-width:680px){.galleryHead{flex-direction:column}.galleryTabs{width:100%}.galleryTabs button{flex:1}.signGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.signImage{height:120px}.flashCard{min-height:330px}.flashFront img{max-width:185px;max-height:195px}.flashActions .secondary,.flashActions .primary,.flashAgain,.flashKnow{flex:1 1 42%}.galleryLaunch{padding:12px}.galleryLaunchIcon{width:38px;height:38px}.galleryLaunchText>span:last-child{font-size:10.5px}}