@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900;1000&display=swap');
:root{--ink:#20202a;--muted:#7d7b88;--orange:#ffb927;--orange2:#ff8f39;--cream:#fff9f1;--panel:#fff;--border:#eee5d6;--pink:#ff69a5;--violet:#8b6bec;--green:#41b987;--red:#ec6761;--radius:22px;--shadow:0 8px 26px #4d36120d;--font:'Nunito',ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font:600 15px/1.5 var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a182ff;outline-offset:3px}a{color:inherit;text-decoration:none}img{max-width:100%}.layout{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;box-shadow:3px 0 24px #463b3010;padding:27px 17px;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:9px;padding:4px 2px 22px}.brand-mark{width:73px;height:73px;flex:none}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-caption{line-height:1.06}.brand-caption b{font-weight:1000;font-size:17px;letter-spacing:-.65px}.brand-caption small{display:block;margin-top:7px;color:var(--muted);font-size:10px;font-weight:800}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#b7a8a3;margin:15px 13px 13px;font-weight:1000}.desktop-nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:15px;color:#777582;font-size:14px;font-weight:900;transition:.2s}.nav-item .nav-icon{width:20px;text-align:center;font-size:19px;line-height:1}.nav-item.active{color:#241b19;background:#ffedb7;box-shadow:inset 0 0 0 1px #ffe0a2}.nav-item:hover:not(.active){background:#f7f4f0;color:#333}.sidebar-bottom{margin-top:auto}.tiny-dj{display:flex;align-items:center;background:#fff3d9;border-radius:17px;padding:6px 10px 5px;gap:6px}.tiny-dj img{width:53px;height:61px;object-fit:contain}.tiny-dj span{font-size:11px;font-weight:900}.sidebar-bottom p{font-size:10px;color:#b8b1a9;text-align:center;margin-top:13px}.workspace{min-width:0}.topbar{height:82px;padding:0 39px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fffaf6}.topbar-left{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:1000}.topbar-left b{color:#f1a219}.star-mark{color:#efa516;font-size:23px}.topbar-domain{font-size:12px;font-weight:700;color:#aba4a0;margin-left:13px}.topbar-actions{display:flex;align-items:center;gap:15px}.header-progress{font-size:12px;color:#7c7880;font-weight:900}.round-button{width:38px;height:38px;border:1px solid var(--border);border-radius:12px;background:#fff;display:grid;place-items:center;font-size:20px;color:var(--ink)}main{max-width:1280px;margin:0 auto;padding:35px 38px 70px;min-height:calc(100vh - 170px)}.footer{font-size:12px;text-align:center;color:#ad9e91;padding:0 18px 22px}.footer b{color:#dd9324}.mobile-nav{display:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:1000;color:#c38b22}.heading{font-weight:1000;font-size:clamp(27px,3.2vw,39px);line-height:1.16;letter-spacing:-1.2px;margin:8px 0 9px}.subhead{color:var(--muted);font-size:14px;font-weight:700;margin:0 0 26px}.lead{max-width:760px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px}.heading-row .heading{margin:0}.hero{background:linear-gradient(115deg,#ffdb81 0%,#ffbf4f 45%,#ffb02f 100%);border:1px solid #f6b14d;border-radius:29px;min-height:330px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);align-items:center;position:relative;overflow:hidden;box-shadow:0 14px 36px #f1aa5329}.hero::before,.hero::after{content:'';position:absolute;border-radius:50%;border:2px solid #fff8cc55;width:280px;height:280px;right:14px;top:-155px}.hero::after{width:450px;height:450px;right:-260px;top:45px}.hero-copy{z-index:1;padding:36px 0 33px 42px}.hero-kicker{display:inline-flex;background:#fff7e3;border-radius:50px;padding:7px 14px;color:#7d541a;font-size:11px;font-weight:1000;letter-spacing:.8px}.hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.08;font-weight:1000;letter-spacing:-1.8px;margin:17px 0 12px;max-width:590px}.hero h1 em{font-style:normal;color:#fff;text-shadow:0 2px 0 #d78c26}.hero p{font-size:14px;color:#5e4829;max-width:510px;font-weight:800;margin:0 0 23px}.hero .actions{display:flex;gap:10px;flex-wrap:wrap}.hero-img{z-index:1;align-self:end;justify-self:center;width:min(100%,360px);max-height:325px;object-fit:contain;filter:drop-shadow(0 15px 10px #bd781d20)}.btn{border:0;background:var(--ink);color:#fff;border-radius:14px;padding:13px 20px;font-size:13px;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;transition:transform .16s,box-shadow .16s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 13px #26191620}.btn.light{background:#fff;color:var(--ink)}.btn.pink{background:var(--pink);color:#fff}.btn.yellow{background:#ffb827;color:#291e09}.btn.ghost{background:#f8f4ee;color:#333}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.small{padding:9px 13px;min-height:36px;font-size:12px;border-radius:11px}.section-title{font-size:23px;letter-spacing:-.6px;margin:0 0 15px;font-weight:1000}.block-space{margin-top:32px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:21px 0}.stat{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px 18px 15px;box-shadow:var(--shadow);min-width:0}.stat .stat-icon{font-size:21px}.stat strong{display:block;font-size:31px;line-height:1.12;letter-spacing:-1px;margin:11px 0 4px;font-weight:1000}.stat span{font-size:12px;color:var(--muted);font-weight:800}.home-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:22px;min-width:0}.panel-title{font-size:17px;font-weight:1000;margin:0 0 15px}.progressbar{height:11px;border-radius:20px;background:#f1ede4;overflow:hidden}.progressbar>div{height:100%;background:linear-gradient(90deg,#ffa724,#ffd35e);transition:width .4s;border-radius:20px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:10px}.home-topic{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3ede6;text-align:left;width:100%;background:none;border-left:0;border-right:0;border-top:0}.home-topic:last-child{border-bottom:0}.home-topic .emoji{width:43px;height:43px;background:#fff2d6;border-radius:13px;display:grid;place-items:center;font-size:21px}.home-topic b{display:block;font-weight:1000}.home-topic small{color:var(--muted);font-size:11px}.home-topic .arrow{margin-left:auto;font-size:22px;color:#bbb}.speech-card{min-height:170px;background:#f2eaff;border:1px solid #e2d2ff;padding:19px;border-radius:22px;position:relative;overflow:hidden}.speech-card img{position:absolute;right:-7px;bottom:-18px;width:135px;max-height:170px;object-fit:contain}.speech-card b{font-size:17px;display:block;max-width:67%}.speech-card p{font-size:12px;max-width:62%;color:#746389}.speech-card .tiny{font-size:10px;letter-spacing:1px;color:#a882d4;text-transform:uppercase;font-weight:1000}.note-card{display:flex;gap:15px;align-items:center;margin-top:14px;background:#e9f8ed;border:1px solid #d5eedf;border-radius:18px;padding:16px 17px}.note-card .emoji{font-size:26px}.note-card b{font-size:13px}.note-card p{margin:3px 0 0;color:#657d6d;font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.quick{display:flex;min-height:145px;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--shadow);background:white;text-align:left}.quick:nth-child(2){background:#fff0f4}.quick:nth-child(3){background:#f3efff}.quick .big{font-size:30px}.quick b{font-size:17px;font-weight:1000;margin:12px 0 3px}.quick span:last-child{font-size:12px;color:var(--muted)}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{background:#fff;border:1px solid var(--border);border-radius:50px;color:#6b6368;padding:8px 14px;font-size:12px;font-weight:900}.chip.selected{background:var(--ink);border-color:var(--ink);color:#fff}.searchline{position:relative;margin:6px 0 18px}.searchline span{position:absolute;top:12px;left:15px;color:#958e8a}.searchline input{width:100%;border:1px solid var(--border);background:#fff;border-radius:14px;padding:13px 15px 13px 40px;outline:none;color:var(--ink)}.ticket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ticket{background:#fff;border:1px solid #eee4d7;border-radius:20px;padding:18px;position:relative;display:flex;flex-direction:column;min-height:196px;box-shadow:var(--shadow);text-align:left;transition:transform .2s,box-shadow .2s}.ticket:hover{transform:translateY(-3px);box-shadow:0 10px 25px #60452c18}.ticket-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.tag{display:inline-block;border-radius:7px;padding:5px 8px;font-size:10px;letter-spacing:.2px;font-weight:1000;background:#fff2d4;color:#a16c17}.tag.pinktag{background:#ffe6f0;color:#be4f80}.tag.purpletag{background:#efe9ff;color:#7b58c8}.tag.greentag{background:#e4f8ef;color:#178f60}.status-dot{height:9px;width:9px;border-radius:50%;background:#c7c1bb;display:inline-block}.status-dot.learned{background:#36b88c}.status-dot.review{background:#efad36}.ticket h3{margin:17px 0 7px;font-size:17px;line-height:1.24;letter-spacing:-.3px;font-weight:1000}.ticket p{font-size:12px;color:var(--muted);margin:0 0 14px;font-weight:700;flex:1}.ticket-bottom{display:flex;justify-content:space-between;font-size:11px;color:#9f978f;font-weight:900}.back-link{display:inline-flex;align-items:center;gap:8px;color:#9b7e56;font-weight:1000;font-size:12px;margin-bottom:18px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.lesson-main .panel{margin-bottom:16px}.lesson-main h2{font-size:clamp(25px,3vw,35px);letter-spacing:-1px;font-weight:1000;line-height:1.17;margin:9px 0 12px}.lesson-short{font-size:19px;font-weight:900;line-height:1.5}.lesson-section-title{font-size:13px;font-weight:1000;color:#9c8571;letter-spacing:.8px;text-transform:uppercase;margin:0 0 10px}.highlight-panel{background:#fff1cb;border:1px solid #ffe3a5;border-radius:22px;padding:22px;margin-bottom:15px}.highlight-panel p{margin:0}.keyrow{display:flex;flex-wrap:wrap;gap:7px}.key{padding:7px 11px;background:#fff;border:1px solid #e4e0d8;border-radius:10px;font-size:12px;font-weight:1000}.story-box{border-radius:20px;background:#f0eaff;border:1px solid #e0d7fb;padding:19px}.story-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:1000}.story-header img{width:46px;height:46px;object-fit:contain}.story-box p{font-weight:800;margin:0}.exam-answer{line-height:1.65;color:#4c4751}.disclosure{width:100%;border:0;background:#f6f4f1;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:15px;border-radius:13px;font-weight:1000}.disclosure-content{padding:15px 3px 0}.answer-option{display:block;width:100%;background:#fff;text-align:left;border:1px solid #e6e0d8;border-radius:13px;padding:12px 15px;margin-bottom:8px;font-size:13px;font-weight:900;transition:.15s}.answer-option:hover{border-color:#ffa927;background:#fffaf1}.answer-option.chosen{border-color:#eaa61d;background:#fff0c9}.answer-option.correct{border-color:#32b881;background:#e7f9f0;color:#147c52}.answer-option.wrong{border-color:#e9878a;background:#ffebeb}.result-note{background:#fff5d9;border-radius:13px;padding:13px 15px;font-size:13px;font-weight:900;margin-top:10px}.result-note.good{background:#dff7e7;color:#176c4b}.lesson-aside{display:flex;flex-direction:column;gap:14px}.lesson-aside .panel{margin:0}.side-char{background:#fff0f5;border:1px solid #ffd8e7;border-radius:21px;overflow:hidden;text-align:center;padding:10px 13px 18px}.side-char img{height:167px;width:100%;object-fit:contain}.side-char b{display:block;font-size:15px}.side-char p{font-size:12px;color:#a17283;margin:6px 0 0}.progress-actions{display:grid;gap:9px}.progress-actions button{width:100%}.source-buttons{display:flex;flex-wrap:wrap;gap:7px}.source-ref{border:1px solid #e9e2d7;background:#fff9ef;padding:8px 11px;border-radius:10px;font-size:12px;font-weight:1000}.table-card{margin-bottom:17px}.table-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:15px}.table-head h2{margin:0;font-size:21px;line-height:1.25}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.scroll-table{width:100%;overflow-x:auto;border:1px solid #eee6da;border-radius:15px}.study-table{width:100%;border-collapse:collapse;font-size:13px;min-width:480px}.study-table th{text-align:left;background:#fff2cf;padding:12px 14px;font-weight:1000;border-bottom:1px solid #eedeb8}.study-table td{padding:12px 14px;border-bottom:1px solid #f0ece6;vertical-align:top}.study-table tr:last-child td{border-bottom:0}.study-table td:first-child{font-weight:1000}.covered-cell{padding:6px 12px;background:#efeaf9;color:#8a6ec7;border-radius:8px;border:1px dashed #b09ce8;font-size:11px;font-weight:900}.table-note{background:#f9f5ec;border-radius:11px;padding:12px 15px;font-size:12px;margin-top:13px;color:#806d5c}.exam-scene{background:linear-gradient(115deg,#ffe3ef,#fff1f8);border-radius:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.65fr);overflow:hidden;align-items:center;min-height:246px;border:1px solid #ffcade}.exam-scene-copy{padding:29px 0 29px 29px}.exam-scene h2{font-size:30px;line-height:1.1;letter-spacing:-.8px;font-weight:1000;margin:10px 0 10px}.exam-scene p{font-size:13px;max-width:400px;color:#87687a}.exam-scene img{height:242px;width:100%;object-fit:contain;align-self:end}.exam-ticket{background:white;border:2px dashed #e5d8c7;border-radius:20px;padding:25px;margin-top:20px}.exam-ticket .number{display:inline-block;background:#ffe6ef;border-radius:100px;padding:5px 11px;color:#a04370;font-size:11px;font-weight:1000}.exam-ticket h3{font-size:24px;font-weight:1000;margin:15px 0 10px;line-height:1.2}.exam-ticket p{font-size:14px;color:var(--muted)}.form-label{display:block;font-size:13px;font-weight:1000;margin:17px 0 8px}.answer-text{width:100%;padding:14px;border:1px solid #ded6ca;background:#fff;border-radius:14px;min-height:125px;resize:vertical;outline:none;font-size:14px}.meter{height:10px;background:#eee9e2;border-radius:20px;overflow:hidden;margin:12px 0}.meter>div{height:100%;background:#50c797;border-radius:20px}.quiz-panel{max-width:760px;margin:0 auto}.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.question-card{background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:25px}.question-card h2{font-size:25px;margin:14px 0 18px;line-height:1.24;font-weight:1000}.quiz-result{text-align:center;padding:35px 15px}.quiz-result img{width:190px;height:190px;object-fit:contain}.quiz-result strong{font-size:38px;display:block}.quiz-progress{height:9px;background:#eee7df;border-radius:20px;overflow:hidden}.quiz-progress>div{height:100%;background:linear-gradient(90deg,#ffa421,#ffce5d);border-radius:20px;transition:width .2s}.setting-list{display:grid;gap:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border);border-radius:16px;padding:15px;background:white}.setting-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.source-dialog{border:0;border-radius:18px;max-width:min(960px,96vw);width:94vw;max-height:93vh;padding:14px;box-shadow:0 30px 100px #0009}.source-dialog::backdrop{background:#17151ccc}.source-dialog img{display:block;max-height:76vh;object-fit:contain;margin:auto;border-radius:10px}.source-modal-bar,.source-controls{display:flex;justify-content:space-between;align-items:center;padding:5px 6px 11px}.source-controls{justify-content:center;gap:15px;padding:9px 0 0}.pill-button{border:1px solid #e7ddd0;background:#f7f3ee;padding:8px 15px;border-radius:20px;font-size:12px;font-weight:900}.toast{position:fixed;right:25px;bottom:23px;z-index:60;background:#252028;color:#fff;border-radius:15px;max-width:min(380px,calc(100vw - 40px));padding:14px 18px;box-shadow:0 12px 35px #0003;display:none;font-size:13px;font-weight:900}.toast.visible{display:block}.no-results{text-align:center;color:var(--muted);background:white;padding:45px;border-radius:20px}.inline-note{font-size:12px;color:#948877;margin-top:12px}.table-intro{max-width:700px}.print-only{display:none}@media(max-width:1150px){.ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-img{max-height:300px}.hero{grid-template-columns:1.2fr .8fr}.home-grid{grid-template-columns:1fr}.home-grid>.panel:last-child{display:grid;grid-template-columns:1fr 1fr;gap:13px}.home-grid>.panel:last-child .panel-title{grid-column:1/-1}.stat-grid{gap:10px}}
@media(max-width:820px){.layout{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 17px}.topbar-domain{display:none}.topbar-left{font-size:12px}.header-progress{font-size:11px}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;grid-template-columns:repeat(5,1fr);padding:9px 6px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eadfce;box-shadow:0 -6px 20px #57493611;z-index:30}.mobile-link{display:flex;align-items:center;flex-direction:column;gap:2px;font-size:9px;font-weight:1000;color:#8e8583;padding:4px 0 3px;border-radius:12px}.mobile-link .nav-icon{font-size:20px}.mobile-link.active{color:#c58812;background:#fff4d7}.mobile-link span:last-child{white-space:nowrap}main{padding:23px 17px 112px}.footer{padding:0 15px 104px;font-size:10px}.hero{min-height:285px;grid-template-columns:1fr .58fr}.hero-copy{padding:26px 0 26px 25px}.hero h1{font-size:32px}.hero-img{max-height:262px}.lesson-layout{grid-template-columns:1fr}.lesson-aside{display:grid;grid-template-columns:1fr 1fr}.side-char{display:none}.lesson-aside .panel:first-of-type{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.exam-scene{grid-template-columns:1fr 190px}}
@media(max-width:570px){.hero{display:block;min-height:440px}.hero-copy{padding:26px 25px 0}.hero h1{font-size:34px;max-width:360px}.hero p{max-width:340px;margin-bottom:18px}.hero-img{position:absolute;right:0;bottom:-8px;width:205px;height:210px;object-fit:contain;opacity:.98}.hero .actions{position:relative;z-index:2;max-width:220px}.hero .btn{min-height:42px;font-size:12px;padding:11px 15px}.stat{padding:15px}.stat strong{font-size:26px}.home-grid>.panel:last-child{display:block}.quick-grid{grid-template-columns:1fr 1fr}.quick:last-child{grid-column:1/-1}.ticket-grid{grid-template-columns:1fr}.ticket{min-height:165px}.heading-row{align-items:flex-start}.heading{font-size:28px}.subhead{font-size:13px}.panel{padding:17px}.lesson-short{font-size:17px}.lesson-aside{grid-template-columns:1fr}.exam-scene{grid-template-columns:1fr 130px;min-height:220px}.exam-scene-copy{padding:22px 0 22px 17px}.exam-scene h2{font-size:23px}.exam-scene p{font-size:12px}.exam-scene img{height:210px}.exam-ticket{padding:17px}.question-card{padding:19px}.question-card h2{font-size:22px}.topbar-actions{gap:7px}.header-progress{display:none}.source-dialog{width:98vw;padding:8px}.source-controls{gap:7px}.source-controls button{padding:7px 10px}.table-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.mobile-nav,.footer,.source-dialog,.toast,.btn,.chip-row,.searchline,.lesson-aside,.disclosure,.quiz-panel{display:none!important}.layout{display:block}main{padding:0}.panel{box-shadow:none;break-inside:avoid}.print-only{display:block}}

.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.person{background:white;border:1px solid var(--border);border-radius:19px;display:flex;align-items:center;gap:12px;padding:12px 14px;min-width:0}.person img{height:94px;width:80px;object-fit:contain;flex:none}.person b{display:block;font-weight:1000;font-size:15px}.person span{font-size:12px;color:var(--muted);display:block}@media(max-width:1050px){.people-grid{grid-template-columns:1fr}.person img{width:80px;height:90px}}@media(max-width:570px){.people-grid{grid-template-columns:1fr}.person img{width:76px;height:82px}}


/* Version 2.0: comics, character ensemble and practice modes */
.cast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cast-card{min-width:0;min-height:170px;display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:21px;overflow:hidden;gap:7px;padding:10px 12px}.cast-card img{width:42%;height:153px;object-fit:contain;flex:none;border-radius:16px}.cast-card b{font-size:17px;display:block;font-weight:1000}.cast-card small{display:block;font-size:11px;color:#8b7765;margin-top:3px;font-weight:850}.cast-card p{color:#675e58;font-size:12px;line-height:1.4;margin:8px 0 0}.cast-card.pink{background:#fff0f5}.cast-card.sun{background:#fff7de}.cast-card.violet{background:#f2ebff}.cast-card.sky{background:#e8f7fd}.cast-card.peach{background:#fff0e1}.concept-tag{display:inline-flex;margin-top:6px;font-size:10px;color:#8a6f5e;background:#ffffffb7;border:1px solid #eee1d5;border-radius:8px;padding:3px 6px}.feature-comic{display:flex;align-items:center;justify-content:space-between;border-radius:24px;background:linear-gradient(105deg,#fff0b6,#ffd36f);border:1px solid #f2c258;overflow:hidden;padding:25px 28px;gap:25px}.feature-comic b{font-size:25px;font-weight:1000}.feature-comic p{font-size:14px;max-width:440px;margin:8px 0 19px}.feature-comic img{height:195px;max-width:40%;object-fit:contain}.comic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.comic-tile{border:1px solid var(--border);border-radius:21px;background:white;overflow:hidden;text-align:left;display:flex;flex-direction:column;min-height:340px;cursor:pointer;transition:transform .18s,box-shadow .18s}.comic-tile:hover{transform:translateY(-4px);box-shadow:0 15px 30px #39270412}.comic-thumb{height:180px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 65% 36%,#fff6d5,#ffdc9b)}.comic-tone-1{background:linear-gradient(130deg,#e8e4fe,#f5e5f5)}.comic-tone-2{background:linear-gradient(130deg,#d3edfa,#fff0cf)}.comic-tone-3{background:linear-gradient(130deg,#ffdbd1,#ffd98f)}.comic-thumb img{height:172px;max-width:90%;object-fit:contain;filter:drop-shadow(0 7px 3px #493b2815)}.comic-num{position:absolute;top:12px;left:12px;font-size:10px;font-weight:1000;border-radius:99px;background:#ffffffb8;padding:6px 10px}.comic-tile-body{padding:17px;display:flex;flex-direction:column;flex:1}.comic-tile-body small{color:#92785b;font-weight:900;font-size:11px}.comic-tile-body h3{font-size:19px;margin:10px 0 7px;line-height:1.17}.comic-tile-body p{color:#6c6360;font-size:12px;line-height:1.5;flex:1;margin:0 0 10px}.comic-tile-body>b{font-size:12px}.comic-progress{height:9px;background:#ebe4da;border-radius:9px;margin:17px 0 20px;overflow:hidden}.comic-progress span{display:block;height:100%;background:#ffb733;border-radius:9px;transition:width .3s}.comic-reader{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.comic-frame{min-height:260px;border:3px solid #282326;border-radius:22px;position:relative;overflow:hidden;display:flex;align-items:flex-end;gap:6px;padding:15px;background:linear-gradient(125deg,#ffecae,#ffd06b)}.comic-frame.scene-1{background:linear-gradient(130deg,#dfedfd,#d5cafa)}.comic-frame.scene-2{background:linear-gradient(130deg,#ffe7d9,#ffc6c8)}.comic-frame.scene-3{background:linear-gradient(130deg,#d0f3e1,#c9e9f8)}.comic-frame img.frame-person{height:205px;max-width:42%;width:42%;object-fit:contain;align-self:flex-end;filter:drop-shadow(0 8px 5px #26211b23)}.frame-index{position:absolute;top:13px;left:13px;border-radius:99px;background:#262023;color:white;padding:6px 10px;font-size:10px;font-weight:1000}.frame-dialog{background:#fffffff0;border:2px solid #302729;border-radius:20px 20px 20px 3px;padding:15px;flex:1;z-index:1;margin-bottom:32px;box-shadow:4px 5px 0 #28202213}.frame-dialog b{font-size:12px;color:#927333}.frame-dialog p{font-size:18px;font-weight:1000;line-height:1.22;margin:7px 0}.frame-dialog small{font-size:12px;color:#72675f;line-height:1.35;display:block}.comic-controls{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.comic-takeaway{padding:24px;background:#fff9ea;border:2px solid #f8d77b;border-radius:24px}.comic-takeaway h2{font-size:24px;margin:12px 0 7px}.comic-takeaway p{line-height:1.65;font-weight:850}.comic-takeaway .source-buttons{margin-top:18px}.comic-inline-open{display:block;width:100%;margin:4px 0 15px;padding:16px;border-radius:16px;border:1px solid #e2a224;background:linear-gradient(95deg,#ffefd0,#ffd36f);font-size:14px;font-weight:1000;text-align:left;color:#30221c}.comic-inline-open:hover{filter:brightness(.98)}.test-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:21px 0 25px}.mode-card{text-align:left;min-height:195px;padding:23px 19px;background:#fff;border:1px solid var(--border);border-radius:19px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:transform .18s,background .18s}.mode-card:hover{transform:translateY(-3px);background:#fff9ea}.mode-emoji{font-size:33px}.mode-card b{font-size:17px;margin-top:10px}.mode-card p{font-size:12px;line-height:1.48;color:#776e65;flex:1}.mode-card>span:last-child{font-size:12px;font-weight:1000}.fill-input{display:block;width:100%;font-size:19px;font-weight:850;border-radius:14px;border:1px solid #d8cbb9;background:white;padding:14px 17px;margin-bottom:12px}.matching-list{display:grid;gap:10px;margin-bottom:22px}.match-row{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:10px;padding:12px;border:1px solid #eee0c7;border-radius:13px;background:#fffaf1}.match-row b{font-size:14px}.match-row select{width:100%;padding:10px;border:1px solid #e0d6ca;border-radius:10px;background:white;min-width:0}.match-row small{grid-column:1/-1;color:#6d7157}.back-button{padding:0;background:none;border:0;cursor:pointer}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.notes-grid button{background:white;border:1px solid var(--border);padding:11px;border-radius:18px;text-align:center;cursor:pointer}.notes-grid img{width:100%;height:230px;object-fit:contain;border-radius:8px;background:#f8f5ee}.notes-grid b{display:block;padding:7px;font-size:13px}
@media(max-width:1150px){.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-grid,.test-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-link{font-size:9px}.mobile-link .nav-icon{font-size:18px}.comic-reader{grid-template-columns:1fr}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.cast-grid{grid-template-columns:1fr}.cast-card{min-height:140px}.cast-card img{width:37%;height:142px}.comic-grid,.test-mode-grid{grid-template-columns:1fr}.comic-frame{min-height:230px}.comic-frame img.frame-person{height:180px}.frame-dialog p{font-size:16px}.feature-comic{padding:17px;gap:4px}.feature-comic img{max-width:38%;height:130px}.feature-comic b{font-size:19px}.feature-comic p{font-size:12px}.matching-list .match-row{grid-template-columns:1fr}.notes-grid img{height:160px}.mobile-link{font-size:8px}.mobile-link .nav-icon{font-size:17px}}
@media print{.comic-controls,.test-mode-grid,.back-link,.mode-card{display:none!important}.comic-reader{display:block}.comic-frame{break-inside:avoid;margin:10px 0}.comic-takeaway{break-inside:avoid}}

/* 2.1: card-style character line with the user's own Karina and Tigran stickers. */
.hero-roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0 23px}
.roster-person{min-width:0;overflow:hidden;border:1px solid #eee0cb;border-radius:18px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;background:#fff8e5;padding:9px 8px 10px;box-shadow:0 5px 14px #593b1408;text-align:center}
.roster-person img{height:115px;width:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #39292016)}
.roster-person b{display:block;color:#241e20;font-size:13px;font-weight:1000;margin-top:5px}
.roster-person small{display:block;margin:4px auto 0;font-size:10px;line-height:1.24;color:#6c6260;max-width:140px}
.roster-person.pink{background:#fff1f7}.roster-person.violet{background:#f4efff}
.roster-person.sky{background:#e8f7ff}.roster-person.peach{background:#fff1e3}
@media(max-width:1120px){.hero-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-person img{height:130px}}
@media(max-width:570px){.hero-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.roster-person{padding:8px}.roster-person img{height:115px}.roster-person b{font-size:12px}.roster-person small{font-size:9px}}