.app-shell{background:#fbf8f1;padding-bottom:118px}.app-shell .hero{height:300px;padding:26px 24px;background-position:center 56%}.app-shell .hero h1{font-size:32px;font-weight:850;letter-spacing:-1.5px}.app-shell .hero p{font-size:11px;letter-spacing:.03em;color:#476078}.app-shell .hero.compact{height:185px}.app-shell .content{margin-top:-18px;padding-top:23px;background:#fbf8f1;border-radius:28px 28px 0 0}.home-screen .hero{height:320px}.home-screen .content{margin-top:0;border-radius:0;padding-top:0}.creation-dock.entry{position:relative;z-index:2;margin:0 16px;transform:translateY(-50%);padding:10px;display:grid;grid-template-columns:minmax(0,2fr) minmax(80px,1fr);gap:9px;background:#fffdf8;border:1px solid #ffffff;border-radius:23px;box-shadow:0 12px 30px #503c1917,0 3px 8px #503c1909}.creation-dock .searchbox{position:relative;border:1px solid #e5e9ed;background:#f5f7f9;border-radius:15px;height:64px}.creation-dock .searchbox input{padding:12px 43px 12px 12px;font-size:12px;background:none;letter-spacing:-.3px}.creation-dock .searchbox button{position:absolute;right:7px;top:12px;width:36px;height:40px;min-height:40px;padding:8px;border-radius:11px;color:#fff;background:#297ff3;box-shadow:0 4px 8px #297ff333}.creation-dock .photo-create{background:linear-gradient(145deg,#e8f2ff,#d8eaff);color:#256ac4;border:1px solid #c8defb;border-radius:15px;padding:6px 3px;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:4px}.photo-create small{font-size:9px;font-weight:700}.photo-icons{position:relative;height:30px;width:47px;display:block}.photo-icons svg:first-child{position:absolute;width:25px;height:25px;left:0;top:0;transform:rotate(-13deg);color:#83afec;fill:#eef6ff}.photo-icons svg:last-child{position:absolute;width:30px;height:28px;right:0;bottom:0;fill:#e4efff;filter:drop-shadow(0 2px 2px #437dcc25)}.home-screen .notice{margin-top:-29px;margin-bottom:30px;text-align:center;font-size:9px;letter-spacing:0;color:#9a9da2}.deck-section{margin:26px 0 32px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 22px;margin-bottom:16px}.section-heading h2{margin:0!important;font-size:21px;letter-spacing:-.7px;font-weight:800;color:#203953}.section-heading>span{font-size:9px;color:#93999e}.deck-rail{display:flex;gap:14px;overflow-x:auto;padding:10px 22px 14px;scroll-snap-type:x proximity;scrollbar-width:none}.deck-rail::-webkit-scrollbar{display:none}.deck-case{flex:0 0 140px;min-width:0;display:block;text-align:left;background:none;padding:0;color:#263c52;scroll-snap-align:start;overflow:visible}.featured .deck-case{flex-basis:calc((100% - 16px)/2)}.case-stack{height:165px;position:relative;margin:0 3px 0 2px;isolation:isolate}.featured .case-stack{height:196px}.case-stack>i{position:absolute;inset:0 5px 10px;background:#fffcf5;border:1px solid #cdd8df;border-radius:15px;box-shadow:0 4px 8px #203a4c12}.case-stack>i:first-child{transform:translate(2px,-6px) rotate(5deg)}.case-stack>i:nth-child(2){transform:translate(-3px,-3px) rotate(-5deg);background:#f3f8ff}.case-card{position:absolute;inset:0 5px 10px;overflow:hidden;border:5px solid #fffef9;border-radius:15px;background:#e3eff6;box-shadow:0 3px 5px #263d4d25;display:flex;flex-direction:column;justify-content:flex-end;padding:11px}.case-art{position:absolute;inset:0;background:url(/assets/book-covers.webp) 0 0/300% 100%;z-index:-1}.case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#0d294363);z-index:-1}.science .case-art{background-position:50% 0}.history .case-art{background-position:100% 0}.case-card strong{font-size:19px;color:#fff;text-shadow:0 2px 3px #16394b55;line-height:1.3;margin-bottom:15px;word-break:keep-all}.case-card small{font-size:6px;letter-spacing:1.1px;color:#fff9}.card-corner{position:absolute;left:8px;top:8px;font-size:14px;color:#fff9}.case-pocket{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 12px 10px;border:1px solid #d8dfe4;border-radius:6px 6px 15px 15px;background:linear-gradient(145deg,#f8fbfff0,#c9dae9ef);box-shadow:0 7px 10px #293d4d16,inset 0 2px #fff;clip-path:polygon(0 0,30% 0,39% 14%,61% 14%,70% 0,100% 0,100% 100%,0 100%)}.case-pocket span{font-size:8px;letter-spacing:1.3px;font-weight:800;color:#597a91}.case-pocket svg{width:18px;height:18px;color:#64869f}.science .case-pocket{background:linear-gradient(145deg,#ebf6eff5,#b8d7cdf2);border-color:#c6dcd2}.history .case-pocket{background:linear-gradient(145deg,#fff5e2,#e5cfacf5)}.case-caption{padding:14px 3px 0;display:flex;flex-direction:column;gap:5px}.case-caption>strong{font-size:14px;letter-spacing:-.3px}.case-caption>span{font-size:10px;color:#8e989f;display:flex;align-items:center;gap:4px}.case-caption svg{width:12px;height:12px}.floating-nav{width:calc(100% - 28px);max-width:492px;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid #ffffff;border-radius:26px;padding:8px 5px;background:#fffefaf2;box-shadow:0 12px 40px #29415424,0 2px 6px #2941540d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;gap:0;display:flex;align-items:center}.floating-nav button{min-width:0;flex:1;min-height:57px;border-radius:18px;padding:5px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8b969f;font-size:10px;transition:background .2s,color .2s}.floating-nav button>.nav-icon{line-height:1;display:flex;position:relative;font-size:initial}.floating-nav svg{width:23px;height:23px}.floating-nav button[aria-current]{background:#eaf3ff;color:#2678d3;font-weight:800}.floating-nav button[aria-current]:after{content:"";height:3px;width:12px;background:#3184e2;border-radius:4px;position:absolute;bottom:8px;display:none}.arcade-hub{padding:0 22px 30px}.arcade-eyebrow{font-size:9px;letter-spacing:2px;color:#8c9ba9}.arcade-hub h2{margin:8px 0 26px;font-size:29px;line-height:1.4;letter-spacing:-1px}.arcade-tile{position:relative;width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;color:#fff;border:2px solid #fff;border-radius:24px;min-height:210px;padding:24px;margin:18px 0;overflow:hidden;box-shadow:0 8px 18px #173c5c1a}.waterfall-tile{background:linear-gradient(90deg,#125b98d9,#125b9810),url(/assets/venice.webp) center 65%/cover}.memory-tile-link{background:linear-gradient(90deg,#082c51d9,#082c5122),url(/assets/memory-garden.webp) center 62%/cover}.arcade-tile>span{font-size:8px;letter-spacing:1.8px;color:#ffeab8}.arcade-tile>strong{font-size:31px;letter-spacing:-1px}.arcade-tile>small{font-size:11px;max-width:78%;line-height:1.7}.arcade-tile>b{position:absolute;right:18px;bottom:22px;background:#fff3;border:1px solid #fff7;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}@media(max-width:370px){.home-screen .hero{height:285px}.section-heading>span{font-size:8px}.featured .case-stack{height:175px}.case-card strong{font-size:17px}.creation-dock.entry{margin:0 12px;gap:7px;padding:8px}.creation-dock .searchbox input{font-size:11px}.floating-nav{width:calc(100% - 22px)}}@media(prefers-reduced-motion:reduce){.floating-nav button{transition:none}}.case-card{isolation:isolate;background:transparent}.case-art{z-index:0}.case-card:after{z-index:1;pointer-events:none}.case-card>strong,.case-card>small,.card-corner{position:relative;z-index:2}.case-card .card-corner{position:absolute}.case-art.cover-pending:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff0 30%,#fff6,#fff0 70%) 0 0/250% 100%;animation:cover-shimmer 1.6s linear infinite}@keyframes cover-shimmer{to{background-position:-250% 0}}.memory-world{height:100dvh;min-height:480px;max-width:520px;margin:auto;padding:max(12px,env(safe-area-inset-top)) 18px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#061c3d33,#061c3d66),url(/assets/memory-garden.webp) center/cover;color:#fff3ce}.memory-top{display:flex;align-items:center;gap:8px;flex:none}.memory-top>div{flex:1;min-width:0;text-align:center}.memory-top small{font:8px Georgia,serif;letter-spacing:2px;color:#e8cc8c}.memory-top h1{font-family:Batang,바탕,Georgia,serif;font-size:26px;letter-spacing:.03em;line-height:1.3;margin:4px 0;color:#fff2d0;text-shadow:0 2px 0 #7f562d,0 0 18px #f2c26e66;word-break:keep-all}.memory-top button{width:36px;min-width:36px;height:40px;border:1px solid #e6c88e66;border-radius:50%;background:#06264199;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff0c5;font-size:20px;min-height:40px}.memory-hud{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:14px 4px 16px;flex:none}.gem-count{display:flex;align-items:center;gap:7px}.gem-count>span{color:#76e9ec;font-size:23px;text-shadow:0 0 16px #37ebfa}.gem-count strong{font-size:28px;line-height:1;animation:gem-pop .35s ease}.gem-count small{font-size:10px;color:#d9dfdd}.quest-gems{display:flex;gap:3px}.quest-gems i{font-style:normal;color:#426075;font-size:20px;text-shadow:0 1px 0 #0005;transition:color .3s}.quest-gems .lit{color:#ffda77;text-shadow:0 0 12px #ffd66a}.memory-hud time{font-size:12px;color:#e8dcc3;font-variant-numeric:tabular-nums}.memory-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;min-height:0;padding:4px 2px 12px;perspective:1000px}.memory-tile{position:relative;background:none;border:0;border-radius:13px;min-width:0;min-height:0;padding:0;perspective:850px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.memory-tile:disabled{opacity:1;cursor:default}.memory-flipper{position:relative;height:100%;width:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.7,.3,1);border-radius:13px}.memory-tile.open .memory-flipper{transform:rotateY(180deg)}.memory-back,.memory-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:13px;border:2px solid #dabc7d;box-shadow:0 5px #705630,0 8px 13px #0005,inset 0 0 0 4px #e8c27420;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.memory-back{background:radial-gradient(ellipse at 30% 10%,#498fa4,#194e72 55%,#102a50);color:#f2d293}.memory-back:before{content:"";position:absolute;inset:7px;border:1px solid #d9bf824d;border-radius:8px;background:repeating-linear-gradient(45deg,transparent,transparent 8px,#9cddf309 8px,#9cddf309 9px)}.ornament{font-family:Georgia,serif;font-size:42px;line-height:1;text-shadow:0 0 22px #91edf377,0 3px 0 #1c3c50;z-index:1}.memory-back>i{font-style:normal;position:absolute;bottom:12%;color:#d4c49670;font-size:13px}.memory-face{transform:rotateY(180deg);background:radial-gradient(ellipse at top,#fffdf1,#e8d7ae);color:#204968;padding:12px 7px;gap:12px}.memory-face strong{font-size:clamp(13px,4vw,19px);word-break:keep-all;line-height:1.4}.memory-face small{font-size:20px;color:#a48647}.memory-face>span{font:7px Georgia,serif;letter-spacing:2px;color:#af9667}.memory-tile.won .memory-face{background:radial-gradient(ellipse at top,#faffed,#c8e8c8);border-color:#b6edbd;box-shadow:0 0 20px #8be2bd66,0 4px #456753}.memory-tile.won .memory-flipper{animation:match-glow .6s ease}.match-seal{position:absolute;right:5px;top:5px;background:#397c67;color:#fff7ce;font-size:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;z-index:2}.memory-tile.wrong{animation:card-shake .35s ease}.memory-bottom{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#c1d2d8}.memory-bottom strong{font-size:12px;color:#ffe3a2;text-shadow:0 2px 3px #0005;text-align:center}.combo-pop{animation:gem-pop .5s ease}.spark-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:10}.spark-burst i{position:absolute;font-style:normal;color:#fff2a1;font-size:18px;transform:rotate(var(--angle));animation:match-spark .85s ease-out forwards;text-shadow:0 0 8px #ffd256}.memory-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:30px;text-align:center;background:#031a32dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.memory-overlay>span,.victory-stars{font-size:55px;color:#ffdc83;filter:drop-shadow(0 0 18px #f7c96466)}.memory-overlay h2{font-family:Batang,Georgia,serif;font-size:31px;line-height:1.5;margin:0;color:#fff0c6}.memory-overlay small{letter-spacing:3px;font-size:10px;color:#dabc7d}.memory-overlay button{width:100%;max-width:270px;padding:15px;border-radius:15px;background:linear-gradient(#ffe6a1,#d6ad59);color:#4d3821;font-weight:800;box-shadow:0 5px #836334}.memory-overlay button+button{background:#ffffff10;border:1px solid #dabc7d66;color:#e7d5ae;box-shadow:none}.victory-stars{animation:gem-pop .7s ease}@keyframes gem-pop{0%{transform:scale(.65)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes match-glow{50%{filter:brightness(1.45);scale:1.06}}@keyframes card-shake{25%{translate:-4px 0}75%{translate:4px 0}}@keyframes match-spark{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(.5)}to{opacity:0;transform:rotate(var(--angle)) translate(85px) scale(1.3)}}@media(max-height:650px){.memory-top h1{font-size:21px}.memory-hud{margin:8px 4px}.memory-bottom{height:35px}.memory-board{gap:9px}.memory-face{gap:5px}.memory-face small{display:none}.memory-face strong{font-size:14px}}@media(min-width:650px){.memory-world{max-width:680px}.memory-board{gap:16px;padding-left:28px;padding-right:28px}.memory-top h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.memory-world *{animation:none!important;transition:none!important}}@keyframes match-glow{50%{scale:1.06}}*{box-sizing:border-box}body{margin:0;background:#e9dfd0;color:#172b4e;font-family:system-ui,Malgun Gothic,sans-serif}main{max-width:520px;min-height:100dvh;margin:auto;background:#fffaf2;padding-bottom:100px;box-shadow:0 0 60px #63432322}button,input{font:inherit}button{cursor:pointer;border:0;min-height:44px}button:focus-visible{outline:3px solid #b78923;outline-offset:4px}button:disabled{cursor:default;opacity:.65}.hero{height:310px;background:url(/assets/study-room.webp) center 56%/cover;padding:24px}.hero h1{font-size:32px;margin:0;text-shadow:0 1px 5px white}.hero em{color:#ffc438;font-style:normal}.hero p{font-size:12px;margin-top:5px}.hero.compact{height:195px;background-position:center 45%}.hero.compact h1{display:inline-block;padding:6px 10px;background:#fffa;border-radius:12px}.content{position:relative;margin-top:-24px;border-radius:26px 26px 0 0;background:#fffaf2;padding-top:20px}.entry{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:0 18px}.entry input{width:100%;min-width:0;padding:16px 12px;border:1px solid #e5ddd2;border-radius:16px;background:#fff;font-size:13px}.entry button,.primary{background:#167aff;color:#fff;border-radius:15px;padding:12px;font-size:12px}.notice{font-size:11px;color:#716e68;padding:0 20px;line-height:1.7}section{margin:25px 0}h2{font-size:21px;margin:0 20px 14px}.books{display:flex;gap:15px;overflow-x:auto;padding:2px 20px 22px;scroll-snap-type:x proximity}.book{flex:0 0 135px;aspect-ratio:3/4;border:1px solid #ffffff90;border-left:5px solid #ffffff70;border-radius:9px 16px 16px 9px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 10px;color:#173251;box-shadow:3px 5px #dac9af,5px 10px 14px #64432726;scroll-snap-align:start;background-image:linear-gradient(140deg,#fff7,transparent)}.book strong{font-size:19px;word-break:keep-all}.book span{font-size:65px;filter:drop-shadow(0 5px 3px #0002)}.book small{font-size:9px;opacity:.7}.large .book{flex-basis:calc((100% - 22px)/2);aspect-ratio:1/1.05;min-height:200px;box-shadow:4px 4px #f5d291,7px 8px #b5cfe3,10px 12px #d5b78c,12px 17px 14px #64432728}.large .book:nth-child(2){box-shadow:4px 5px #dbc6eb,7px 10px #e6d5ad,9px 14px 10px #64432720}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,520px);display:flex;justify-content:space-around;background:#fffdf9f5;border-top:1px solid #e5dacb;border-radius:22px 22px 0 0;padding:8px 4px calc(12px + env(safe-area-inset-bottom))}nav button{background:none;color:#85858d;font-size:11px;display:grid;gap:2px;min-width:65px}nav span{font-size:28px}nav button[aria-current]{color:#1276fa;font-weight:700}.detail,.study{padding:24px}.detail>button,.study>button{border-radius:14px;padding:14px}.detail-cover{width:160px;height:200px;margin:25px auto}.primary{width:100%;font-size:16px}.detail h2{margin:25px 0 15px}article{background:#fff;border:1px solid #eadfce;padding:20px;border-radius:16px;margin:14px 0}article p{color:#62718a;line-height:1.8}.detail small{color:#797979}.study{min-height:100dvh;background:linear-gradient(#e4f1ff,#fff5de)}.study .flash{width:100%;min-height:360px;background:#fff;color:#1c3656;font-size:28px;padding:24px;margin:20px 0;box-shadow:0 14px 35px #57452b15}.flash small{display:block;font-size:13px;margin-top:40px;color:#718094}.study p{font-size:13px;line-height:1.8}.games,.profile{padding:0 22px}.games h2,.profile h2{margin-left:0}.games button{display:block;width:100%;margin:10px 0;padding:15px;border-radius:12px;background:#eee7dc;color:#666}@media(max-width:380px){.hero{height:270px}.hero.compact{height:175px}.large .book{min-height:175px}.book strong{font-size:17px}.book span{font-size:54px}}.book.illustrated{background-image:url(/assets/book-covers.webp);background-size:300% 100%;color:#fff;text-shadow:0 2px 5px #0008;position:relative;overflow:hidden}.book.travel{background-position:0 0}.book.science{background-position:50% 0}.book.history{background-position:100% 0;color:#432915;text-shadow:0 1px 6px #fff}.book.illustrated strong{font-size:21px;position:relative;z-index:1}.book.illustrated small{color:#fff;background:#18304d80;padding:3px 8px;border-radius:8px;opacity:1}.cover-scene{flex:1}.searchbox{display:flex;min-width:0;background:#fff;border:1px solid #e5ddd2;border-radius:16px;overflow:hidden}.searchbox input{border:0;border-radius:0}.searchbox button{color:#167aff;background:#fff;font-size:22px;padding:8px}.entry>button{font-size:13px;line-height:1.5}.learning-choices{padding:0 20px 20px}.learning-choices h2{margin-left:0}.learning-choices>button{display:flex;align-items:center;gap:14px;width:100%;background:#fff;border:1px solid #ebdac1;padding:16px;border-radius:18px;margin:12px 0;text-align:left;box-shadow:0 5px #e9dccb;color:#173251}.learning-choices small{display:block;margin-top:6px;color:#7b7c82;font-size:12px}.learning-choices b{margin-left:auto;font-size:25px}.method-symbol{font-size:30px;background:#e6efff;border-radius:14px;width:52px;height:58px;display:grid;place-items:center}.m1{background:#fff0d5}.m2{background:#e5f4de}.mock-tag{display:inline-block;background:#f1e9d8;color:#7c6442;font-size:11px;padding:6px 10px;border-radius:8px}.profile-welcome h2{margin:6px 0 12px;font-size:22px}.stats-panel{padding:20px;background:#fffefa;border:1px solid #e7d7bf;border-radius:20px;box-shadow:0 5px #eadcca;margin:22px 0}.stats-panel h3{margin:0 0 15px;font-size:18px}.deck-stat{margin:18px 0}.deck-stat strong{font-size:14px}.segments{display:flex;height:16px;background:#f1ece3;border-radius:8px;overflow:hidden;margin:8px 0}.segments i:nth-child(1){background:#72b999}.segments i:nth-child(2){background:#eac46b}.segments i:nth-child(3){background:#dc8f86}.segments i:nth-child(4){background:#f1ece3}.deck-stat p,.legend,.subtle{font-size:11px;color:#77756d;line-height:1.8}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.calendar span{height:30px;display:grid;place-items:center;font-size:12px}.calendar small{color:#8d8d8d;padding-bottom:4px}.calendar .stamped{border-radius:50%;background:#fff1c5;color:#927022;border:2px solid #e5c66a;box-shadow:inset 0 0 0 2px #fff}.time-title>div{display:flex;gap:6px;margin:8px 0}.time-title button{border-radius:10px;background:#f1ebe1;color:#777;padding:8px 14px}.time-title button[aria-pressed=true]{background:#e4edff;color:#2775ce}.time-bars{display:flex;justify-content:space-around;align-items:flex-end;height:135px;gap:8px}.time-bars>div{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;font-size:11px}.time-bars i{width:85%;max-width:35px;background:linear-gradient(#89b6f8,#4a86de);border-radius:6px 6px 2px 2px}.time-bars small{font-size:10px;color:#7c7f85}.review-head{padding:22px;background:linear-gradient(#fff4d9,#fffaf2)}.review-head>button,.review-controls button{background:#fff;border:1px solid #e4d5bd;border-radius:12px;padding:10px 14px;color:#27476c}.review-head>span{display:block;font-size:12px;margin-top:22px}.review-head h1{font-size:25px}.review-head p{font-size:13px;line-height:1.8}.review-controls{display:flex;gap:10px;padding:0 20px}.review-controls button[aria-pressed=true]{background:#e2ecff;border-color:#8db4ef}.review-list{padding:6px 20px}.review-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#ede0ca;border:0}.review-pair>div{min-height:145px;background:#fffdf7;box-shadow:0 4px #cbbb9f;border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;justify-content:center;text-align:center;word-break:keep-all}.review-pair>div:nth-child(2){background:#eaf3ff}.review-pair small{color:#8a8b90;margin-bottom:15px;font-size:11px}.review-pair strong{font-size:19px}.review-pair button{grid-column:1/-1;justify-self:end;background:#fff9;color:#9a655b;border-radius:10px;min-height:36px;padding:8px 15px}.review-bottom{position:fixed;bottom:0;width:min(100%,520px);padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:#fffaf2f5}.photo-preview{width:100%;max-height:160px;object-fit:contain;border-radius:12px}.fullscreen{padding-bottom:0}.playroom{min-height:100dvh;padding:16px 20px 24px;background:linear-gradient(#fff5ddbb,#f4ead8e8),url(/assets/study-room.webp) center/cover fixed}.playbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.playbar button{background:#fff9;border-radius:50%;width:44px;color:#284764}.playbar>span{font-size:10px;color:#7d745f}.mode-tabs{display:flex;background:#ffffff80;border:1px solid #d9c9ad;border-radius:15px;padding:4px;margin:16px 0 8px;gap:4px}.mode-tabs button{flex:1;border-radius:11px;font-size:12px;background:transparent;color:#6d736f}.mode-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 3px 6px #8e714022;color:#2874c8;font-weight:700}.deck-caption{text-align:center;font-size:13px;color:#685a43}.play-progress{background:#ddcfb5;border-radius:10px;height:10px;overflow:hidden}.play-progress i{display:block;height:100%;background:#8bbf78;border-radius:10px}.hint{text-align:center;font-size:12px;color:#817050}.learning-card{touch-action:none;width:100%;min-height:330px;background:#fffdf7;border-radius:23px;border:1px solid #e0d2b9;box-shadow:5px 5px #eee1c6,9px 10px #d3be97,0 22px 30px #75613e20;margin:18px 0 34px;padding:25px 22px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#183052}.learning-card.back{background:#eef6ff}.learning-card strong{font-size:34px;word-break:keep-all}.learning-card small{font-size:12px;color:#a28c67}.learning-card span{font-size:11px;color:#888}.baskets{display:flex;gap:12px}.baskets button{flex:1;border-radius:10px 10px 22px 22px;padding:12px 6px;color:#fff;font-size:13px;box-shadow:0 6px #0002;display:flex;align-items:center;flex-direction:column;gap:7px;border-top:7px solid #fff5}.baskets b{background:#fff4;border:2px solid #fff7;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:25px}.baskets small{font-size:10px}.unknown{background:#df8275}.unsure{background:#d6ab47}.known{background:#76ac7b}.question-card{background:#fffaf0;padding:25px;border:7px solid #b98e58;border-radius:20px;text-align:center;margin:25px 0;box-shadow:0 7px #997441}.question-card small{font-size:12px;color:#8f7857}.question-card h1{font-size:29px}.answers{display:grid;gap:12px}.answers button{background:#fffdf7;border:1px solid #d9c6a8;border-radius:14px;padding:16px;text-align:left;color:#243c54;font-size:17px;box-shadow:0 4px #d7c5a7}.answers button b{display:inline-grid;place-items:center;border-radius:50%;background:#eee8da;width:28px;height:28px;margin-right:12px;font-size:13px}.answers .incorrect{background:#f0d5cf;color:#9d685e;box-shadow:none}.feedback{min-height:25px;text-align:center;color:#856c40}.match-title{text-align:center;font-size:20px;margin:25px 0 8px}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.match-grid button{aspect-ratio:3/4;background:repeating-linear-gradient(45deg,#3c83ce,#3c83ce 12px,#4088d2 12px 24px);border:4px solid #f4e4c3;border-radius:13px;color:#9ac5f1;font-size:36px;box-shadow:0 5px #bca079;padding:8px;word-break:keep-all}.match-grid .revealed,.match-grid .matched{background:#fffdf2;color:#264365;font-size:16px}.match-grid .matched{opacity:.25;box-shadow:none}.mission{margin:50px 0;padding:30px 20px;text-align:center;background:#fff9;border-radius:24px}.mission .star{font-size:70px;color:#e8b343}.mission h1{font-size:26px}.mission p{font-size:14px;line-height:1.8}.mission button{margin-top:14px;border-radius:12px;padding:12px}.mock-footer{text-align:center;color:#897b65;font-size:10px;margin-top:26px}@media(max-width:370px){.review-pair strong{font-size:16px}.learning-card{min-height:290px}.learning-card strong{font-size:28px}.baskets{gap:7px}.book.illustrated strong{font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}nav{z-index:100;background:#fffdf9}.review-bottom{z-index:100}.flash-world{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#17385472,#647e8755 40%,#8a5c2870),url(/assets/study-room.webp) center/cover;min-height:100dvh;padding:18px 24px 25px}.flash-world .playbar{color:#fff;text-shadow:0 2px 5px #0005}.flash-world .playbar>span{color:#ffedca;background:#163b5866;padding:6px 9px;border-radius:20px}.flash-world .playbar button{background:#fffdf2ee;color:#37546c;box-shadow:0 4px #183c4933}.flash-world .mode-tabs{background:#153b5377;border-color:#ffffff30;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.flash-world .mode-tabs button{color:#e8f3f9}.flash-world .mode-tabs button[aria-pressed=true]{background:#fffcf2;color:#28536c}.flash-world .deck-caption{color:#fff;font-weight:700;letter-spacing:.08em;margin:18px 0 14px;text-shadow:0 2px 5px #0004}.flash-world .play-progress{height:14px;border:3px solid #fff6;background:#163e6970;box-shadow:0 3px 10px #0002}.flash-world .play-progress i{background:linear-gradient(90deg,#a6e058,#e4f284);box-shadow:0 0 12px #cfff60;transition:width .45s}.flash-world .hint{color:#fffce9;font-size:12px;text-shadow:0 2px 3px #0006}.card-stage{position:relative;perspective:1100px;margin:26px 8px 38px;z-index:2}.under-card{position:absolute;inset:8px -3px -5px;background:#ede0bc;border:2px solid #fff8;border-radius:24px;box-shadow:0 10px 20px #2b1b2333}.under-card.one{transform:rotate(-5deg)}.under-card.two{transform:rotate(4deg);background:#fff6db}.flash-world .learning-card{position:relative;display:block;min-height:0;height:clamp(275px,40dvh,380px);width:100%;padding:0;margin:0;border:none;background:transparent;box-shadow:none;overflow:visible}.card-flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.card-flipper.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:25px;background:radial-gradient(ellipse at top,#fff,#fff8e8);border:6px solid #fffefa;border-radius:24px;box-shadow:inset 0 0 0 1px #ddc99c,0 18px 30px #38251733;color:#244565}.card-face small{font-size:10px;letter-spacing:.25em;color:#a39470}.card-face strong{font-size:clamp(26px,7vw,37px);line-height:1.4}.card-face span{font-size:11px;color:#958974}.card-star{color:#d9b56d;font-size:34px;line-height:1}.back-face{transform:rotateY(180deg);background:radial-gradient(ellipse at top,#fff,#e6f6f0)}.back-face .card-star{color:#70aa93}.flash-world .baskets{gap:15px;position:relative;z-index:3}.flash-world .baskets button{position:relative;border-radius:10px 10px 25px 25px;border:3px solid #fff6;border-top:10px solid #ffffff70;box-shadow:inset 0 -8px #0001,0 7px #4a34153d,0 12px 18px #0002;padding:13px 5px;transition:filter .2s,transform .2s;min-height:125px;font-weight:700}.flash-world .baskets button:disabled{opacity:.8;filter:saturate(.7)}.flash-world .unknown{background:linear-gradient(#f29a87,#d76665)}.flash-world .unsure{background:linear-gradient(#efd078,#d5a440)}.flash-world .known{background:linear-gradient(#a5cf94,#64a181)}.flash-world .baskets b{background:#ffffff35;width:44px;height:44px;font-size:27px}.flash-world .baskets button.catching{animation:catch-card .5s ease;filter:brightness(1.3)}.flash-world .mock-footer{color:#fff2da;text-shadow:0 2px 3px #0006}.flash-world .mission{background:#fffaf2ed;box-shadow:0 15px 40px #0002;border:2px solid #ffe2a6}.flash-world .mission .star{animation:star-pop .7s ease}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes catch-card{50%{transform:translateY(8px) scale(1.1)}80%{transform:translateY(-4px)}}@keyframes star-pop{0%{transform:scale(.2) rotate(-45deg)}70%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.card-flipper{transition:none}.flash-world *{animation:none!important;transition:none!important}}@media(max-height:740px){.flash-world{padding-top:10px}.flash-world .mode-tabs{margin-top:10px}.card-stage{margin-top:16px;margin-bottom:26px}.flash-world .baskets button{min-height:105px;padding:8px 4px}}.waterfall-launch{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:calc(100% - 40px);margin:22px 20px;padding:20px;border-radius:22px;color:#fff;background:linear-gradient(90deg,#1065a1dd,#167db344),url(/assets/venice.webp) center 65%/cover;box-shadow:0 6px #b5cfd5;text-align:left}.waterfall-launch>span{font-size:9px;letter-spacing:2px;color:#fff0b1}.waterfall-launch>strong{font-size:28px}.waterfall-launch>small{font-size:12px}@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}.home-logo .brand-logo{display:inline-flex;align-items:center;gap:7px;height:53px}.brand-logo>svg{width:45px;height:48px;flex-shrink:0;filter:drop-shadow(0 2px 2px #614b2212)}.brand-wordmark{position:relative;font-size:34px;letter-spacing:-1.5px;font-weight:800;line-height:1.2;color:#24415c}.brand-wordmark>span{color:#426c87}.brand-wordmark>i{position:absolute;width:36px;height:5px;border-radius:50%;background:#e9b54c;right:1px;bottom:-6px;transform:rotate(-5deg)}.home-screen .hero:has(.home-logo)>p{margin-top:7px;font-size:11px;letter-spacing:.025em;color:#4a6274}.app-shell .home-section-heading{margin-left:24px;margin-right:24px;padding:12px 14px 12px 10px;border-radius:13px 20px 20px 13px;border:1px solid #eee3cc;background:linear-gradient(110deg,#f5e9d0,#fbf4e6 64%,#fcfaf6);box-shadow:0 3px 9px #826a3610,inset 0 1px #fff;position:relative;gap:8px}.home-section-heading:before{content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:3px;background:#d5b16b}.app-shell .home-section-heading h2{display:flex;align-items:center;gap:8px;font-size:17px;letter-spacing:-.6px;color:#4c5149;font-weight:650}.heading-seal{width:28px;height:28px;display:grid;place-items:center;background:#fff9;border:1px solid #e5d7b9;border-radius:9px;box-shadow:0 2px 3px #8e784510;flex-shrink:0;color:#a48549}.heading-seal svg{width:17px;height:17px}.app-shell .home-section-heading>span{font-size:10px;line-height:1.5;color:#9a8c72;max-width:94px;text-align:right;word-break:keep-all}.home-screen .deck-section:nth-of-type(2) .home-section-heading{background:linear-gradient(110deg,#e7eff5,#f3f7fa 70%,#fcfaf6);border-color:#dfe8ee}.home-screen .deck-section:nth-of-type(2) .home-section-heading:before{background:#9db6cc}.home-screen .deck-section:nth-of-type(2) .heading-seal{color:#7194b2;border-color:#d2e0eb}.home-screen .deck-section:nth-of-type(2) .home-section-heading h2{color:#476379}.home-screen .deck-section:nth-of-type(2) .home-section-heading>span{color:#899caa}@media(max-width:370px){.brand-wordmark{font-size:31px}.brand-logo>svg{width:41px}.app-shell .home-section-heading{margin-left:20px;margin-right:20px;padding-right:10px}.app-shell .home-section-heading h2{font-size:16px;gap:6px}.app-shell .home-section-heading>span{font-size:9px;max-width:76px}}.review-screen{background:#f8f9fb;padding-bottom:120px;box-shadow:0 0 70px #2637470b;color:#253647}.review-screen .review-head{background:none;padding:22px 24px 20px}.review-screen .review-back{display:flex;align-items:center;gap:7px;padding:0 4px;background:none;border:0;border-radius:10px;color:#7b8897;font-size:12px;min-height:44px;margin-left:-4px}.review-back svg{width:18px;height:18px}.review-screen .review-head h1{font-size:28px;font-weight:650;line-height:1.38;letter-spacing:-1px;margin:24px 0 8px;word-break:keep-all}.review-screen .photo-preview{margin:12px 0 0;background:#edf1f6;padding:8px}.review-screen .review-controls{padding:0 24px;gap:6px;margin:3px 0 24px;align-items:center}.review-screen .review-controls button{display:flex;align-items:center;gap:7px;background:transparent;border:0;border-radius:12px;color:#8a95a2;font-size:13px;font-weight:500;min-height:42px;padding:10px 13px}.review-controls svg{width:15px;height:15px}.review-screen .review-controls button[aria-pressed=true]{background:#eaf1fa;color:#477cb5}.review-controls button span{font-variant-numeric:tabular-nums;font-size:11px;background:#fff9;padding:2px 6px;border-radius:6px}.review-screen .review-list{padding:0 24px}.review-screen .review-pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0;background:none;border:0;margin:0 0 23px;isolation:isolate}.review-screen .review-face{position:relative;min-height:154px;padding:28px 14px 22px;border-radius:18px;border:1px solid #e1e7ee;background:linear-gradient(145deg,#fff,#fcfdfe);box-shadow:0 3px #edf0f4,0 7px 18px #273e5906;display:flex;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere;word-break:keep-all}.review-screen .review-face:nth-child(2){background:linear-gradient(145deg,#f0f6fd,#eaf2fc);border-color:#dce6f2;box-shadow:0 3px #e1e9f3,0 7px 18px #273e5905}.review-screen .review-face strong{font-size:19px;line-height:1.55;font-weight:550;letter-spacing:-.45px;color:#30465c}.review-screen .review-face:nth-child(2) strong{color:#47709c}.review-screen .review-action{position:absolute;right:-9px;top:-10px;width:44px;height:44px;min-height:44px;border-radius:50%;padding:0;display:grid;place-items:center;background:none;color:#8b99a8;z-index:2;grid-column:auto;justify-self:auto}.review-action:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff;border:1px solid #e3e9f0;box-shadow:0 3px 8px #273e5910;z-index:-1}.review-action svg{width:16px;height:16px}.review-action:hover{color:#bd6e6e}.review-action:active{transform:scale(.93)}.review-screen .review-bottom{padding:16px 24px calc(18px + env(safe-area-inset-bottom));background:#f8f9fbef;border-top:1px solid #e8edf3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.review-screen .review-bottom .primary{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;min-height:54px;padding:16px 20px;font-size:14px;font-weight:600;background:#5289c6;box-shadow:0 4px 12px #5289c61a}.review-bottom .primary svg{width:19px;height:19px}.review-screen .review-bottom .primary:disabled{background:#dfe6ee;color:#9aa7b5;box-shadow:none;opacity:1}.review-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:230px;color:#8b99a8}.review-empty>svg{width:32px;height:32px;margin-bottom:20px;color:#b3bfcc}.review-empty strong{font-size:15px;font-weight:550;color:#64768a}.review-empty p{font-size:12px;line-height:1.8;margin-top:10px}.review-screen button{transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}@media(max-width:370px){.review-screen .review-head{padding-left:20px;padding-right:20px}.review-screen .review-head h1{font-size:26px}.review-screen .review-controls,.review-screen .review-list{padding:0 20px}.review-screen .review-face{padding-left:10px;padding-right:10px;min-height:145px}.review-screen .review-face strong{font-size:17px}.review-screen .review-bottom{padding-left:20px;padding-right:20px}}:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color:#253647;background:#edf0f2}body{font-family:inherit;background:#edf0f2;letter-spacing:-.025em;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}button:focus-visible,input:focus-visible{outline:3px solid #5999e8;outline-offset:4px}.app-shell{background:#f8f9fb;box-shadow:0 0 70px #2637470b;padding-bottom:112px}.app-shell .content{margin:0;border-radius:0;padding-top:0;background:transparent}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell strong{word-break:keep-all}.app-shell .notice{font-size:11px;color:#78818e;line-height:1.7}.app-shell .hero h1{font-size:33px;letter-spacing:-1.7px;font-weight:750;text-shadow:none}.app-shell .hero p{font-size:12px;letter-spacing:.01em;font-weight:450}.home-screen{background:#fcfaf6}.home-screen .hero{height:310px}.home-screen .content{background:#fcfaf6}.home-screen .creation-dock{margin-bottom:-13px;border-radius:22px;box-shadow:0 12px 30px #26374712}.creation-dock .searchbox input{font-size:13px;font-weight:450}.photo-create small{font-size:10px;font-weight:600}.home-screen .notice{font-size:10px;margin-top:-20px;margin-bottom:26px;color:#8c9197}.app-shell .section-heading{align-items:center;padding:0 24px;margin-bottom:14px}.app-shell .section-heading h2{font-size:19px;letter-spacing:-.6px;font-weight:650;line-height:1.4;color:#243645}.app-shell .section-heading>span{font-size:10px;letter-spacing:-.15px;color:#8b929a}.app-shell .deck-section{margin:26px 0 32px}.app-shell .deck-rail{padding:10px 24px 16px;gap:18px}.app-shell .case-caption{padding-top:16px;gap:6px}.app-shell .case-caption>strong{font-size:14px;font-weight:600;letter-spacing:-.3px}.app-shell .case-caption>span{font-size:11px;color:#8a929c}.app-shell .case-card strong{font-size:19px;font-weight:650;text-shadow:0 1px 8px #18314966;letter-spacing:-.5px}.app-shell .case-card small{letter-spacing:1px;font-weight:500}.app-shell .case-pocket{box-shadow:0 5px 12px #293d4d12,inset 0 1px #fff}.app-shell .case-pocket span{font-size:8px;font-weight:600;letter-spacing:1px}.page-header{padding:27px 24px 22px;background:transparent}.brand-mark{display:flex;align-items:center;gap:5px;color:#8592a0;font-size:12px;font-weight:600;letter-spacing:-.2px;margin-bottom:24px}.brand-mark svg{width:15px;height:15px;color:#6597c4}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading h1{font-size:29px;line-height:1.2;font-weight:700;letter-spacing:-1px;margin:0 0 10px}.page-heading p{font-size:13px;color:#89929c;margin:0;line-height:1.5}.page-symbol{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#edf1f6;color:#8c9eb2;flex-shrink:0}.page-symbol svg{width:24px;height:24px}.study-banner{display:flex;align-items:center;gap:13px;margin:4px 24px 32px;padding:19px 16px;background:linear-gradient(110deg,#eaf2fc,#eff5fb);border:1px solid #e2ebf7;border-radius:20px}.study-banner-icon{display:grid;place-items:center;background:#fff9;width:42px;height:42px;border-radius:14px;color:#568bc5}.study-banner strong{font-size:14px;font-weight:600;color:#3a5e85}.study-banner p{font-size:11px;color:#7e95ad;margin:6px 0 0}.app-shell .learning-choices{padding:0 24px 12px}.learning-choices h2{font-size:19px;font-weight:650;letter-spacing:-.6px;margin:0 0 18px}.learning-choices>button{border:1px solid #e9edf2;box-shadow:0 4px 18px #1e3c5603;margin:12px 0;padding:17px 16px;gap:14px;border-radius:19px;color:#304357}.learning-choices strong{font-size:14px;font-weight:600}.learning-choices small{font-size:11px;color:#8a949f;margin-top:7px}.learning-choices .method-symbol{width:46px;height:48px;border-radius:14px;background:#edf3fc;color:#638dc4;font-size:23px;font-weight:500;flex-shrink:0}.learning-choices .m1{background:#f2eefb;color:#9b85bd}.learning-choices b{color:#a5b1bd}.learning-choices b svg{width:18px}.learning-choices .notice{padding:4px 0;text-align:center;font-size:10px;color:#919aa3}.arcade-hub{padding:2px 24px 20px}.game-section-label{display:flex;justify-content:space-between;align-items:center;margin:8px 0 18px;font-size:13px;font-weight:550;color:#5c6a78}.game-section-label small{font-size:9px;letter-spacing:1.3px;font-weight:500;color:#98a2ab}.arcade-tile{min-height:224px;border:0;border-radius:22px;margin:0 0 18px;padding:25px 23px;box-shadow:0 7px 20px #223c5610;justify-content:flex-end;gap:9px}.arcade-tile>span{font-size:9px;letter-spacing:1.7px;font-weight:500;position:absolute;top:24px}.arcade-tile>strong{font-size:28px;font-weight:650;letter-spacing:-.8px}.arcade-tile>small{font-size:11px;font-weight:400;color:#e3edf5;max-width:82%}.arcade-tile>b{width:34px;height:34px;right:20px;bottom:25px}.arcade-tile>b svg{width:17px}.collection-summary{margin:4px 24px 20px;padding:21px 22px;border-radius:20px;background:#fff;border:1px solid #e8edf2;display:flex;justify-content:space-between;align-items:center}.collection-summary>span{display:flex;gap:9px;align-items:center;color:#8492a0;font-size:12px}.collection-summary svg{width:18px}.collection-summary>strong{font-size:26px;font-weight:650;letter-spacing:-1px}.collection-summary small{font-size:12px;font-weight:450;color:#8c98a4;margin-left:7px;letter-spacing:-.2px}.collection-filters{display:flex;gap:8px;padding:0 24px}.collection-filters button{min-height:36px;padding:8px 17px;border-radius:12px;background:#edf0f4;color:#9099a3;font-size:12px;font-weight:500}.collection-filters button[aria-pressed=true]{background:#314c65;color:#fff}.app-shell:has(.collection-filters) .deck-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;overflow:visible}.app-shell:has(.collection-filters) .case-stack{height:185px}.app-shell:has(.collection-filters) .section-heading>span{display:none}.mock-profile{padding:0 24px}.profile-welcome{display:flex;align-items:center;gap:12px;padding:8px 0 24px}.profile-avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;background:#e7edf5;color:#8198b1;flex-shrink:0}.profile-welcome h2{font-size:15px;font-weight:600;letter-spacing:-.4px;margin:0 0 6px}.profile-welcome p{font-size:11px;color:#919aa4;margin:0}.sample-label{font-size:10px;color:#8a96a4;border:1px solid #e0e6ed;padding:4px 7px;border-radius:6px;margin-left:auto}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e8edf2;border-radius:20px;padding:22px 6px;margin-bottom:24px}.profile-metrics>div{display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid #edf0f4}.profile-metrics>div:last-child{border:0}.profile-metrics span{font-size:10px;color:#939da8}.profile-metrics strong{font-size:25px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}.profile-metrics small{font-size:11px;font-weight:400;color:#96a1ad;margin-left:4px}.stats-panel{background:#fff;border:1px solid #e8edf2;border-radius:20px;box-shadow:none;padding:22px 20px;margin:18px 0}.stats-panel h3{font-size:15px;font-weight:600;letter-spacing:-.4px;margin-bottom:22px}.deck-stat{margin:20px 0}.deck-stat strong{font-size:12px;font-weight:550}.segments{height:7px;margin:11px 0 7px;gap:2px;background:#f1f3f6}.segments i:nth-child(1){background:#80b9ae}.segments i:nth-child(2){background:#dfc58e}.segments i:nth-child(3){background:#d7a5a0}.segments i:nth-child(4){background:#ecf0f4}.deck-stat p{font-size:10px;color:#98a1aa}.legend{display:flex;gap:15px;justify-content:center;border-top:1px solid #f1f3f5;padding-top:14px;font-size:9px}.legend span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#80b9ae;margin-right:4px}.legend span:nth-child(2):before{background:#dfc58e}.legend span:nth-child(3):before{background:#d7a5a0}.legend span:nth-child(4):before{background:#d8dfe5}.stats-panel .subtle{font-size:11px;color:#99a2ad;margin-top:-8px;margin-bottom:18px}.calendar{gap:6px}.calendar span{font-size:11px;height:32px;color:#98a1ad}.calendar small{font-size:10px;color:#adb4bd}.calendar .stamped{border:0;background:#edf4fc;color:#4e85bf;box-shadow:none;border-radius:10px;font-weight:600}.time-title{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.time-title>div{gap:0;background:#f1f4f8;border-radius:9px;padding:3px;margin:0}.time-title button{min-height:27px;padding:5px 8px;font-size:10px;background:none;border-radius:7px}.time-title button[aria-pressed=true]{background:#fff;color:#517fab;box-shadow:0 1px 5px #2030400a}.time-bars i{max-width:22px;background:linear-gradient(#aeccec,#7ba4d2);border-radius:5px 5px 2px 2px}.time-bars small,.time-bars>div{font-size:9px;color:#9da6b0}.mock-profile>.notice{text-align:center;font-size:10px;padding:4px 0;color:#a0a7af}.app-shell .floating-nav{background:#fffffff2;border-color:#fff;box-shadow:0 8px 35px #273e5914,0 1px 4px #273e5905;border-radius:25px;padding:7px 5px}.floating-nav button{font-size:10px;font-weight:500;gap:6px;color:#9aa5b1}.floating-nav button[aria-current]{font-weight:650;background:#edf4fd;color:#4c86c4}.floating-nav svg{width:21px;height:21px;stroke-width:1.6}.app-shell button{-webkit-tap-highlight-color:transparent}.deck-case:active,.arcade-tile:active{transform:scale(.98)}.app-shell .notice,.app-shell .section-heading>span,.deck-stat p,.profile-metrics span,.legend,.time-bars small,.time-bars>div{font-size:11px}.page-heading p,.study-banner p,.learning-choices small,.case-caption>span,.profile-welcome p{color:#737f8d}.app-shell .section-heading>span,.deck-stat p,.legend{color:#798592}.case-card:after{background:linear-gradient(transparent 25%,#102c486e 80%)}@media(max-width:370px){.page-header{padding:23px 20px 20px}.page-heading p{font-size:12px}.page-heading h1{font-size:27px}.home-screen .hero{height:285px}.app-shell .section-heading>span{font-size:10px}.app-shell .section-heading h2{font-size:18px}.app-shell .case-card strong{font-size:17px}.app-shell .case-stack{height:170px}.profile-welcome h2{font-size:14px}.mock-profile{padding:0 20px}.study-banner{margin-left:20px;margin-right:20px}.app-shell .learning-choices{padding-left:20px;padding-right:20px}}.app-shell.home-screen .home-section-heading{padding:12px 14px 12px 10px;min-height:54px}.app-shell.home-screen .home-section-heading h2{font-size:17px;color:#4c5149}.app-shell.home-screen .home-section-heading>span{font-size:10px;color:#9a8c72}@media(max-width:370px){.app-shell.home-screen .home-section-heading h2{font-size:16px}.app-shell.home-screen .home-section-heading>span{font-size:9px}}.home-logo .brand-logo{gap:2px;height:62px}.home-logo .brand-logo>svg{width:64px;height:64px;filter:drop-shadow(0 2px 5px #ad792f35)}.home-logo .brand-wordmark{font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:34px;letter-spacing:-1.3px;color:#24394d;text-shadow:0 1px 1px #fff8}.home-logo .brand-wordmark>span{color:#876731}.home-screen .hero:has(.home-logo)>p{font-size:13px;color:#4b5d69;margin-top:8px}.app-shell .page-heading{padding:18px;border:1px solid #dce6ef;border-radius:18px;background:linear-gradient(115deg,#e5eef6,#f5f8fb);box-shadow:inset 0 1px #fff}.app-shell .page-heading h1{font-size:27px}.app-shell .page-heading p{font-size:13px;color:#617487}.app-shell .page-symbol{background:#fff9}.app-shell:not(.home-screen) .section-heading{margin-left:24px;margin-right:24px;padding:13px 14px;background:linear-gradient(110deg,#e7eff5,#f7f9fb);border:1px solid #dfe8ef;border-left:3px solid #9cb5ca;border-radius:12px}.app-shell .learning-choices>h2,.app-shell .stats-panel h3,.app-shell .profile-welcome h2,.app-shell .game-section-label,.review-screen .review-head h1{background:linear-gradient(110deg,#e8eff6,#f4f7fa);border:1px solid #e0e8ef;border-left:3px solid #a2b9cd;border-radius:10px;padding:12px 14px}.app-shell .stats-panel h3{font-size:16px}.app-shell .time-title{flex-wrap:wrap;margin-bottom:16px}.app-shell .time-title h3{margin:0}.app-shell .profile-welcome h2{font-size:15px;padding:9px 10px}.app-shell .profile-welcome{flex-wrap:wrap}.app-shell .arcade-tile>strong{background:#13314d99;border:1px solid #ffffff30;border-radius:10px;padding:7px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.review-screen .review-head h1{padding:18px;font-size:27px}.app-shell .floating-nav{padding:4px 5px;background:#dce7f0f5;border:1px solid #bfcfdd;border-radius:21px;box-shadow:0 7px 24px #29415424,inset 0 1px #fff}.app-shell .floating-nav button{min-height:46px;padding:3px 0;gap:3px;font-size:13px;color:#536d83;border-radius:16px}.app-shell .floating-nav svg{width:19px;height:19px}.app-shell .floating-nav button[aria-current]{background:#fff;color:#326ca5;box-shadow:0 2px 6px #385b7e10}.app-shell small,.app-shell .notice,.app-shell .section-heading>span,.app-shell.home-screen .home-section-heading>span,.app-shell .case-caption>span,.app-shell .case-pocket span,.app-shell .brand-mark,.app-shell .study-banner p,.app-shell .learning-choices small,.app-shell .learning-choices .notice,.app-shell .arcade-tile>span,.app-shell .arcade-tile>small,.app-shell .game-section-label small,.app-shell .collection-summary>span,.app-shell .collection-filters button,.app-shell .profile-welcome p,.app-shell .sample-label,.app-shell .profile-metrics span,.app-shell .deck-stat p,.app-shell .legend,.app-shell .stats-panel .subtle,.app-shell .calendar span,.app-shell .calendar small,.app-shell .time-title button,.app-shell .time-bars>div,.app-shell .time-bars small,.app-shell .mock-profile>.notice,.review-screen .review-back,.review-screen .review-controls button span,.review-screen .review-empty p{font-size:13px;line-height:1.5}.app-shell .notice,.app-shell .case-caption>span,.app-shell .deck-stat p,.app-shell .legend,.app-shell .stats-panel .subtle,.app-shell .calendar span,.app-shell .calendar small,.app-shell .time-bars small,.app-shell .time-bars>div,.app-shell .profile-metrics span{color:#657687}.app-shell.home-screen .home-section-heading>span{color:#7c6b4f;max-width:112px}.app-shell .section-heading{flex-wrap:wrap}.app-shell .section-heading>span{color:#6d8091}.app-shell .case-pocket span{letter-spacing:.3px;font-size:13px}.app-shell .case-card small{display:none}.app-shell .case-card strong{margin-bottom:24px}.app-shell .photo-create small{font-size:13px}.app-shell .creation-dock .searchbox input{font-size:14px;padding-left:10px}.app-shell .creation-dock .photo-create{justify-content:center}.app-shell .creation-dock .searchbox{height:72px}.app-shell .creation-dock .searchbox button{top:16px}.app-shell .home-section-heading>span{white-space:normal}.app-shell .legend{gap:10px;flex-wrap:wrap}.app-shell .time-title button{padding:5px 10px}.app-shell .time-bars{height:150px}.app-shell .profile-metrics small{font-size:13px}.app-shell .arcade-tile>span{letter-spacing:1px}.app-shell .arcade-tile>small{max-width:80%}.app-shell .collection-summary small{font-size:13px}@media(max-width:370px){.home-logo .brand-logo>svg{width:58px;height:58px}.home-logo .brand-wordmark{font-size:31px}.app-shell.home-screen .home-section-heading>span{font-size:13px;max-width:95px}.app-shell .page-heading{padding:14px}.app-shell .page-header{padding-left:20px;padding-right:20px}.app-shell .creation-dock{grid-template-columns:minmax(0,1.65fr) minmax(100px,1fr)}.app-shell .creation-dock .searchbox input{font-size:13px;padding-right:38px}.app-shell .creation-dock .searchbox button{width:31px;right:5px}.app-shell .stats-panel{padding:18px 14px}}.app-shell .deck-rail,.app-shell:has(.collection-filters) .deck-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;overflow:visible;scroll-snap-type:none;padding:10px 24px 16px}.app-shell .deck-case{width:100%;min-width:0}.app-shell .case-stack,.app-shell .featured .case-stack,.app-shell:has(.collection-filters) .case-stack{height:190px}.app-shell .case-caption{padding-top:14px}.app-shell .page-header{padding:18px 24px 20px}.app-shell .page-heading{position:relative;display:flex;align-items:center;gap:10px;min-height:66px;padding:9px 12px;border-radius:17px;border:1px solid #e5d5b3;background:linear-gradient(110deg,#f5e6c5,#fff8e9 65%,#f9ecd0);box-shadow:inset 0 1px #fffdf5,0 4px 12px #876b3110}.app-shell .page-heading:after{content:"";position:absolute;left:61px;right:69px;bottom:8px;height:1px;background:linear-gradient(90deg,#d7b87888,transparent);pointer-events:none}.app-shell .page-heading>h1{flex:1;margin:0;font-size:25px;font-weight:700;line-height:1.2;letter-spacing:-.8px;color:#35495a}.title-star{width:39px;height:43px;display:block;flex-shrink:0}.title-star .brand-logo{display:block;height:100%}.title-star .brand-logo>svg{width:43px;height:43px;filter:drop-shadow(0 2px 3px #a8752425)}.title-star .brand-wordmark{display:none}.app-shell .page-symbol{width:40px;height:40px;border-radius:13px;border:1px solid #fff9;box-shadow:0 2px 5px #785e2710}.app-shell .page-symbol svg{width:23px;height:23px;stroke-width:1.9}.app-shell .symbol-study{background:#dfecfb;color:#417cb9}.app-shell .symbol-game{background:#eee3fa;color:#9565bf}.app-shell .symbol-archive{background:#dff1e7;color:#498b73}.app-shell .symbol-user{background:#fbe3d6;color:#ba7956}.app-shell .collection-summary{gap:10px}.app-shell .collection-summary>strong{display:flex;align-items:baseline;gap:6px}.app-shell .collection-summary small{margin-left:0;white-space:nowrap}@media(max-width:370px){.app-shell .page-header{padding:14px 20px 18px}.app-shell .page-heading{padding:8px 10px;min-height:62px}.app-shell .page-heading>h1{font-size:24px}.app-shell .deck-rail,.app-shell:has(.collection-filters) .deck-rail{padding-left:20px;padding-right:20px;gap:25px 14px}.app-shell .case-stack,.app-shell .featured .case-stack,.app-shell:has(.collection-filters) .case-stack{height:174px}.app-shell .collection-summary{padding:18px 14px}}.app-shell .study-overview{margin:2px 24px 28px;padding:20px;border-radius:20px;border:1px solid #d9e7f3;background:linear-gradient(130deg,#e7f1fc,#f8fbff);box-shadow:inset 0 1px #fff}.overview-heading,.overview-summary,.card-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.overview-heading>span{font-size:15px;font-weight:600;color:#3d6288}.overview-heading>strong{font-size:31px;font-weight:700;letter-spacing:-1px;color:#457eaf}.overview-heading small{margin-left:3px;font-size:15px}.progress-track{height:8px;overflow:hidden;border-radius:8px;background:#dce6ef}.progress-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#79b9ae,#4e9eac);transition:width .35s ease}.study-overview>.progress-track{height:10px;margin:14px 0}.overview-summary{font-size:13px;color:#71879b;flex-wrap:wrap}.overview-summary b{color:#3f6c90;font-weight:600}.study-overview>p{font-size:13px;color:#7590a6;margin:15px 0 0}.card-progress{width:100%;margin:4px 0 5px}.card-progress>div:first-child{font-size:13px;color:#778999;margin-bottom:7px}.card-progress strong{font-size:13px;font-weight:650;color:#4f8e9b}.card-progress small{display:block;margin-top:7px;font-size:13px;color:#798999}.card-progress .progress-track{height:6px;background:#e2e9ee}.app-shell .case-caption{gap:6px}.app-shell .profile-welcome{padding:3px 0 20px}.app-shell .profile-welcome h2{margin-bottom:9px}@media(max-width:370px){.app-shell .study-overview{margin-left:20px;margin-right:20px;padding:17px}.overview-summary{font-size:13px}}.ai-status{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:44px 16px;margin-bottom:20px;border-radius:18px;background:#fff;border:1px solid #e1e7ee;color:#30465c}.ai-status strong{font-size:15px;font-weight:600;word-break:keep-all}.ai-status p{font-size:12px;line-height:1.8;color:#8a95a2;margin:0}.ai-status.error{background:#fff7f6;border-color:#f0d6d2}.ai-status.error strong{color:#9d5d55;line-height:1.6}.ai-status.error button{margin-top:4px;border-radius:12px;padding:10px 18px;background:#5289c6;color:#fff;font-size:13px;font-weight:600}.ai-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #e2ebf6;border-top-color:#5289c6;animation:ai-spin .9s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-notice{font-size:12px;line-height:1.7;color:#6b7f95;background:#eef4fb;border-radius:12px;padding:10px 14px;margin:0 0 18px}.review-flag{position:absolute;left:10px;top:9px;font-style:normal;font-size:10px;font-weight:600;color:#a0743a;background:#fff3dc;border-radius:6px;padding:2px 6px}