body{margin:0}button,input,textarea{font-family:inherit}button{touch-action:manipulation}::selection{color:#19464d;background:#c8f7eb}:root{--ink:#15384b;--blue:#1d5e92;--red:#ef5b43;--coral:#f07a5f;--paper:#fffaf0;--paper2:#fffdf8;--cream:#f4eddf;--line:#cfc3ad;--pale-blue:#dbeef3;--pale-green:#dcebdc;--pale-yellow:#fff0bf;--muted:#71808a;--shadow:0 8px 18px #443b2d14}*{box-sizing:border-box}html{background:#eee8da}body{color:var(--ink);background:#eee8da radial-gradient(#5b4b360f .6px,#0000 .6px) 0 0/7px 7px;margin:0;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,system-ui,sans-serif}button,input,textarea{font:inherit}button{touch-action:manipulation;cursor:pointer}img{max-width:100%}.app{min-height:100vh;padding-bottom:76px}.top-slogan{background:#fffaf0;border-bottom:2px solid #d8c9af;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:7px 18px;display:flex;position:relative}.top-slogan:after{content:"";opacity:.75;background:#f2c85b;width:380px;height:5px;position:absolute;bottom:3px;transform:rotate(-1deg)}.top-slogan span{z-index:1;letter-spacing:.06em;color:#183f5b;text-shadow:1px 1px #fff;font-family:Noto Serif JP,Yu Mincho,serif;font-size:22px;font-weight:900;position:relative}.top-slogan i{color:var(--coral);font-size:20px;font-style:normal}.top-slogan small{color:#897b69;font-size:9px}.header{display:none}.desktop-layout{grid-template-columns:154px minmax(0,1fr);min-height:calc(100vh - 48px);display:grid}.desktop-sidebar{background:#fff8eb;border-right:2px solid #d1c2a9;height:calc(100vh - 48px);padding:15px 9px 16px;position:sticky;top:0;overflow:auto}.sidebar-brand{border-bottom:1px dashed #cbbda8;align-items:center;gap:5px;padding:4px 5px 12px;display:flex}.sidebar-brand img{object-fit:contain;mix-blend-mode:multiply;width:62px;height:62px;transform:rotate(-3deg)}.sidebar-brand b{font-family:Noto Serif JP,serif;font-size:14px}.sidebar-brand small{color:#8c7f6d;font-size:8px;display:block}.desktop-sidebar nav{gap:5px;padding-top:12px;display:grid}.desktop-sidebar nav button{text-align:left;color:#31516a;background:0 0;border:0;border-radius:10px;grid-template-columns:24px 1fr;align-items:center;padding:9px 8px;font-size:12px;font-weight:900;display:grid;transform:rotate(-.3deg)}.desktop-sidebar nav button span{text-align:center;font-size:17px}.desktop-sidebar nav button.active{color:#bb4938;background:#f8d6ce;box-shadow:3px 3px #9b735a1f}.sidebar-note{background:#fffdf7;border:1px solid #cbbda8;min-height:150px;margin-top:22px;padding:10px 8px;position:relative;transform:rotate(-1deg)}.sidebar-note span{color:#d56c51;font-size:8px;font-weight:900}.sidebar-note b{margin-top:6px;font-family:Noto Serif JP,serif;font-size:12px;line-height:1.5;display:block}.sidebar-note img{object-fit:contain;mix-blend-mode:multiply;width:72px;height:72px;position:absolute;bottom:-18px;right:-2px;transform:rotate(6deg)}.content-area{min-width:0}.page{width:min(1380px,100% - 20px);margin:0 auto;padding:14px 0 40px}.back-button{color:#577083;background:0 0;border:0;margin-bottom:7px;padding:5px 0;font-weight:900}.reference-dashboard{grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:12px;display:grid}.dashboard-main{min-width:0}.paper-hero-reference,.reference-panel,.reference-challenge,.rail-paper{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);background-image:linear-gradient(#fff3,#fff3),radial-gradient(#4a3f300b .6px,#0000 .6px);background-size:auto,8px 8px;position:relative}.paper-hero-reference{grid-template-columns:1.05fr .95fr;min-height:420px;padding:26px 25px 18px;display:grid;overflow:visible;transform:rotate(-.15deg)}.paper-hero-reference:before{content:"";pointer-events:none;border:1px solid #705e4840;position:absolute;inset:8px}.hero-reference-copy{z-index:3;padding:8px 10px 4px 14px;position:relative}.reference-kicker{letter-spacing:.1em;color:#8b7d6b;font-size:10px}.hero-reference-copy h1{letter-spacing:-.055em;color:#163e59;margin:13px 0 10px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:56px;line-height:1.02}.hero-reference-copy h1 em{color:#db5c45;text-underline-offset:5px;font-style:normal;-webkit-text-decoration:underline #f2c85b;text-decoration:underline #f2c85b;text-decoration-thickness:5px}.hero-reference-copy>p{color:#5f6e75;max-width:560px;margin:0 0 13px;font-size:12px;line-height:1.8}.reference-phrase{background:#fffdf7;border:1px solid #c9bba4;max-width:520px;padding:13px 16px 12px;transform:rotate(-.7deg);box-shadow:4px 5px #ac967626}.reference-phrase>span{color:#d86a4d;letter-spacing:.1em;font-size:9px;font-weight:900;display:block}.reference-jp{color:#173f59;margin:6px 0 3px;font-family:Noto Serif JP,serif;font-size:25px;display:block}.reference-phrase small{color:#8a7d6d;font-size:9px}.reference-actions{align-items:center;gap:7px;margin-top:8px;display:flex}.reference-outline{color:#35576c;background:#fff;border:1px solid #9eb4bd;border-radius:7px;padding:7px 10px;font-weight:900}.reference-speak-cta{color:#fff;background:#ef6a52;border:0;border-radius:4px;align-items:center;gap:10px;margin-top:12px;padding:7px 15px 7px 8px;display:flex;transform:rotate(-1.5deg);box-shadow:0 4px #bc5543}.reference-speak-cta>span{color:#ef6a52;background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.reference-speak-cta b{font-family:Noto Serif JP,serif;font-size:16px;display:block}.reference-speak-cta small{opacity:.95;margin-top:2px;font-size:9px;display:block}.reference-hero-art{place-items:center;min-height:390px;display:grid;position:relative;overflow:visible}.reference-hero-art:before{content:"";z-index:0;background:linear-gradient(145deg,#d8edf3,#f6e7d5 48%,#dbeadf);border:1px solid #c3cfc9;position:absolute;inset:18px 0 18px 12px;transform:rotate(-1deg);box-shadow:inset 0 0 0 8px #ffffff40}.reference-hero-art img{z-index:2;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(4px 6px #2f3a3e12);width:470px;height:390px;position:relative;transform:translate(8px,12px)rotate(2deg)}.sketch-bubble{z-index:4;background:#fffdf8;border:2px solid #284454;border-radius:47% 53% 51% 49%;padding:8px 12px;font-family:Noto Serif JP,serif;font-weight:900;line-height:1.15;position:absolute;box-shadow:3px 4px #26343b14}.bubble-one{top:50px;left:4px;transform:rotate(-5deg)}.bubble-two{color:#2c907e;bottom:45px;right:5px;transform:rotate(5deg)}.sketch-music{color:#2e7aa2;z-index:4;font-size:29px;position:absolute;top:10px;left:38px;transform:rotate(-8deg)}.sketch-star{color:#e85e48;z-index:4;font-size:30px;position:absolute;top:18px;right:30px}.reference-section{margin-top:12px}.reference-title{padding:3px 4px 8px}.reference-title span{color:#d86b50;letter-spacing:.14em;font-size:9px;font-weight:900}.reference-title h2{color:#173f59;margin:2px 0;font-family:Noto Serif JP,serif;font-size:23px}.reference-title small{color:#7e7c72;font-size:9px}.reference-title.compact{padding-bottom:5px}.reference-training-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.reference-training-card{min-height:132px;transform:rotate(var(--r,0deg));background:#fffaf0;border:1px solid #cfc2ad;align-content:center;place-items:center;gap:4px;padding:8px 5px;display:grid;position:relative;box-shadow:3px 4px #a08b6d1a}.reference-training-card:nth-child(3n){--r:.5deg}.reference-training-card:nth-child(3n+1){--r:-.6deg}.reference-training-card:nth-child(2n){background:#f7fbf3}.reference-training-card .reference-icon{color:#df684e;place-items:center;display:grid}.reference-training-card b{font-family:Noto Serif JP,serif;font-size:12px}.reference-training-card small{color:#2f6c87;font-size:8px;font-weight:900}.reference-training-card em{color:#8d806e;font-size:8px;font-style:normal}.reference-two-col{grid-template-columns:1.15fr .85fr;gap:10px;margin-top:11px;display:grid}.reference-panel{min-height:235px;padding:10px 12px}.today-recommend{grid-template-columns:120px 1fr;align-items:center;gap:5px;display:grid}.today-recommend img{object-fit:contain;mix-blend-mode:multiply;width:130px;height:130px;transform:translate(-9px,-5px)rotate(-5deg)}.mini-label{color:#d36a4e;font-size:8px;font-weight:900}.today-recommend h3{margin:5px 0;font-family:Noto Serif JP,serif;font-size:20px}.today-recommend p{color:#6e7779;font-size:10px;line-height:1.55}.today-recommend button,.mini-speak-card button{color:#fff;background:#f06a52;border:0;border-radius:5px;padding:7px 12px;font-weight:900;box-shadow:0 3px #bb5745}.recent-list{display:grid}.recent-list button{text-align:left;color:#28485c;background:0 0;border:0;border-bottom:1px dashed #c9bca9;grid-template-columns:44px 1fr auto auto;align-items:center;gap:5px;padding:9px 3px;display:grid}.recent-list button span{text-align:center;background:#e8f1f4;border-radius:4px;padding:3px 5px;font-size:8px}.recent-list button b{font-size:12px}.recent-list button small{color:#688092;font-size:8px}.recent-list button i{color:#8b7e6f;font-size:8px;font-style:normal}.reference-challenge{background:#fff2c9;grid-template-columns:1fr 180px auto;align-items:center;gap:5px;margin-top:10px;padding:13px 18px;display:grid;transform:rotate(.15deg)}.reference-challenge span{color:#b67528;letter-spacing:.14em;font-size:9px;font-weight:900}.reference-challenge h2{margin:2px 0;font-family:Noto Serif JP,serif;font-size:23px}.reference-challenge p{color:#786f61;margin:0;font-size:10px}.reference-challenge img{object-fit:contain;mix-blend-mode:multiply;width:170px;height:105px;transform:rotate(3deg)}.reference-challenge button{color:#fff;background:#ef6b53;border:0;border-radius:7px;padding:10px 16px;font-weight:900;box-shadow:0 4px #b95443}.reference-bottom-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.mini-speak-card{grid-template-columns:110px 1fr;align-items:center;display:grid}.mini-speak-card img{object-fit:contain;mix-blend-mode:multiply;width:120px;height:120px;transform:translate(-7px,-3px)rotate(-4deg)}.mini-speak-card b{font-family:Noto Serif JP,serif}.mini-speak-card p{color:#6f777a;font-size:9px;line-height:1.6}.preview-chat{grid-template-columns:100px 1fr;align-items:center;display:grid}.preview-chat img{object-fit:contain;mix-blend-mode:multiply;width:110px;height:100px;transform:translate(-5px,-3px)rotate(2deg)}.preview-chat p{margin:4px 0;font-size:11px}.preview-chat .muted{color:#7c8485;font-size:9px}.ebi-chat-preview>button{background:#fff;border:1px solid #9bb1ba;border-radius:6px;padding:6px 11px;font-weight:900}.reference-rail{gap:9px;display:grid}.rail-paper{transform:rotate(var(--rail-r,0deg));padding:10px 11px;overflow:visible}.rail-paper:nth-child(odd){--rail-r:-.2deg}.rail-paper:nth-child(2n){--rail-r:.25deg}.rail-heading{border-bottom:1px dashed #cfc2ae;justify-content:space-between;align-items:end;margin-bottom:7px;padding-bottom:5px;display:flex}.rail-heading span{font-family:Noto Serif JP,serif;font-size:16px;font-weight:900}.rail-heading b{color:#d66c51;font-size:8px}.rail-profile{grid-template-columns:75px 1fr;align-items:center;display:grid}.rail-profile img{object-fit:contain;mix-blend-mode:multiply;width:80px;height:80px;transform:translate(-6px,-4px)rotate(-4deg)}.rail-profile small{color:#82796d;font-size:8px;display:block}.rail-profile strong{color:#1d5d8b;font-family:Noto Serif JP,serif;font-size:34px;line-height:1;display:block}.rail-profile span{color:#d35e49;font-size:9px;font-weight:900}.rail-level{justify-content:center;align-items:center;gap:11px;margin-top:4px;display:flex}.rail-level b{font-family:Noto Serif JP,serif;font-size:17px}.rail-level span{color:#e15f48}.skill-list{gap:6px;display:grid}.skill-list>div{grid-template-columns:42px 26px 1fr 28px;align-items:center;gap:4px;font-size:9px;display:grid}.skill-list b{color:#397093;font-size:8px}.skill-list i{background:#e8e3d8;border-radius:999px;height:7px;overflow:hidden}.skill-list i em{background:#5d9fc0;border-radius:999px;height:100%;display:block}.skill-list small{color:#8c7e6d;text-align:right;font-size:7px}.rail-stats{grid-template-columns:1fr 1fr;gap:7px;display:grid}.rail-stats div{grid-template-columns:1fr auto;align-items:end;display:grid}.rail-stats b{color:#2a6d8f;font-size:18px}.rail-stats span{color:#827a6d;font-size:8px}.rail-row{text-align:left;background:0 0;border:0;border-bottom:1px dashed #cfc2ae;grid-template-columns:1fr 25px 16px;padding:7px 2px;font-size:9px;display:grid}.rail-row b{color:#e2604a}.rail-row i{text-align:right;font-style:normal}.rail-favs{grid-template-columns:1fr 1fr;gap:7px;font-size:9px;display:grid}.rail-favs span{justify-content:space-between;display:flex}.rail-favs b{color:#2e7091}.rail-link{background:#fff;border:1px solid #aab8b8;border-radius:6px;margin-top:8px;padding:5px 8px;font-size:8px;font-weight:900}.rail-settings button{text-align:left;color:#35566a;background:0 0;border:0;border-bottom:1px dashed #cfc2ae;width:100%;padding:7px 2px;font-size:9px;display:block}.bottom-nav{display:none}.level-tabs{background:#e8e2d8;border-radius:9px;gap:5px;padding:4px;display:flex}.level-tabs button{color:#657781;background:0 0;border:0;border-radius:7px;padding:8px 13px;font-weight:900}.level-tabs button.active{color:#2b6d91;background:#fff}.paper-card,.module-card,.practice-card,.list-card,.scene,.template-card,.kanji-card,.roleplay-card{background:#fffaf0!important;border-color:#cfc3ad!important;border-radius:5px!important;box-shadow:3px 4px #a08b6d1a!important}.secondary{background:#fff!important;border:1px solid #c5b8a3!important;border-radius:6px!important}.ruby-text rt{color:#d86a50;font-size:.45em;font-weight:700;line-height:1}.inline-detail{margin:5px 0 9px;padding:13px!important}.data-row,.kanji-card{box-shadow:none!important}.empty{text-align:center;padding:50px 20px}.loader{color:#df6b52;font-size:28px}.search-box{background:#fffdf8;border:1px solid #cfc3ad;border-radius:6px;gap:8px;padding:8px 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%}@media (width<=1050px){.reference-dashboard{grid-template-columns:1fr}.reference-rail{grid-template-columns:repeat(2,1fr)}.reference-training-grid{grid-template-columns:repeat(5,1fr)}.paper-hero-reference{grid-template-columns:1fr .85fr}.reference-hero-art img{width:390px}.hero-reference-copy h1{font-size:48px}}@media (width<=760px){.app{padding-bottom:78px}.top-slogan{min-height:36px;padding:4px 8px}.top-slogan span{font-size:13px}.top-slogan small{display:none}.top-slogan:after{width:230px}.desktop-layout{display:block}.desktop-sidebar{display:none}.page{width:calc(100% - 10px);padding:6px 0 90px}.reference-dashboard{display:block}.paper-hero-reference{flex-direction:column;min-height:0;padding:18px 10px 8px;display:flex;transform:none}.hero-reference-copy{padding:5px 5px 0}.hero-reference-copy h1{margin:10px 0 8px;font-size:38px}.hero-reference-copy>p{font-size:10px;line-height:1.7}.reference-phrase{padding:10px 11px}.reference-jp{font-size:21px}.reference-speak-cta{margin-top:10px}.reference-hero-art{min-height:315px;margin:0 -3px}.reference-hero-art:before{inset:15px 0 12px}.reference-hero-art img{width:350px;height:315px;transform:translate(6px,8px)rotate(2deg)}.bubble-one{top:12px;left:3px}.bubble-two{bottom:16px;right:3px}.sketch-music{font-size:23px;top:3px;left:20px}.sketch-star{font-size:24px;top:8px;right:16px}.reference-title h2{font-size:20px}.reference-training-grid{grid-template-columns:repeat(5,1fr);gap:4px}.reference-training-card{min-height:96px;padding:6px 2px}.reference-training-card .reference-icon{transform:scale(.8)}.reference-training-card b{font-size:9px}.reference-training-card small,.reference-training-card em{font-size:6px}.reference-two-col,.reference-bottom-row{grid-template-columns:1fr;gap:8px}.reference-panel{min-height:0;padding:8px}.today-recommend{grid-template-columns:85px 1fr}.today-recommend img{width:94px;height:94px}.today-recommend h3{font-size:17px}.recent-list button{grid-template-columns:38px 1fr auto auto}.reference-challenge{grid-template-columns:1fr 85px;gap:0;padding:10px}.reference-challenge img{width:90px;height:78px}.reference-challenge button{grid-column:1/-1;width:max-content}.reference-rail{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.rail-paper:first-child{grid-column:1/-1}.rail-paper{padding:8px}.rail-heading span{font-size:13px}.rail-profile{grid-template-columns:62px 1fr}.rail-profile img{width:68px;height:68px}.rail-profile strong{font-size:28px}.rail-stats{gap:4px}.bottom-nav{z-index:50;background:#fffaf0fa;border:1px solid #cdbfa9;border-radius:8px;grid-template-columns:repeat(5,1fr);height:64px;display:grid;position:fixed;bottom:6px;left:6px;right:6px;box-shadow:0 8px 24px #322d232e}.bottom-nav button{color:#506b78;background:0 0;border:0;align-content:center;place-items:center;gap:2px;font-size:10px;font-weight:900;display:grid}.bottom-nav button span{font-size:21px}.bottom-nav button.active{color:#e45f49}.bottom-nav .speak-tab{position:relative}.bottom-nav .speak-tab:before{content:"";z-index:-1;background:#ef6a52;border:4px solid #fffaf0;border-radius:50%;width:50px;height:50px;position:absolute;top:-22px;box-shadow:0 4px 12px #be554240}.bottom-nav .speak-tab svg{color:#fff;z-index:2;position:relative}.bottom-nav small{font-size:8px}.module-grid{grid-template-columns:1fr!important}.scene-grid,.template-grid{grid-template-columns:1fr 1fr!important}.roleplay-card{padding:10px!important}.roleplay-head{display:block!important}.chat-log{min-height:280px!important}.speech-controls{grid-template-columns:1fr!important;display:grid!important}.record-button{width:100%!important}.data-list{gap:5px!important}}@media (width<=430px){.hero-reference-copy h1{font-size:34px}.reference-training-grid{grid-template-columns:repeat(5,1fr)}.reference-training-card{min-height:90px}.reference-hero-art{min-height:285px}.reference-hero-art img{width:315px;height:285px}.reference-rail{grid-template-columns:1fr}.rail-paper:first-child{grid-column:auto}}:root{--paper:#fffaf0;--paper-deep:#f4ecdc;--ink:#173f5b;--ink-soft:#60727a;--line:#cfc2ae;--accent:#e96a51;--accent-dark:#b94e3e;--furigana:#d86a50}html,body,#root{color:var(--ink);background:#f2eadc}body{background-image:radial-gradient(#50412d0e .7px,#0000 .7px);background-size:7px 7px;font-family:Noto Sans JP,Yu Gothic,system-ui,sans-serif}button,.module-card,.list-card,.paper-card,.practice-card,.question-card,.scene,.template-card,.kanji-card{font-family:inherit}.page{isolation:isolate;max-width:1180px;margin:0 auto;padding:18px 20px 70px;position:relative}.page:before{content:"";z-index:-1;pointer-events:none;background:#fffaf0db;border:1px solid #d4c6b0;position:absolute;inset:8px 8px 32px;transform:rotate(-.12deg);box-shadow:4px 5px #9b84631a,0 16px 45px #52422c12}.page:after{content:"✦  ─  〰  ✦";color:#d98968;letter-spacing:.25em;opacity:.65;pointer-events:none;font-size:13px;position:absolute;top:12px;right:28px}.section-title{padding:16px 12px 12px;position:relative}.section-title:after{content:"";border-bottom:3px solid #e7bd4c;width:125px;margin-top:6px;display:block;transform:rotate(-1.5deg)}.section-title span,.eyebrow{letter-spacing:.16em;color:#d36b52;font-family:Noto Sans JP,sans-serif;font-size:10px;font-weight:900}.section-title h2{color:#1c4761;margin:3px 0 4px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:34px;line-height:1.2}.section-title p{color:#707a7c;max-width:760px;margin:0;font-size:12px;line-height:1.8}.back-button{color:#315b70;background:#fffdf7;border:1px solid #cbbda7;border-radius:5px;padding:7px 12px;font-weight:800;box-shadow:2px 2px #9682641a}.level-tabs{flex-wrap:wrap;display:flex;background:#f0e8d9!important;border:1px dashed #c9bba6!important;border-radius:5px!important;padding:5px!important}.level-tabs button{color:#476878!important;border-radius:4px!important}.level-tabs button.active{box-shadow:2px 2px #826e501a;color:#d75f49!important;background:#fff!important}.module-card,.list-card,.paper-card,.practice-card,.question-card,.scene,.template-card,.kanji-card{background:#fffcf4eb!important;border:1px solid #cfc2ae!important;border-radius:5px!important;box-shadow:3px 4px #96806017!important}.module-card:hover,.list-card:hover,.scene:hover,.template-card:hover,.kanji-card:hover{transform:translateY(-1px)rotate(-.15deg);box-shadow:4px 5px #9680601f!important}.primary,.record-button{background:#e96a51!important;border-radius:5px!important;box-shadow:0 3px #b94e3e!important}.secondary,.reference-outline{color:#2f5d71!important;background:#fffdf7!important;border:1px solid #bcae98!important;border-radius:5px!important}.favorite-button{padding:6px 9px;font-weight:800;color:#b65e4a!important;background:#fffaf0!important;border:1px solid #d3bda9!important;border-radius:5px!important}.favorite-button.saved{background:#fff0e9!important;border-color:#e4a08e!important}.search-box{background:#fffdf7!important;border:1px solid #cfc2ae!important;border-radius:5px!important}.data-toolbar{justify-content:space-between;align-items:center;gap:10px;margin:10px 0;display:flex}.data-row{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 14px!important;display:flex!important}.data-row h3,.list-card h3,.kanji-card strong,.question-card h2,.practice-card h2{font-family:Noto Serif JP,Yu Mincho,serif}.inline-detail{border-top:0!important;border-radius:0 0 5px 5px!important;margin-top:-2px!important}.ruby-text{ruby-position:over}.ruby-text rt{letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-weight:800;line-height:1;color:var(--furigana)!important;font-size:.42em!important}.japanese-block{color:#1d4258;white-space:pre-wrap;font-family:Noto Serif JP,Yu Mincho,serif;font-size:22px;line-height:2.25}.japanese-block .ruby-text{display:inline}.translation-text{color:#5d6669;background:#f8f0df;border-left:3px solid #e8b84d;margin:10px 0;padding:9px 12px;line-height:1.8}.script-reveal{background:#fffdf7;border:1px dashed #cdbfa9;margin:10px 0;padding:13px 15px}.choice-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.choice-tools>span{color:#7b817e;font-size:10px}.reading-text{font-size:21px!important;line-height:2.25!important}.paper-page .question-card{padding:18px!important}.paper-page .choices button,.question-card .choices button{color:#35586b;text-align:left;background:#fffdf7;border:1px solid #cfc2ae;border-radius:5px;padding:11px}.paper-page .choices button.correct,.question-card .choices button.correct{background:#edf7ee;border-color:#75aa8c}.paper-page .choices button.wrong,.question-card .choices button.wrong{background:#fff0eb;border-color:#df8d78}.progress-line>div{background:#e8dfd0!important}.progress-line i{background:#5c94ad!important}.empty{background:#fffcf4e6!important;border:1px dashed #cbbda8!important;border-radius:5px!important}.reference-utility-row{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.reference-mini-tool{text-align:left;color:#285670;background:#fffaf0;border:1px dashed #cbbda8;border-radius:5px;align-items:center;gap:8px;padding:9px 11px;display:flex;box-shadow:2px 3px #96806014}.reference-mini-tool .mini-tool-icon{color:#df6a50;background:#fffdf7;border:1px solid #cbbda8;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.reference-mini-tool div{flex:1;min-width:0}.reference-mini-tool b{font-family:Noto Serif JP,serif;font-size:14px;display:block}.reference-mini-tool small{color:#7b817e;margin-top:2px;font-size:9px;display:block}.reference-mini-tool i{color:#d86a50;font-style:normal}.reference-challenge{display:none!important}.page .module-grid,.page .scene-grid,.page .template-grid,.page .list,.page .kanji-grid{position:relative}.page .module-grid:before,.page .list:before{content:"✎";color:#df9476;font-size:13px;position:absolute;top:-17px;right:4px;transform:rotate(-12deg)}@media (width<=760px){.page{width:calc(100% - 10px);padding:12px 8px 92px}.page:before{inset:6px 3px 24px}.page:after{font-size:10px;top:7px;right:15px}.section-title{padding:13px 8px 10px}.section-title h2{font-size:27px}.section-title p{font-size:11px}.data-toolbar{grid-template-columns:1fr;align-items:stretch;display:grid}.data-count{font-size:10px}.module-grid,.scene-grid,.template-grid{gap:7px!important}.module-card,.list-card,.paper-card,.practice-card,.question-card{box-shadow:2px 3px #96806017!important}.japanese-block,.reading-text{font-size:18px!important;line-height:2.3!important}.ruby-text rt{font-size:.4em!important}.reference-utility-row{grid-template-columns:1fr;gap:6px}.reference-mini-tool{padding:8px 10px}.reference-mini-tool .mini-tool-icon{width:31px;height:31px}.choice-tools{align-items:stretch}.choice-tools .voice-button,.choice-tools .secondary{min-height:40px}}.past-exam-page .past-level-grid{grid-template-columns:repeat(5,1fr);max-width:none}.past-audio>div{gap:3px;display:grid}.past-audio>div small{color:#6b7c79}.past-audio>span{font-variant-numeric:tabular-nums;color:#d05e52;font-weight:900}.bottom-nav button:nth-child(2) small{font-size:0}.bottom-nav button:nth-child(2) small:after{content:"历年真题";font-size:9px}@media (width<=760px){.past-exam-page .past-level-grid{grid-template-columns:repeat(2,1fr)}.past-exam-page .past-level-grid button:last-child{grid-column:1/-1}}.past-level-grid{grid-template-columns:repeat(3,1fr);max-width:760px}.library-connect{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex;padding:19px 22px!important}.library-connect h3{margin:4px 0;font-family:Noto Serif JP,serif;font-size:22px}.library-connect p{color:#687a7d;margin:0}.past-session-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.past-session-card{text-align:left;color:#234d65;min-height:142px;display:grid;position:relative;overflow:hidden;padding:18px!important}.past-session-card:before{content:"";background:#ead18b99;width:55px;height:14px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(-3deg)}.past-session-card>span{letter-spacing:.12em;font-size:13px}.past-session-card>strong{color:#d45e52;font-family:Noto Serif JP,serif;font-size:31px}.past-session-card>b{background:#dceee7;border-radius:14px;padding:4px 9px;position:absolute;top:17px;right:15px}.past-session-card>small{color:#6d807d;align-self:end;line-height:1.7}.past-material-status{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.past-material-status b{text-align:center;color:#9a8d79;background:#f7f1e6;border:1px dashed #c6b79d;padding:12px}.past-material-status b.ok{color:#286a5a;background:#e4f1e9;border-color:#80aa96}.past-audio{align-items:center;gap:16px;margin-bottom:10px;display:flex;padding:10px 15px!important}.past-audio audio{width:min(620px,100%)}.past-exam-workspace{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:12px;display:grid}.pdf-stage{min-height:720px;padding:8px!important}.paper-page-controls{z-index:3;background:#fff9edee;border-bottom:1px dashed #c8b99f;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:sticky;top:0}.paper-page-controls button{background:#fff;border:1px solid #c4b79f;border-radius:16px;padding:7px 10px}.paper-canvas-scroll{background:#d9d2c5;justify-items:center;padding:8px;display:grid;overflow:auto}.paper-canvas-scroll canvas{background:#fff;max-width:none;display:block;box-shadow:0 5px 17px #4e44333d}.web-answer-sheet{max-height:calc(100vh - 145px);position:sticky;top:82px;overflow:auto;padding:15px!important}.web-answer-sheet h3{margin:0;font-family:Noto Serif JP,serif}.web-answer-sheet>div{gap:5px;display:grid}.web-answer-sheet fieldset{border:0;border-bottom:1px dashed #d4c8b4;grid-template-columns:36px repeat(4,1fr);gap:4px;margin:0;padding:5px 0;display:grid}.web-answer-sheet legend{float:left;width:34px;padding-top:6px;font-weight:900}.web-answer-sheet fieldset button{background:#fffaf0;border:1px solid #c7b99f;height:32px}.web-answer-sheet fieldset button.selected{color:#fff;background:#de7160;border-color:#c55347}.past-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0;display:flex}.past-result-actions a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (width<=820px){.past-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-connect{display:grid}.past-material-status{grid-template-columns:repeat(2,1fr)}.past-exam-workspace{grid-template-columns:1fr}.web-answer-sheet{max-height:none;position:static}.pdf-stage{min-height:0}.paper-page-controls{flex-wrap:wrap}.paper-page-controls b{text-align:center;width:100%}.past-audio{display:grid}.past-level-grid{grid-template-columns:repeat(3,1fr)}}.home-page.notebook-page{width:min(1540px,100% - 18px);max-width:none;padding:12px 10px 44px;position:relative}.notebook-home{grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:10px;display:grid}.home-top-grid{grid-template-columns:minmax(0,2.2fr) minmax(180px,.78fr);gap:9px;display:grid;position:relative}.home-hero-sheet{isolation:isolate;background:#fff8e9;border:1px solid #c8b99f;grid-row:span 1;grid-template-columns:1.05fr 1fr;min-height:330px;display:grid;position:relative;overflow:visible;transform:rotate(-.25deg);box-shadow:4px 5px #695b411f}.home-hero-sheet:before{content:"";z-index:-1;background-image:radial-gradient(#4e42340e .6px,#0000 .6px);background-size:8px 8px;border:1px solid #6e5b413d;position:absolute;inset:9px}.home-hero-sheet:after{content:"";opacity:.92;z-index:-1;clip-path:polygon(2% 0,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#d5edf0 0%,#f7ead8 50%,#dcebdc 100%);position:absolute;inset:10px 2% 10px 42%}.hero-copy{z-index:4;padding:28px 18px 18px 28px;position:relative}.hand-kicker{color:#8c7c69;letter-spacing:.08em;font-size:10px}.hero-copy h1{letter-spacing:-.045em;color:#173f5b;margin:12px 0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:51px;line-height:.99}.hero-copy h1 em{color:#d85e49;text-underline-offset:5px;font-style:normal;-webkit-text-decoration:underline #e9c64f;text-decoration:underline #e9c64f;text-decoration-thickness:6px}.hero-copy>p{color:#637078;max-width:390px;margin:0 0 12px;font-size:11px;line-height:1.7}.hero-phrase-note{background:#fffdf6f0;border:1px solid #c9b99f;max-width:410px;padding:10px 13px;transform:rotate(-.8deg);box-shadow:3px 4px #7864461a}.hero-phrase-note>span{color:#df684e;font-size:9px;font-weight:900;display:block}.hero-jp{color:#224d68;margin:5px 0 2px;font-family:Noto Serif JP,serif;font-size:25px;display:block}.hero-phrase-note small{color:#77766d;font-size:8px;line-height:1.5}.hero-phrase-actions{gap:7px;margin-top:7px;display:flex}.hero-phrase-actions>button{color:#315a6e;background:#fffdf7;border:1px solid #9fb0b4;border-radius:5px;padding:6px 10px;font-weight:900}.big-speak-button{color:#fff;background:#f05e4b;border:0;border-radius:22px;align-items:center;gap:9px;margin-top:10px;padding:6px 16px 6px 8px;display:inline-flex;transform:rotate(-1deg);box-shadow:0 4px #bd4c3e}.big-speak-button span{color:#ed624d;background:#fff;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.big-speak-button b{font-family:Noto Serif JP,serif;font-size:19px}.hero-scene{min-height:330px;position:relative;overflow:visible}.hero-shrimp{z-index:3;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(2px 5px #2a353514);width:420px;height:315px;position:absolute;bottom:4px;right:-28px;transform:rotate(1.5deg)}.hero-shrimp-mini{z-index:4;object-fit:contain;mix-blend-mode:multiply;width:72px;height:72px;position:absolute}.hero-shrimp-one{bottom:18px;left:-8px;transform:rotate(-12deg)}.hero-shrimp-two{top:24px;right:16px;transform:rotate(10deg)scale(.72)}.hero-bubble,.hero-sticker{z-index:6;background:#fffdf8;border:2px solid #315063;border-radius:48% 52% 45% 55%;padding:7px 12px;font-family:Noto Serif JP,serif;font-weight:900;line-height:1.1;position:absolute;box-shadow:2px 3px #28373a14}.hero-bubble{top:26px;left:6px;transform:rotate(-5deg)}.hero-sticker{color:#2b8b78;bottom:28px;right:9px;transform:rotate(5deg)}.hero-music{z-index:6;color:#2b79a0;font-size:31px;position:absolute;top:0;left:46px;transform:rotate(-9deg)}.hero-star{z-index:6;color:#e7604c;font-size:31px;position:absolute;top:10px;right:35px}.home-status-sheet,.home-note-sheet,.home-sheet,.rail-sheet{background:#fffaf0 radial-gradient(#4d42340b .55px,#0000 .55px) 0 0/8px 8px;border:1px solid #c9bba5;position:relative;box-shadow:3px 4px #715f421a}.home-status-sheet{min-height:330px;padding:10px 12px;transform:rotate(.25deg)}.home-note-sheet{grid-column:1/-1;min-height:0;padding:10px 15px;display:none}.sheet-title,.rail-title{border-bottom:1px dashed #c9bba5;justify-content:space-between;align-items:end;margin-bottom:7px;padding-bottom:6px;display:flex}.sheet-title span,.rail-title span{color:#1c4963;font-family:Noto Serif JP,serif;font-size:17px;font-weight:900}.sheet-title b,.rail-title b{color:#df6c52;letter-spacing:.08em;font-size:8px}.status-item{border-bottom:1px dashed #d0c4b0;grid-template-columns:26px 1fr;align-items:center;gap:5px;padding:10px 3px;display:grid}.status-item>span{color:#376982;font-size:19px}.status-item small{color:#81786d;font-size:8px;display:block}.status-item strong{color:#265c79;font-family:Noto Serif JP,serif;font-size:20px;font-weight:900}.status-item.hot strong{color:#e05c47}.teacher-speech{align-items:center;gap:4px;margin-top:9px;display:flex}.teacher-speech img{object-fit:contain;mix-blend-mode:multiply;width:62px;height:62px;transform:rotate(-5deg)}.teacher-speech div{color:#6b7c80;background:#fffdf8;border:1px solid #9fb9be;border-radius:50%;padding:7px 9px;font-size:8px}.teacher-speech b{color:#2c8d7a;font-size:11px}.home-section{margin-top:10px}.section-hand-title{justify-content:space-between;align-items:end;padding:3px 4px 7px;display:flex}.section-hand-title span{font-family:Noto Serif JP,serif;font-size:20px;font-weight:900}.section-hand-title small{color:#d86a50;font-size:8px}.training-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;display:grid}.training-note{min-width:0;min-height:142px;transform:rotate(var(--tilt,0deg));background:#fffaf0;border:1px solid #cbbda7;align-content:start;place-items:center;gap:3px;padding:12px 5px 8px;display:grid;position:relative;overflow:visible;box-shadow:2px 4px #77624317}.training-note:nth-child(3n){--tilt:.55deg;background:#f8fbf3}.training-note:nth-child(3n+1){--tilt:-.6deg;background:#fff7eb}.training-note:nth-child(4n){--tilt:.3deg;background:#f2f8fa}.training-tape{background:#e9c7738c;width:38px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-3deg)}.training-icon{color:#e2674e;margin-top:4px}.training-note>b{font-family:Noto Serif JP,serif;font-size:12px}.training-note>small{color:#2d6e8a;font-size:8px;font-weight:900}.training-note>em{color:#857b6d;font-size:8px;font-style:normal}.training-note>i{color:#65757a;text-align:center;font-size:7px;font-style:normal;line-height:1.3}.training-note img{object-fit:contain;mix-blend-mode:multiply;opacity:.94;width:47px;height:47px;position:absolute;bottom:-10px;right:-8px;transform:rotate(8deg)}.home-middle-grid{grid-template-columns:1.1fr 1fr .8fr;gap:9px;margin-top:10px;display:grid}.home-sheet{min-height:210px;padding:10px 12px}.today-inner{grid-template-columns:110px 1fr;align-items:center;gap:3px;display:grid}.today-inner>img{object-fit:contain;mix-blend-mode:multiply;width:120px;height:120px;transform:rotate(-7deg)}.red-label{color:#df684e;font-size:9px;font-weight:900}.hand-note{margin:4px 0;font-family:Noto Serif JP,serif;font-size:14px}.mini-lesson{background:#fffdf7;border:1px dashed #bcae97;padding:7px 9px}.mini-lesson .ruby-text{font-family:Noto Serif JP,serif;font-size:20px}.mini-lesson small{color:#77766d;margin-top:2px;font-size:8px;display:block}.today-inner button,.reading-mini button,.word-sheet button,.kanji-sheet button{color:#fff;background:#ef654f;border:0;border-radius:16px;margin-top:7px;padding:6px 13px;font-weight:900;box-shadow:0 2px #bc4f40}.home-recent-list{display:grid}.home-recent-list button{text-align:left;color:#284e63;background:0 0;border:0;border-bottom:1px dashed #cbbda8;grid-template-columns:42px 1fr auto auto;align-items:center;gap:5px;padding:8px 2px;display:grid}.home-recent-list button span{text-align:center;background:#dcecf0;border-radius:4px;padding:3px;font-size:7px}.home-recent-list button b{font-size:11px}.home-recent-list button small{color:#6b8290;font-size:7px}.home-recent-list button i{color:#8b7e70;font-size:7px;font-style:normal}.challenge-sheet{background:#fff0b9;overflow:visible;transform:rotate(.5deg)}.challenge-kicker{color:#b8782d;letter-spacing:.08em;font-size:9px;font-weight:900}.challenge-sheet h2{color:#173f5b;margin:6px 0;font-family:Noto Serif JP,serif;font-size:26px;line-height:1.02}.challenge-sheet h2 em{color:#e85f49;font-style:normal}.challenge-sheet p{font-size:9px;line-height:1.6}.challenge-sheet img{object-fit:contain;mix-blend-mode:multiply;width:110px;height:88px;position:absolute;bottom:29px;right:2px;transform:rotate(8deg)}.challenge-sheet button{color:#fff;background:#ef654f;border:0;border-radius:20px;padding:7px 14px;font-weight:900;position:absolute;bottom:13px;left:12px;box-shadow:0 3px #bd4d3f}.challenge-star{color:#efbd39;font-size:22px;position:absolute;bottom:68px;left:8px}.home-bottom-grid{grid-template-columns:1.1fr 1fr .9fr .9fr 1.2fr;gap:8px;margin-top:10px;display:grid}.home-bottom-grid .home-sheet{min-height:205px}.lesson-photo{background:#edf4f0;border:1px solid #c6d0c5;min-height:150px;padding:7px;position:relative;overflow:hidden}.fake-screen{background:#fffdf7;border:1px solid #c7bba7;min-height:135px;padding:8px;position:relative}.fake-screen span{color:#df654e;font-size:9px;font-weight:900;display:block}.fake-screen b{color:#fff;background:#2b6784;border-radius:8px;padding:2px 5px;font-size:8px;position:absolute;top:6px;right:6px}.fake-screen small{margin-top:6px;font-size:9px;line-height:1.5;display:block}.fake-screen button{color:#fff;background:#ef654f;border:0;border-radius:16px;margin-top:8px;padding:6px 12px;font-size:9px;font-weight:900}.lesson-photo>img{object-fit:contain;mix-blend-mode:multiply;width:105px;height:105px;position:absolute;bottom:-12px;right:-8px;transform:rotate(8deg)}.flow-steps{gap:3px;display:grid}.flow-steps>div{border-bottom:1px dashed #cdbfa9;grid-template-columns:20px 1fr 48px;align-items:center;padding:3px;display:grid}.flow-steps span{color:#fff;background:#f0c954;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:900;display:grid}.flow-steps b{font-size:10px}.flow-steps img{object-fit:contain;mix-blend-mode:multiply;width:43px;height:36px;transform:rotate(var(--r,0deg))}.flow-steps>div:nth-child(2) img{--r:-8deg}.flow-steps>div:nth-child(3) img{--r:7deg}.flow-steps>div:nth-child(4) img{--r:-4deg}.big-word,.big-kanji{color:#1c4c67;margin:5px 0;font-family:Noto Serif JP,serif;font-size:38px;display:block}.word-sheet p,.kanji-sheet p{margin:3px 0;font-size:8px;line-height:1.55}.word-sheet .sheet-title,.kanji-sheet .sheet-title{margin-bottom:3px}.kanji-sheet{overflow:visible}.kanji-sheet img{object-fit:contain;mix-blend-mode:multiply;width:60px;height:60px;position:absolute;bottom:4px;right:-5px;transform:rotate(7deg)}.reading-mini .ruby-text{font-family:Noto Serif JP,serif;font-size:19px}.reading-mini p{font-size:8px;line-height:1.6}.reading-mini button{color:#2d5e72;box-shadow:none;background:#fffdf7;border:1px solid #9fb0ae}.notebook-rail{gap:8px;display:grid}.rail-sheet{transform:rotate(var(--r,0deg));padding:9px 10px;overflow:visible}.rail-sheet:nth-child(odd){--r:-.25deg}.rail-sheet:nth-child(2n){--r:.2deg}.rail-title span{font-size:16px}.goal-main{grid-template-columns:70px 1fr;align-items:center;display:grid}.goal-main img{object-fit:contain;mix-blend-mode:multiply;width:75px;height:75px;transform:rotate(-4deg)}.goal-main small{color:#81786d;font-size:7px;display:block}.goal-main strong{color:#1c5d89;font-family:Noto Serif JP,serif;font-size:34px;line-height:1;display:block}.goal-main em{color:#df604b;font-size:8px;font-style:normal;font-weight:900}.goal-route{justify-content:center;align-items:center;gap:10px;margin-top:5px;display:flex}.goal-route b{font-family:Noto Serif JP,serif;font-size:18px}.goal-route span{color:#df604b}.notebook-skills{gap:5px}.notebook-skills>div{grid-template-columns:38px 24px 1fr 27px;font-size:8px}.record-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.record-grid div{grid-template-columns:1fr auto;align-items:end;display:grid}.record-grid b{color:#2c6b88;font-family:Noto Serif JP,serif;font-size:19px}.record-grid span{color:#7c766c;font-size:7px}.rail-question{text-align:left;color:#334f5e;background:0 0;border:0;border-bottom:1px dashed #cbbda8;grid-template-columns:1fr 22px 12px;width:100%;padding:6px 1px;font-size:8px;display:grid}.rail-question b{color:#df5f4a}.rail-question i{font-style:normal}.rail-all{color:#2d6177;background:#fffdf7;border:1px solid #9eb0b2;border-radius:14px;margin-top:7px;padding:5px 9px;font-size:7px;font-weight:900}.rail-favorite-grid{grid-template-columns:1fr 1fr;gap:5px;font-size:8px;display:grid}.rail-favorite-grid span{justify-content:space-between;display:flex}.rail-favorite-grid b{color:#2b6a89}.settings-sheet p{color:#4f646d;border-bottom:1px dashed #cbbda8;margin:0;padding:5px 0;font-size:8px}.settings-sheet button{color:#2b6177;background:#fffdf7;border:1px solid #9fb1b1;border-radius:14px;margin-top:7px;padding:5px 9px;font-size:8px;font-weight:900}.notebook-doodles{z-index:8;color:#e66b50;pointer-events:none;font-size:23px;position:absolute}.doodle-a{top:48px;left:-3px;transform:rotate(-12deg)}.doodle-b{color:#2b799b;top:8px;right:285px;transform:rotate(10deg)}.doodle-c{color:#e6b83e;bottom:8px;right:300px;transform:rotate(-8deg)}.home-page .reference-dashboard,.home-page .reference-section,.home-page .reference-two-col,.home-page .reference-bottom-row,.home-page .reference-rail{display:none!important}@media (width<=1150px){.notebook-home{grid-template-columns:minmax(0,1fr) 250px}.home-top-grid{grid-template-columns:minmax(0,1fr) 190px}.hero-copy h1{font-size:43px}.hero-shrimp{width:350px}.training-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-bottom-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.home-page.notebook-page{width:calc(100% - 8px);padding:5px 3px 88px}.notebook-home{display:block}.notebook-rail{grid-template-columns:1fr 1fr;margin-top:8px;display:grid}.notebook-rail .goal-sheet{grid-column:1/-1}.home-top-grid{grid-template-columns:1fr;gap:7px}.home-hero-sheet{grid-template-columns:1fr;min-height:0}.home-hero-sheet:after{inset:45% 0 0}.hero-copy{padding:20px 12px 10px}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:10px}.hero-scene{min-height:270px}.hero-shrimp{width:330px;height:270px;right:-6px}.hero-bubble{top:12px;left:10px}.hero-shrimp-one{bottom:0;left:0}.hero-shrimp-two{top:10px;right:4px}.home-status-sheet{min-height:0}.teacher-speech{justify-content:center}.training-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.training-note{min-height:105px;padding-top:9px}.training-note>b{font-size:9px}.training-note>small,.training-note>em,.training-note>i{font-size:6px}.training-note img{width:35px;height:35px;bottom:-7px;right:-6px}.training-icon{transform:scale(.8)}.home-middle-grid{grid-template-columns:1fr;gap:7px}.home-sheet{min-height:0}.home-bottom-grid{grid-template-columns:1fr 1fr;gap:7px}.home-bottom-grid .home-sheet{min-height:190px}.lesson-sheet,.reading-sheet{grid-column:1/-1}.notebook-doodles{display:none}}.paper-canvas-scroll{position:relative}.paper-loading-state{z-index:6;color:#31566c;text-align:center;pointer-events:none;background:linear-gradient(145deg,#fffaf0f5,#edf6f2f5);border:1px dashed #bba98b;place-content:center;justify-items:center;gap:8px;min-height:220px;display:grid;position:absolute;inset:10px}.paper-loading-state b{font-family:Noto Serif JP,serif;font-size:16px}.paper-loading-state small{color:#71838a;font-size:11px}.paper-loading-orbit{color:#fff;background:#e76f58;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:950;animation:1.1s ease-in-out infinite paper-loading-pulse;display:grid;box-shadow:0 0 0 7px #f2c85b55}@keyframes paper-loading-pulse{50%{transform:scale(.9);box-shadow:0 0 0 13px #78aaa733}}@media (width<=820px){.paper-loading-state{min-height:190px;inset:3px}.paper-loading-state b{font-size:14px}}@media (width<=480px){.notebook-rail{grid-template-columns:1fr}.goal-sheet{grid-column:auto!important}.training-grid{grid-template-columns:repeat(2,1fr)}.training-note{min-height:120px}.home-bottom-grid{grid-template-columns:1fr}.lesson-sheet,.reading-sheet{grid-column:auto}.hero-copy h1{font-size:34px}.hero-jp{font-size:22px}.hero-scene{min-height:245px}.hero-shrimp{width:305px;height:245px}.hero-shrimp-mini{width:55px;height:55px}.home-phrase-actions{flex-wrap:wrap}.section-hand-title{display:block}.section-hand-title small{margin-top:2px;display:block}.home-recent-list button{grid-template-columns:38px 1fr auto}.home-recent-list button i{display:none}}.app.home-shell .top-slogan{display:none}.app.home-shell .desktop-layout{min-height:0;display:block}.app.home-shell .desktop-sidebar{display:none}.app.home-shell .content-area{width:100%}.app.home-shell .bottom-nav{display:none}@media (width<=820px){.app.home-shell .bottom-nav{display:grid}.app.home-shell .reference-canvas-wrap{padding-bottom:0}}.app:not(.home-shell) .top-slogan,.app:not(.home-shell) .header{display:none!important}.app:not(.home-shell) .desktop-layout{min-height:100vh}.app:not(.home-shell) .desktop-sidebar{background:#fff7e9;border-right:1px solid #d2c0a2;width:154px;min-width:154px;padding:12px 10px 18px;box-shadow:4px 0 #715f420f}.app:not(.home-shell) .sidebar-brand{border-bottom:1px dashed #cbbda8;padding:4px 4px 12px}.app:not(.home-shell) .sidebar-brand img{object-fit:contain;width:48px;height:48px}.app:not(.home-shell) .desktop-sidebar nav{gap:4px;margin-top:10px}.app:not(.home-shell) .desktop-sidebar nav button{color:#274f66;background:0 0;border:0;border-radius:10px;justify-content:flex-start;min-height:50px;padding:8px 10px;font-family:Noto Serif JP,serif;font-size:15px}.app:not(.home-shell) .desktop-sidebar nav button.active{color:#cf604b;background:#f6d8cd;box-shadow:2px 3px #916c4e14}.sidebar-my-button{color:#31576b;background:0 0;border:1px dashed #cbbda8;border-left:0;border-right:0;align-items:center;gap:10px;width:100%;margin-top:8px;padding:10px;font-family:Noto Serif JP,serif;font-size:15px;display:flex}.sidebar-my-button span{font-size:23px}.sidebar-my-button.active{color:#d8644d;background:#f7d5ca}.notebook-subpage{background-color:#fff9ed;background-image:radial-gradient(#5c482d0b .6px,#0000 .6px),linear-gradient(90deg,#e8c6771f,#0000 12% 88%,#e8c67714);background-size:8px 8px,100% 100%}.settings-sheet{padding:14px 16px;background:#fffaf0!important}.settings-group{border-bottom:1px dashed #cbbda8;padding:12px 0}.settings-group:last-child{border-bottom:0}.settings-group h3{color:#173f5b;margin:0 0 8px;font-family:Noto Serif JP,serif}.setting-levels{flex-wrap:wrap;gap:7px;display:flex}.setting-levels button{color:#31576b;background:#fffdf7;border:1px solid #c7b99f;border-radius:4px;min-width:58px;padding:9px 13px;font-weight:900}.setting-levels button.active{color:#d4614d;background:#f6d7cb;border-color:#dca28f}.setting-row{text-align:left;color:#274f66;background:#fffdf7;border:1px solid #d1c3ad;border-radius:4px;justify-content:space-between;align-items:center;gap:14px;width:100%;margin:7px 0;padding:10px 12px;display:flex}.setting-row span{gap:3px;display:grid}.setting-row small{color:#7b766d}.setting-row i{background:#e9e2d4;border-radius:12px;padding:4px 8px;font-size:10px;font-style:normal}.setting-row.on i{color:#c95e49;background:#f3cfc4}@media (width<=820px){.app:not(.home-shell) .desktop-sidebar{display:none}.app:not(.home-shell) .content-area{width:100%}.notebook-subpage{width:calc(100% - 10px);margin:7px auto 28px;padding:13px 10px 78px}.sidebar-my-button{display:none}}.app:not(.home-shell){background:#f3ead9 radial-gradient(#5c482d0e .7px,#0000 .7px) 0 0/7px 7px}.app:not(.home-shell) .top-slogan{background:#fff8e9;border-bottom:2px solid #d5c4a5;min-height:58px}.app:not(.home-shell) .desktop-sidebar{background:#fff7e9;border-right:2px solid #d2c0a2}.app:not(.home-shell) .desktop-sidebar nav button{border-radius:4px;position:relative}.app:not(.home-shell) .desktop-sidebar nav button:nth-child(2n){transform:rotate(.35deg)}.app:not(.home-shell) .desktop-sidebar nav button:nth-child(3n){transform:rotate(-.45deg)}.app:not(.home-shell) .desktop-sidebar nav button.active{background:#f7d5ca;box-shadow:3px 3px #916c4e1f}.notebook-subpage{background:#fff9ed;border:1px solid #cdbda2;width:min(1240px,100% - 26px);max-width:none;margin:16px auto 42px;padding:20px 22px 48px;overflow:visible;transform:rotate(-.12deg);box-shadow:5px 6px #745b391a,0 14px 35px #56432b12}.notebook-subpage:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#5c482d0b .6px,#0000 .6px);background-size:8px 8px;border:1px solid #8f765340;position:absolute;inset:9px}.notebook-subpage:after{content:"✦  〰  ✎  ☆";color:#df795f;letter-spacing:.18em;pointer-events:none;font-size:17px;position:absolute;top:7px;right:20px;transform:rotate(3deg)}.notebook-subpage .section-title{border-bottom:0;padding:14px 10px 14px 14px}.notebook-subpage .section-title:before{content:"";z-index:-1;background:#ebc77773;width:70px;height:13px;position:absolute;top:5px;left:4px;transform:rotate(-2deg)}.notebook-subpage .section-title h2{letter-spacing:-.03em;color:#173f5b;font-size:37px}.notebook-subpage .section-title h2:after{content:"";border-bottom:4px solid #edc85b;width:150px;margin-top:5px;display:block;transform:rotate(-1.5deg)}.notebook-subpage .section-title p{color:#68777b;max-width:820px}.notebook-subpage .back-button{background:#fffdf7;border:1px solid #c8b99f;border-radius:4px;align-items:center;gap:5px;margin:0 0 5px 2px;display:inline-flex;transform:rotate(-.7deg);box-shadow:2px 2px #91754e17}.notebook-subpage .level-tabs{margin:4px 2px 13px;box-shadow:2px 3px #91754e12;background:#f1e6d4!important;border:1px dashed #c8b89c!important}.notebook-subpage .level-tabs button:nth-child(odd){transform:rotate(-.5deg)}.notebook-subpage .level-tabs button:nth-child(2n){transform:rotate(.5deg)}.notebook-subpage .module-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:11px!important}.notebook-subpage .module-card,.notebook-subpage .list-card,.notebook-subpage .paper-card,.notebook-subpage .practice-card,.notebook-subpage .question-card,.notebook-subpage .scene,.notebook-subpage .template-card,.notebook-subpage .kanji-card{position:relative;overflow:visible;background:#fffaf0!important;border:1px solid #cbbda5!important;border-radius:2px!important;box-shadow:3px 4px #876d491a!important}.notebook-subpage .module-card:before,.notebook-subpage .list-card:before,.notebook-subpage .question-card:before,.notebook-subpage .practice-card:before{content:"";pointer-events:none;background:#e8c6777a;width:42px;height:12px;position:absolute;top:-7px;left:18px;transform:rotate(-3deg)}.notebook-subpage .module-card:nth-child(3n){transform:rotate(.35deg);background:#f5faf3!important}.notebook-subpage .module-card:nth-child(3n+1){transform:rotate(-.35deg);background:#fff6e8!important}.notebook-subpage .module-card:nth-child(4n){transform:rotate(.15deg);background:#f0f7f8!important}.notebook-subpage .list>:nth-child(3n){transform:rotate(.28deg)}.notebook-subpage .list>:nth-child(3n+1){transform:rotate(-.25deg)}.notebook-subpage .list>:nth-child(4n){transform:rotate(.15deg)}.notebook-subpage .module-card:hover,.notebook-subpage .list-card:hover,.notebook-subpage .scene:hover,.notebook-subpage .template-card:hover,.notebook-subpage .kanji-card:hover{transform:translateY(-2px)rotate(-.4deg)!important}.notebook-subpage .search-box{margin:7px 2px 10px;box-shadow:2px 3px #91754e14;background:#fffdf7!important;border:1px solid #cbbda6!important;border-radius:2px!important}.notebook-subpage .data-toolbar{padding:4px 2px}.notebook-subpage .data-count{color:#d4684f;font-weight:900}.notebook-subpage .data-row{min-height:76px}.notebook-subpage .data-row h3,.notebook-subpage .list-card h3,.notebook-subpage .question-card h2,.notebook-subpage .practice-card h2{color:#173f5b}.notebook-subpage .japanese-block{color:#173f5b;font-size:23px;line-height:2.25}.notebook-subpage .ruby-text rt{color:#d86a50!important;font-size:.42em!important}.notebook-subpage .translation-text{background:#f8efd9;border-left:4px solid #e4b94e;border-radius:0}.notebook-subpage .favorite-button{background:#fff8ec!important;border:1px dashed #c8b69b!important;border-radius:3px!important}.notebook-subpage .primary,.notebook-subpage .record-button{background:#ed654f!important;border-radius:3px!important;box-shadow:0 3px #b74d3d!important}.notebook-subpage .secondary{background:#fffdf7!important;border:1px solid #aeb7ad!important;border-radius:3px!important}.notebook-subpage .choices{gap:8px;display:grid}.notebook-subpage .choices button{box-shadow:2px 2px #91754e0f;background:#fffdf7!important;border:1px solid #cdbfa8!important;border-radius:2px!important}.notebook-subpage .choices button:nth-child(2n){transform:rotate(.2deg)}.notebook-subpage .choices button:nth-child(3n){transform:rotate(-.25deg)}.notebook-subpage .feedback{background:#fff6df;border:1px dashed #d3b37a;border-radius:2px;padding:13px}.notebook-subpage .script-reveal{background:#fffdf7;border:1px dashed #cbbda5;box-shadow:2px 3px #91754e0f}.notebook-subpage .question-card,.notebook-subpage .practice-card{padding:19px!important}.notebook-subpage .scene-grid,.notebook-subpage .template-grid,.notebook-subpage .kanji-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.notebook-subpage .scene:nth-child(3n){transform:rotate(.5deg);background:#f4faf2!important}.notebook-subpage .scene:nth-child(3n+1){transform:rotate(-.45deg);background:#fff5e7!important}.notebook-subpage .template-card:nth-child(3n){transform:rotate(.45deg);background:#f1f7f8!important}.notebook-subpage .template-card:nth-child(3n+1){transform:rotate(-.45deg);background:#fff5e8!important}.notebook-subpage .kanji-card:nth-child(4n){transform:rotate(.5deg);background:#f2f8f3!important}.notebook-subpage .kanji-card:nth-child(4n+1){transform:rotate(-.4deg);background:#fff4e7!important}.notebook-subpage .kanji-card strong{color:#1d5775;font-family:Noto Serif JP,Yu Mincho,serif}.notebook-subpage .pagination button{background:#fffdf7;border:1px solid #c8b99f;border-radius:3px;box-shadow:2px 2px #91754e12}.notebook-subpage .pagination button.active{color:#173f5b;background:#f4c95d}.notebook-subpage .progress-line{border:1px solid #c8bba4;background:#e5dccb!important}.notebook-subpage .progress-line i{background:#5d98b3!important}.notebook-subpage .empty{box-shadow:3px 4px #876d4912;background:#fffaf0!important;border:1px dashed #c8b99f!important;border-radius:2px!important}.notebook-subpage .empty-icon{font-size:34px}@media (width<=900px){.notebook-subpage{width:calc(100% - 14px);margin:9px auto 25px;padding:15px 12px 42px}.notebook-subpage .module-grid,.notebook-subpage .scene-grid,.notebook-subpage .template-grid,.notebook-subpage .kanji-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.notebook-subpage .section-title h2{font-size:30px}}@media (width<=560px){.notebook-subpage{width:calc(100% - 8px);margin:6px auto 16px;padding:12px 8px 34px;transform:none}.notebook-subpage .section-title{padding:12px 7px 11px}.notebook-subpage .section-title h2{font-size:27px}.notebook-subpage .section-title p{font-size:10px;line-height:1.7}.notebook-subpage .module-grid,.notebook-subpage .scene-grid,.notebook-subpage .template-grid,.notebook-subpage .kanji-grid{grid-template-columns:1fr;gap:8px!important}.notebook-subpage .module-card,.notebook-subpage .list-card,.notebook-subpage .question-card,.notebook-subpage .practice-card{box-shadow:2px 3px #876d4917!important}.notebook-subpage .japanese-block{font-size:19px;line-height:2.25}.notebook-subpage .question-card,.notebook-subpage .practice-card{padding:13px!important}.notebook-subpage:after{font-size:12px;right:11px}}.notebook-subpage{background-blend-mode:multiply, multiply, normal;background-image:url(/ebi/ebi-teacher.png),url(/ebi/ebi-teacher.png),radial-gradient(#5c482d0b .55px,#0000 .55px);background-position:right 18px top 70px,left 20px bottom 42px,0 0;background-repeat:no-repeat,no-repeat,repeat;background-size:72px 72px,58px 58px,8px 8px}@media (width<=560px){.notebook-subpage{background-position:right 8px top 54px,left 8px bottom 26px,0 0;background-size:54px 54px,44px 44px,8px 8px}}.reference-hotspot{pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:block}.notebook-subpage{isolation:isolate;background-color:#fff9ed;background-image:radial-gradient(#4b3d2c0e .65px,#0000 .65px),linear-gradient(#0000 31px,#cfc0a51a 32px,#0000 33px);background-size:8px 8px,100% 33px}.notebook-subpage:before{z-index:-1;background:0 0;border:1px solid #8f765347;inset:8px;box-shadow:inset 0 0 0 5px #ffffff29}.notebook-subpage:after{content:"✦  えび先生のノート  〰  ☆";color:#dc755d;letter-spacing:.08em;font-family:Noto Serif JP,Yu Mincho,serif;font-size:11px;top:10px;right:22px}.notebook-subpage .section-title{margin-bottom:4px;padding:14px 15px 16px 17px;position:relative}.notebook-subpage .section-title:after{content:"";border-bottom:3px solid #e8bd45;width:175px;height:4px;position:absolute;bottom:7px;left:17px;transform:rotate(-1.5deg)}.notebook-subpage .section-title h2{text-shadow:1px 1px #fff;font-size:38px}.notebook-subpage .section-title p{font-size:11px;line-height:1.75}.notebook-subpage .level-tabs{padding:4px;position:relative;overflow:visible}.notebook-subpage .level-tabs:before{content:"LEVEL";z-index:2;background:#f2d66d;padding:2px 7px;font-size:7px;font-weight:900;position:absolute;top:-9px;left:8px;transform:rotate(-3deg)}.notebook-subpage .module-card,.notebook-subpage .list-card,.notebook-subpage .scene,.notebook-subpage .template-card,.notebook-subpage .question-card,.notebook-subpage .practice-card,.notebook-subpage .kanji-card{min-height:82px;transition:transform .15s,box-shadow .15s}.notebook-subpage .module-card:after,.notebook-subpage .list-card:after,.notebook-subpage .scene:after,.notebook-subpage .template-card:after,.notebook-subpage .question-card:after,.notebook-subpage .practice-card:after{content:"";pointer-events:none;border-top:2px solid #de6a4e73;width:16px;height:7px;position:absolute;top:8px;right:12px;transform:rotate(18deg)}.notebook-subpage .module-icon{font-size:26px}.notebook-subpage button{cursor:pointer}.notebook-subpage button:active{transform:translateY(1px)rotate(-.2deg)!important}.my-page{padding-bottom:60px}.my-page .my-profile-card{grid-template-columns:125px 1fr;align-items:center;gap:12px;min-height:190px;display:grid;position:relative;transform:rotate(.25deg);background:linear-gradient(135deg,#fff5df,#f2f8f2)!important;border:1px solid #c9b89d!important;padding:14px 20px!important;overflow:visible!important}.my-page .my-profile-card:before{content:"MY NOTEBOOK";background:#f0c95c;padding:3px 9px;font-size:8px;font-weight:900;position:absolute;top:-9px;left:18px;transform:rotate(-2deg)}.my-page .my-ebi{place-items:center;height:150px;display:grid}.my-page .my-ebi img{object-fit:contain;mix-blend-mode:multiply;width:135px;height:150px;transform:rotate(-5deg)}.my-page .my-profile-card h2{color:#1b5875;margin:4px 0;font-family:Noto Serif JP,serif;font-size:32px}.my-page .my-profile-card p{color:#5e6e73;font-size:11px;line-height:1.8}.my-page .my-level-card{background:#fffdf7!important;margin-top:12px!important;padding:16px!important}.my-page .my-section-head{border-bottom:1px dashed #cdbda5;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:9px;display:flex}.my-page .my-section-head h3{color:#1c5674;margin:2px 0;font-family:Noto Serif JP,serif;font-size:24px}.my-page .route{justify-content:center;align-items:center;gap:7px;margin:10px 0 14px;display:flex;position:relative}.my-page .route:before{content:"";z-index:0;border-top:2px dashed #c7bca8;position:absolute;top:50%;left:8%;right:8%}.my-page .route span{z-index:1;color:#71808a;background:#fff8e9;border:2px solid #cdbda4;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid;position:relative;box-shadow:2px 2px #82644614}.my-page .route span.done{color:#173f5b;background:#f1ca55;border-color:#d5ae3e;transform:rotate(-4deg)}.my-page .ability-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.my-page .ability-item{transform:rotate(var(--r,0deg));background:#f5faf4;border:1px dashed #b8c5b7;min-height:75px;padding:9px 8px}.my-page .ability-item:nth-child(2n){--r:.5deg;background:#fff6e9}.my-page .ability-item:nth-child(3n){--r:-.4deg;background:#eef7f8}.my-page .ability-item span,.my-page .ability-item small{color:#718086;font-size:8px;display:block}.my-page .ability-item b{color:#1f5d79;margin:3px 0;font-family:Noto Serif JP,serif;font-size:22px;display:block}.my-page .my-stats{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px;display:grid}.my-page .my-stats>div{text-align:center;transform:rotate(var(--r,0deg));background:#fff8e8;border:1px solid #cdbca1;padding:12px 10px;box-shadow:3px 3px #84674714}.my-page .my-stats>div:nth-child(2){--r:.45deg;background:#eef7f8}.my-page .my-stats>div:nth-child(3){--r:-.4deg;background:#f5faf2}.my-page .my-stats>div:nth-child(4){--r:.3deg;background:#fff0e9}.my-page .my-stats span{color:#7a786f;font-size:8px;display:block}.my-page .my-stats b{color:#1d5674;font-family:Noto Serif JP,serif;font-size:28px}.my-page .my-menu{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.my-page .my-menu .module-card{min-height:120px;padding:15px!important}.my-page .my-menu:last-child{grid-template-columns:1fr 1fr}.my-page .static-card{cursor:default}.speaking-page-mother{padding-top:4px}.speaking-hero-mother{background:linear-gradient(135deg,#fff8e8 0%,#f2f8f5 100%);border:1px solid #cdbda4;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:12px;margin-bottom:12px;padding:18px 20px 12px;display:grid;position:relative;overflow:visible;transform:rotate(-.15deg);box-shadow:4px 5px #7c64481a}.speaking-hero-mother:after{content:"✦  まず一言！";color:#e16d54;font:900 11px Noto Serif JP,serif;position:absolute;top:9px;right:15px;transform:rotate(3deg)}.speaking-copy-mother{z-index:2;padding-right:6px;position:relative}.speaking-copy-mother .eyebrow{color:#d8684f;letter-spacing:.05em;font-size:9px;font-weight:900}.speaking-copy-mother h1 strong{color:#e1644c;text-underline-offset:4px;-webkit-text-decoration:underline #efc75b;text-decoration:underline #efc75b;text-decoration-thickness:4px}.speaking-copy-mother p{color:#66767b;max-width:670px;font-size:11px;line-height:1.8}.speak-steps-mother{flex-wrap:wrap;align-items:center;gap:5px;margin-top:11px;display:flex}.speak-steps-mother span{color:#60747c;background:#fffdf7;border:1px dashed #c9b89d;padding:5px 8px;font-size:9px;font-weight:900}.speak-steps-mother span.active{color:#173f5b;background:#f2cf5a;border-style:solid;transform:rotate(-1deg)}.speak-steps-mother i{color:#d86a50;font-style:normal;font-weight:900}.mother-bubble small{color:#69777b;margin-top:2px;font:700 7px Noto Sans SC,sans-serif;display:block}.guided-mother-card{position:relative;background:#fffaf0!important;padding:15px!important}.guided-mother-card:before{content:"";background:#e8c36e8c;width:55px;height:12px;position:absolute;top:-8px;left:20px;transform:rotate(-4deg)}.guided-top-mother{border-bottom:1px dashed #c8b99f;justify-content:space-between;align-items:center;margin-bottom:10px;padding:2px 2px 8px;display:flex}.guided-top-mother span{color:#d7674e;font-size:10px;font-weight:900}.guided-top-mother b{color:#687a81;font-size:9px}.goal-paper{background:#fffdf7;border:1px solid #cdbfa9;padding:14px 16px;position:relative;transform:rotate(.25deg);box-shadow:3px 4px #82674814}.goal-paper:after{content:"①";color:#e0b53f;font-size:22px;font-weight:900;position:absolute;top:8px;right:12px}.goal-paper small{color:#d6694f;font-size:9px;font-weight:900;display:block}.goal-paper .scene-label{color:#2c6780;background:#dceef1;border-radius:10px;margin:4px 0;padding:3px 8px;font-size:8px;font-weight:900;display:inline-block}.goal-paper .prompt-japanese{color:#173f5b;font-family:Noto Serif JP,serif;font-size:26px!important;line-height:2.05!important}.goal-paper p{color:#637176;font-size:10px;line-height:1.7}.goal-paper p b{color:#d4634c}.expression-coach{background:#f5faf3;border:1px dashed #b9c5b6;margin-top:11px;padding:12px;position:relative}.coach-heading{border-bottom:1px dashed #c8c2b3;justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;display:flex}.coach-heading b{color:#245d76;font-family:Noto Serif JP,serif;font-size:15px}.link-button{color:#d65f48;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:900;text-decoration:underline}.coach-columns{grid-template-columns:1fr 1fr 1.35fr;gap:7px;margin-top:8px;display:grid}.coach-columns>div{background:#fffdf7;border:1px solid #d3c8b6;min-height:75px;padding:9px}.coach-columns span{color:#7b7c74;font-size:8px;display:block}.coach-columns strong{color:#254f65;margin-top:4px;font-size:11px;line-height:1.6;display:block}.micro-tip{background:#fff2bd;border-left:4px solid #e3b73e;margin-top:8px;padding:7px 9px}.micro-tip span{color:#a27422;font-size:8px;font-weight:900}.micro-tip p{margin:3px 0;font-size:10px;line-height:1.6}.mission-paper{background:#fffdf7;border:1px solid #cdbda6;padding:14px 16px;position:relative;transform:rotate(-.2deg);box-shadow:3px 4px #84674817}.mission-paper:before{content:"";background:#e7c4718f;width:58px;height:12px;position:absolute;top:-8px;left:18px;transform:rotate(-3deg)}.mission-paper:after{content:"✦";color:#e3b843;font-size:22px;position:absolute;bottom:8px;right:14px;transform:rotate(8deg)}.mission-label.task-label{color:#2e7890;margin-top:10px}.mission-paper h2{color:#1b536e;margin:3px 0 0;font-family:Noto Serif JP,serif;font-size:24px}.mission-action{color:#214d63;margin:4px 0;font-family:Noto Serif JP,serif;font-size:18px;line-height:1.65}.mission-example-note{color:#71674f;background:#fff2bf;border-left:4px solid #e1b63d;margin-top:9px;padding:7px 9px;font-size:9px;line-height:1.65}.model-paper:before{content:"②";color:#fff;background:#5c9aaa;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-weight:900;display:grid;position:absolute;top:-9px;left:-7px}.model-paper span{color:#6b797d;font-size:8px;display:block}.model-paper b{color:#245b71;margin-top:2px;font-family:Noto Serif JP,serif;font-size:15px;display:block}.model-answer .japanese-block{color:#173f5b;font-size:22px!important;line-height:2.2!important}.model-answer p{color:#68777a;margin:6px 0 0;font-size:9px;line-height:1.6}.answer-zone-mother:before{content:"③ 你来";color:#fff;background:#ed6a51;padding:4px 9px;font-size:9px;font-weight:900;position:absolute;top:-10px;left:14px;transform:rotate(-2deg);box-shadow:2px 2px #80463726}.answer-zone-head{justify-content:space-between;align-items:end;gap:8px;margin:6px 0 7px;display:flex}.answer-zone-head>small{color:#d45f49;font-size:8px}.answer-zone-mother textarea{resize:vertical;color:#254c63;background:#fffdf8;border:1px dashed #b9afa0;outline:none;width:100%;min-height:92px;padding:10px 11px;line-height:1.7}.answer-zone-mother textarea:focus{border-color:#df6b50;box-shadow:0 0 0 3px #e2674f1a}.record-row{flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;display:flex}.record-row .speech-controls{flex:240px}.record-row .primary,.record-row .secondary{min-height:42px}.help-speak{color:#c75e49!important}.feedback-mother{background:#f3faf3;border:1px dashed #b9c3b5;grid-template-columns:62px 1fr auto;align-items:center;gap:9px;margin-top:11px;padding:11px;display:grid}.feedback-mother strong{color:#236a72;font-family:Noto Serif JP,serif;font-size:14px}.feedback-mother.retry strong{color:#c85e49}.next-line-mother{text-align:right;margin-top:9px}.next-line-mother .link-button{font-size:10px}.reference-hotspot{appearance:none;outline:none;min-width:1px;min-height:1px;z-index:21!important}.reference-hotspot:focus-visible{background:#e3654d14;outline:2px dashed #e3654d}.reference-hotspot:active{background:#e3654d1f}.bottom-nav{pointer-events:auto!important}@media (width<=700px){.notebook-subpage{width:calc(100% - 10px);margin:7px auto 18px;padding:13px 9px 42px}.notebook-subpage .section-title h2{font-size:28px}.notebook-subpage .section-title p{font-size:10px}.my-page .my-profile-card{grid-template-columns:82px 1fr;min-height:145px;padding:11px!important}.my-page .my-ebi{height:115px}.my-page .my-ebi img{width:95px;height:120px}.my-page .my-profile-card h2{font-size:24px}.my-page .my-profile-card p{font-size:9px}.my-page .ability-grid,.my-page .my-stats{grid-template-columns:1fr 1fr}.my-page .my-menu,.my-page .my-menu:last-child{grid-template-columns:1fr}.my-page .route span{width:34px;height:34px;font-size:10px}.my-page .route{gap:4px}.speaking-hero-mother{grid-template-columns:1fr;padding:14px 12px 5px}.speaking-copy-mother h1{font-size:27px}.speaking-copy-mother p{font-size:10px}.speaking-ebi-mother{min-height:165px;margin-top:-3px}.speaking-ebi-mother img{width:150px;height:170px}.mother-bubble{top:2px;left:7%}.ebi-state-note{bottom:0;right:6%}.speak-steps-mother{gap:3px}.speak-steps-mother span{padding:4px 6px;font-size:8px}.goal-paper .prompt-japanese{font-size:21px!important;line-height:2.2!important}.coach-columns{grid-template-columns:1fr}.answer-zone-mother textarea{min-height:100px}.record-row{grid-template-columns:1fr;display:grid}.record-row .speech-controls,.record-row .primary,.record-row .secondary{width:100%}.feedback-mother{grid-template-columns:48px 1fr}.feedback-mother .voice-button,.feedback-mother button{grid-column:1/-1;width:100%}}.reference-canvas-image{pointer-events:none}.reference-hotspots{z-index:30;pointer-events:auto}.reference-hotspot{z-index:31;pointer-events:auto}.app:not(.home-shell) .content-area{min-width:0}.notebook-subpage{isolation:isolate;background-color:#fff8e9;background-image:radial-gradient(#54442d0e .6px,#0000 .6px);background-size:8px 8px;border:2px solid #cbbda5;box-shadow:6px 7px #6852321c,0 18px 35px #53412a14}.notebook-subpage:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0 49.6%,#e5d3b229 50%,#0000 50.4%);border:1px solid #705b3f38;position:absolute;inset:10px}.notebook-subpage:after{content:"✎  ✦  えび先生メモ  ☆";color:#d96a52;letter-spacing:.08em;opacity:.8;font-family:Noto Serif JP,serif;font-size:12px;top:9px;right:16px}.notebook-subpage .section-title{background:#fffcf494;border-bottom:1px dashed #bfae91;border-left:5px solid #efc75c;margin:4px 0 14px;padding:12px 14px 13px;position:relative;transform:rotate(-.25deg)}.notebook-subpage .section-title:after{content:"";background:#de654f3b;width:84px;height:8px;position:absolute;bottom:-5px;right:16px;transform:rotate(-2deg)}.notebook-subpage .section-title h2{font-family:Noto Serif JP,Yu Mincho,serif;font-weight:900}.notebook-subpage .section-title>span{color:#df674e;letter-spacing:.12em;font-size:9px;font-weight:900}.notebook-subpage .back-button{z-index:50;background:#fffdf7;border:1px solid #b9aa91;min-height:38px;padding:6px 12px;font-weight:900;position:relative;box-shadow:2px 3px #705a3c1f}.notebook-subpage .level-tabs{z-index:50;gap:5px;padding:6px;display:flex;position:relative;background:#f4ead7!important}.notebook-subpage .level-tabs button{background:#fffdf7;border:1px solid #c4b398;min-width:54px;padding:8px 12px;font-weight:900}.notebook-subpage .level-tabs button.active{color:#173f5b;background:#efc85d;box-shadow:2px 2px #8064391f}.notebook-subpage .module-card,.notebook-subpage .list-card,.notebook-subpage .question-card,.notebook-subpage .practice-card,.notebook-subpage .scene,.notebook-subpage .template-card,.notebook-subpage .kanji-card{cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid #c5b69d!important}.notebook-subpage .module-card:after,.notebook-subpage .list-card:after,.notebook-subpage .question-card:after,.notebook-subpage .practice-card:after{content:"";background:#f0c85d;border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:9px;box-shadow:0 0 0 2px #f0c85d2e}.notebook-subpage .module-card:hover,.notebook-subpage .list-card:hover,.notebook-subpage .scene:hover,.notebook-subpage .template-card:hover,.notebook-subpage .kanji-card:hover{box-shadow:5px 6px #68523221!important}.notebook-subpage .primary,.notebook-subpage .record-button{letter-spacing:.02em;font-weight:900}.speaking-page-mother{max-width:1120px}.speaking-hero-mother{background:#fff4dc;border:1px solid #c9b494;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 15px;display:grid;position:relative;overflow:visible;box-shadow:3px 4px #6d55351a}.speaking-hero-mother:before{content:"";background:#ecc7709e;width:62px;height:12px;position:absolute;top:-7px;left:30px;transform:rotate(-2deg)}.speaking-copy-mother h1{color:#173f5b;margin:5px 0 8px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:34px;line-height:1.12}.speaking-copy-mother h1 em{color:#df624e;text-underline-offset:4px;font-style:normal;-webkit-text-decoration:underline #efc95a;text-decoration:underline #efc95a;text-decoration-thickness:4px}.speaking-copy-mother p{color:#596d73;margin:0;font-size:12px;line-height:1.7}.speak-steps-mother{color:#718087;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;font-size:11px;font-weight:900;display:flex}.speak-steps-mother span{background:#fffdf7;border:1px dashed #c1b095;padding:4px 8px;transform:rotate(-.6deg)}.speak-steps-mother span.active{color:#173f5b;background:#dcecf0;border-color:#8fb0ba}.speaking-ebi-mother{place-items:end center;min-height:160px;display:grid;position:relative}.speaking-ebi-mother img{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(2px 4px #46322314);width:185px;height:155px;transform:rotate(2deg)}.mother-bubble,.ebi-state-note{z-index:3;background:#fffdf7;border:2px solid #355569;border-radius:48% 52% 45% 55%;padding:6px 10px;font-family:Noto Serif JP,serif;font-weight:900;position:absolute;box-shadow:2px 3px #28373a14}.mother-bubble{color:#2c8b79;top:7px;left:0;transform:rotate(-5deg)}.ebi-state-note{color:#df624e;font-size:10px;bottom:5px;right:0;transform:rotate(3deg)}.guided-mother-card{background:#fffdf7!important;border:2px solid #c8b99f!important;padding:15px!important;box-shadow:5px 6px #6c54351c!important}.guided-top-mother{color:#6d7a7b;border-bottom:1px dashed #c8b89e;justify-content:space-between;align-items:center;padding:2px 4px 8px;font-size:10px;font-weight:900;display:flex}.guided-top-mother b{color:#d9654e}.mission-paper{background:#eef7f5;border:1px solid #a9bdb8;margin-top:12px;padding:16px 17px 13px;position:relative;transform:rotate(-.25deg);box-shadow:3px 4px #4a67611a}.mission-paper:before{content:"MISSION";color:#173f5b;background:#f4cf65;border:1px solid #d1b456;padding:2px 9px;font:900 8px/1.2 system-ui;position:absolute;top:-8px;left:20px;transform:rotate(-2deg)}.mission-label{color:#dc664e;margin-bottom:4px;font-size:11px;font-weight:900}.mission-paper h2{color:#173f5b;margin:0;font-size:21px;line-height:1.55}.mission-steps{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.mission-steps>div{background:#fffdf7;border:1px dashed #bfb096;align-items:center;gap:7px;padding:7px 8px;font-size:11px;line-height:1.5;display:flex}.mission-steps b{color:#173f5b;background:#efc85d;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.mission-keywords{flex-wrap:wrap;align-items:center;gap:5px;margin-top:9px;display:flex}.mission-keywords span{color:#7a817e;font-size:9px}.mission-keywords b{color:#a34c3c;background:#f8d7cd;border-radius:11px;padding:4px 7px;font-size:10px}.model-paper{background:#fff6df;border:1px dashed #c7ae7e;grid-template-columns:1fr auto;align-items:start;gap:8px;margin-top:11px;padding:12px 14px;display:grid;position:relative}.model-paper:before{content:"先看一次";background:#dcecf0;border:1px solid #a4b8ba;padding:2px 7px;font-size:8px;font-weight:900;position:absolute;top:-7px;right:18px;transform:rotate(2deg)}.model-paper>div>span{color:#db684f;font-size:9px;font-weight:900;display:block}.model-paper>div>b{color:#3b5b66;font-size:12px}.model-answer{background:#fffdf7;border:1px solid #cbbda7;grid-column:1/-1;padding:9px 10px}.model-answer .japanese-block{margin:2px 0 5px!important}.model-answer p{color:#78807e;margin:6px 0 0;font-size:9px}.answer-zone-mother{background:#fff8eb;border:2px solid #d1bfa0;margin-top:12px;padding:14px;position:relative;box-shadow:3px 4px #7059391a}.answer-zone-mother:before{content:"NOW";color:#fff;background:#ef654f;padding:3px 8px;font-size:8px;font-weight:900;position:absolute;top:-8px;left:20px;transform:rotate(-2deg)}.answer-zone-head{justify-content:space-between;align-items:end;gap:10px;display:flex}.answer-zone-head b{color:#173f5b;font-family:Noto Serif JP,serif;font-size:20px;display:block}.answer-zone-head span{color:#7a817e;margin-top:2px;font-size:10px;display:block}.answer-zone-head small{color:#d8654f;font-size:9px;font-weight:900}.answer-zone-mother textarea{resize:vertical;background:#fffdf8;border:1px solid #c4b59c;width:100%;min-height:92px;margin-top:10px;padding:11px 12px;font-size:17px;line-height:1.6}.answer-zone-mother textarea:focus{border-color:#8caab0;outline:3px solid #efc75a47}.answer-zone-mother .record-row{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.feedback-mother{background:#eef7f0;border:1px dashed #9db7a4;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;margin-top:11px;padding:10px;display:grid;box-shadow:2px 3px #506e5514}.feedback-mother.retry{background:#fff2e5;border-color:#d7a884}.feedback-mother img{object-fit:contain;mix-blend-mode:multiply;width:58px;height:58px}.feedback-mother strong{color:#173f5b;font-size:15px}.feedback-mother p{color:#667676;margin:3px 0 0;font-size:10px;line-height:1.55}.next-line-mother{justify-content:flex-end;margin-top:7px;display:flex}@media (width<=820px){.reference-home-live-panel{width:27%;height:35%;padding:9px 10px;top:60.5%;left:13.5%}.reference-home-live-panel>strong{font-size:16px}.reference-home-live-panel>p{font-size:7px}.reference-home-live-panel button{margin-top:7px;padding:6px 9px;font-size:8px}.speaking-hero-mother{grid-template-columns:1fr 130px;gap:7px;padding:12px 10px}.speaking-copy-mother h1{font-size:25px}.speaking-copy-mother p{font-size:10px}.speaking-ebi-mother{min-height:130px}.speaking-ebi-mother img{width:125px;height:120px}.mother-bubble,.ebi-state-note{padding:4px 6px;font-size:8px}.speak-steps-mother{gap:4px;font-size:9px}.mission-paper h2{font-size:17px}.mission-steps{grid-template-columns:1fr}.feedback-mother{grid-template-columns:48px 1fr}.feedback-mother .voice-button,.feedback-mother .secondary{grid-column:1/-1}.answer-zone-head{flex-direction:column;align-items:start;gap:3px}}@media (width<=560px){.reference-home-live-panel{width:27%;height:35%;top:60.5%;left:13.5%}.notebook-subpage{width:calc(100% - 8px);margin:6px auto 16px;padding:11px 8px 38px}.notebook-subpage .section-title{margin-bottom:10px}.notebook-subpage .section-title h2{font-size:26px}.notebook-subpage .level-tabs{overflow-x:auto}.notebook-subpage .level-tabs button{min-width:48px;padding:7px 9px}.speaking-hero-mother{grid-template-columns:1fr 95px}.speaking-copy-mother h1{font-size:22px}.speaking-copy-mother p{font-size:9px}.speaking-ebi-mother{min-height:105px}.speaking-ebi-mother img{width:92px;height:98px}.speak-steps-mother i{display:none}.speak-steps-mother span{padding:3px 5px;font-size:8px}.guided-mother-card{padding:10px!important}.mission-paper{padding:14px 11px 11px}.mission-paper h2{font-size:16px;line-height:1.55}.mission-steps>div{font-size:10px}.model-paper{grid-template-columns:1fr}.model-paper>.secondary{justify-self:start}.answer-zone-mother{padding:11px}.answer-zone-mother textarea{min-height:82px;font-size:16px}.answer-zone-mother .record-row>*{flex:100%}.feedback-mother strong{font-size:13px}}@media (width<=700px){.mission-paper{padding:13px 12px}.mission-paper h2{font-size:21px}.mission-action{font-size:16px}.model-paper{grid-template-columns:1fr}.model-paper>button{width:100%}.model-answer{grid-column:1}.model-answer .japanese-block{font-size:19px!important}}.roleplay-page-clear{max-width:1120px}.clear-roleplay-card{background:#fffdf7!important;border:2px solid #c8b99f!important;padding:16px!important;box-shadow:5px 6px #6c54351c!important}.clear-mission-head{border-bottom:1px dashed #c6b79e;justify-content:space-between;align-items:start;gap:12px;padding:4px 4px 11px;display:flex}.clear-mission-head h1{color:#173f5b;margin:4px 0 5px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:30px}.clear-mission-head p{color:#66767a;margin:0;font-size:11px;line-height:1.7}.clear-mission-box{background:#edf7f4;border:1px solid #aabdb7;grid-template-columns:1fr 190px;gap:10px;margin-top:12px;padding:13px 15px;display:grid;position:relative;transform:rotate(-.2deg);box-shadow:3px 4px #48645e1a}.clear-mission-box:before{content:"① ② ③";color:#173f5b;background:#f1cc61;padding:2px 8px;font-size:8px;font-weight:900;position:absolute;top:-8px;left:16px;transform:rotate(-2deg)}.clear-mission-copy{grid-template-columns:90px 1fr;align-items:center;gap:5px 9px;display:grid}.clear-mission-copy>span{color:#71807f;font-size:9px;font-weight:900}.clear-mission-copy>strong{color:#173f5b;font-family:Noto Serif JP,serif;font-size:17px}.clear-mission-copy>p{color:#254f63;margin:0;font-size:12px;font-weight:700;line-height:1.65}.clear-mission-ebi{place-items:end center;min-height:135px;display:grid;position:relative}.clear-mission-ebi img{object-fit:contain;mix-blend-mode:multiply;width:145px;height:140px;transform:rotate(4deg)}.clear-mission-ebi span{color:#df624e;z-index:2;background:#fffdf7;border:2px solid #315366;border-radius:50%;padding:5px 8px;font-family:Noto Serif JP,serif;font-size:10px;font-weight:900;position:absolute;top:3px;right:3px;transform:rotate(3deg)}.clear-step-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.clear-step-row>div{background:#fff6df;border:1px dashed #c8b388;align-items:center;gap:8px;padding:8px 9px;display:flex}.clear-step-row b{color:#173f5b;background:#efc75b;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.clear-step-row span{color:#435f68;font-size:10px;line-height:1.5}.clear-model-row{background:#fff4e6;border:1px dashed #d0ad83;justify-content:space-between;align-items:start;gap:10px;margin-top:10px;padding:11px 13px;display:flex}.clear-model-row span{color:#d7654f;font-size:9px;font-weight:900;display:block}.clear-model-row strong{color:#3c5c66;margin-top:2px;font-size:11px;display:block}.clear-model-answer{background:#fffdf8;border:1px solid #c9bca6;margin-top:7px;padding:7px 9px}.clear-model-answer .japanese-block{margin-bottom:4px;font-size:19px!important}.clear-chat-title{border-bottom:2px solid #e8c75c;justify-content:space-between;align-items:end;gap:10px;margin-top:12px;padding:8px 3px;display:flex}.clear-chat-title span{color:#d7644e;font-size:10px;font-weight:900;display:block}.clear-chat-title b{color:#173f5b;margin-top:2px;font-family:Noto Serif JP,serif;font-size:16px;display:block}.clear-chat-title small{color:#7b817d;font-size:9px}.clear-chat-log{background:#fbf4e8;border:1px solid #d5c6ad;max-height:360px;margin-top:9px;padding:4px;overflow:auto}.clear-input{margin-top:10px!important}.clear-roleplay-tip{color:#526c72;background:#eef7f6;border-left:4px solid #5c9aae;margin-top:9px;padding:8px 10px;font-size:10px;line-height:1.6}.clear-roleplay-tip b{color:#d55f4b}@media (width<=700px){.clear-roleplay-card{padding:10px!important}.clear-mission-head{flex-direction:column}.clear-mission-head h1{font-size:24px}.clear-mission-head p{font-size:9px}.clear-mission-box{grid-template-columns:1fr 90px;padding:11px}.clear-mission-copy{grid-template-columns:65px 1fr;gap:4px 6px}.clear-mission-copy>strong{font-size:14px}.clear-mission-copy>p{font-size:10px}.clear-mission-ebi{min-height:110px}.clear-mission-ebi img{width:88px;height:105px}.clear-mission-ebi span{padding:4px 5px;font-size:8px}.clear-step-row{grid-template-columns:1fr}.clear-model-row{flex-direction:column}.clear-model-row .secondary{width:100%}.clear-chat-title{flex-direction:column;align-items:start;gap:3px}.clear-chat-title b{font-size:13px}.clear-chat-log{max-height:300px}}.roleplay-theme-title{color:#173f5b;margin:0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:16px;font-weight:900}@media (width<=700px){.roleplay-theme-title{font-size:13px}}@media (width<=820px){.reference-home-challenge-panel{width:15%;height:35%;padding:7px;top:60.5%;left:50%}.reference-home-challenge-panel strong{font-size:12px}.reference-home-challenge-panel span{font-size:6px}.reference-home-challenge-panel button{margin-top:7px;padding:4px 6px;font-size:7px}}.reference-home-challenge-panel{z-index:20;background:#fff1c6;border:1px solid #c7b58f;width:15%;height:35%;padding:10px 11px;font-family:Noto Serif JP,Yu Mincho,serif;position:absolute;top:60.5%;left:50%;overflow:hidden;transform:rotate(.5deg);box-shadow:3px 4px #7059391c}.reference-home-challenge-panel:before{content:"✦";color:#e3654d;font-size:17px;position:absolute;top:6px;right:8px}.reference-home-challenge-panel:after{content:"〰  ☆";color:#5a93a5;font-size:13px;position:absolute;bottom:7px;left:9px}.reference-home-challenge-panel span{color:#b27429;font-size:8px;font-weight:900;display:block}.reference-home-challenge-panel strong{color:#173f5b;margin-top:5px;font-size:18px;display:block}.reference-home-challenge-panel button{color:#d85f49;background:#fffdf7;border:1px solid #aeb4a8;border-radius:13px;margin-top:12px;padding:5px 10px;font-size:9px;font-weight:900}@media (width<=820px){.reference-home-challenge-panel{width:15%;height:35%;padding:7px;top:60.5%;left:50%}.reference-home-challenge-panel strong{font-size:12px}.reference-home-challenge-panel span{font-size:6px}.reference-home-challenge-panel button{margin-top:7px;padding:4px 6px;font-size:7px}}.true-notebook-home{background:#f4eddf!important;max-width:1480px!important;padding:18px 18px 46px!important}.notebook-home-frame{background:#fbf6e9 radial-gradient(#485b5617 .7px,#0000 .7px) 0 0/8px 8px;border:1px solid #d8c9ad;padding:18px 18px 28px;position:relative;overflow:hidden;box-shadow:0 8px #65523914,inset 0 0 0 5px #ffffff59}.notebook-home-frame:before{content:"";pointer-events:none;border:1px solid #bea98480;position:absolute;inset:10px}.notebook-doodle{z-index:1;color:#e36a50;pointer-events:none;font-size:28px;position:absolute}.doodle-spark{top:18px;right:30px;transform:rotate(9deg)}.doodle-wave{color:#5c96a9;bottom:18px;left:18px;transform:rotate(-7deg)}.notebook-tape{z-index:5;filter:saturate(.8);pointer-events:none;background:#e8ce7e8f;width:105px;height:26px;position:absolute}.tape-left{top:3px;left:90px;transform:rotate(-4deg)}.tape-right{bottom:4px;right:115px;transform:rotate(5deg)}.home-notebook-hero{z-index:2;background:#fffdf6;border:2px solid #c8b99d;grid-template-columns:1.05fr .95fr;min-height:330px;display:grid;position:relative;overflow:hidden;box-shadow:5px 6px #6c543517}.home-notebook-hero:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 14px,#4566711f 14px 15px);height:16px;position:absolute;bottom:0;left:0;right:0}.home-hero-copy-real{z-index:2;padding:34px 30px 30px;position:relative}.hand-kicker{color:#d6634c;border-bottom:2px solid #efc85d;padding-bottom:3px;font-family:Noto Serif JP,serif;font-size:13px;font-weight:900;display:inline-block;transform:rotate(-2deg)}.home-hero-copy-real h1{color:#173f5b;margin:12px 0 10px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:42px;line-height:1.22}.home-hero-copy-real h1 em{color:#d85f4b;font-style:normal}.home-hero-copy-real>p{color:#566d72;max-width:580px;margin:0;font-size:14px;line-height:1.9}.hero-action-row-real{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.sketch-primary,.sketch-secondary{cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex}.sketch-primary{color:#fff;background:#e76850;border:0;box-shadow:0 3px #bd4f40}.sketch-secondary{color:#2b5e73;background:#fffdf7;border:1px solid #8ea7a8;box-shadow:2px 3px #5b726f1f}.sketch-primary:hover,.sketch-secondary:hover{transform:translateY(-1px)}.hero-sticker-row{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.hero-sticker-row span{color:#496773;background:#fff4cb;border:1px dashed #c8b37d;padding:5px 8px;font-size:9px;transform:rotate(-1deg)}.hero-sticker-row span:nth-child(2){background:#eaf4f1;transform:rotate(1deg)}.hero-sticker-row span:nth-child(3){background:#f8e7e0;transform:rotate(-2deg)}.home-hero-art-real{background:linear-gradient(#eaf5f4 0 57%,#e9f0dd 57% 100%);border-left:1px dashed #c7b99f;min-height:330px;position:relative;overflow:hidden}.home-hero-art-real:before{content:"";opacity:.8;background:radial-gradient(circle at 25% 20%,#ffffffd9 0 18px,#0000 19px),radial-gradient(circle at 73% 27%,#fffc 0 15px,#0000 16px);position:absolute;inset:0}.hero-cloud{color:#fff;opacity:.72;font-size:55px;position:absolute}.cloud-a{top:15%;left:16%}.cloud-b{font-size:42px;top:29%;right:11%}.hero-landscape-real{height:52%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mountain{clip-path:polygon(0 100%,50% 0,100% 100%);background:#a7c7c3;width:60%;height:78%;position:absolute;bottom:0}.mountain-a{background:#9ebfbe;left:-7%;transform:rotate(-2deg)}.mountain-b{background:#c2d3b2;height:64%;right:-10%;transform:rotate(3deg)}.flower{color:#e99a8a;font-size:24px;position:absolute}.flower-a{bottom:12%;left:12%}.flower-b{color:#e7bd65;bottom:17%;right:17%}.home-hero-art-real>img{z-index:3;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(2px 4px #5644301a);width:230px;height:245px;position:absolute;bottom:4%;right:12%;transform:rotate(3deg)}.hero-bubble-real{z-index:4;text-align:center;color:#315a70;background:#fffdf7;border:2px solid #456678;border-radius:50%;padding:12px 16px;font-family:Noto Serif JP,serif;font-size:11px;line-height:1.4;position:absolute;top:10%;right:8%;transform:rotate(4deg);box-shadow:2px 3px #4c5b551f}.hero-bubble-real b{color:#d8614c;font-size:16px}.home-section-real{z-index:2;background:#fffdf6;border:2px solid #c9baa0;margin-top:18px;padding:15px;position:relative;box-shadow:4px 5px #6c543514}.section-title-real{justify-content:space-between;align-items:end;gap:10px;margin:0 4px 12px;display:flex}.section-title-real span{color:#d6634c;letter-spacing:.12em;font-size:8px;font-weight:900}.section-title-real h2{color:#173f5b;margin:3px 0 0;font-family:Noto Serif JP,serif;font-size:23px}.section-title-real small{color:#7d8178;font-size:9px}.module-grid-real{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.study-sticker{text-align:center;color:#294f62;cursor:pointer;min-height:145px;transform:rotate(var(--r,-.6deg));background:#f7f0db;border:1px solid #bfc0ae;padding:20px 9px 10px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:3px 4px #5c4f381a}.study-sticker:nth-child(2){--r:.7deg;background:#eef6f3}.study-sticker:nth-child(3){--r:-.9deg;background:#fff2c9}.study-sticker:nth-child(4){--r:.5deg;background:#f3e9f2}.study-sticker:nth-child(5){--r:-.4deg;background:#eaf3ef}.study-sticker:hover{transform:translateY(-3px)rotate(0);box-shadow:4px 6px #5c4f3824}.study-sticker .sticker-tape{background:#e2c9788c;width:52%;height:17px;position:absolute;top:-8px;left:24%;transform:rotate(-2deg)}.study-icon-real{color:#315e71;border-radius:50%;place-items:center;width:38px;height:38px;margin:0 auto 3px;display:grid}.study-jp-real{font-family:Noto Serif JP,serif;font-size:17px;font-weight:900;display:block}.study-sticker strong{margin-top:1px;font-size:12px;display:block}.study-sticker small{color:#7d8178;margin-top:3px;font-size:8px;display:block}.study-sticker em{color:#d4634e;margin-top:6px;font-size:8px;font-style:normal;display:block}.sticker-arrow{color:#d7634e;font-size:12px;position:absolute;bottom:5px;right:8px}.study-mode-tabs{grid-template-columns:1fr 1fr;gap:10px;margin:8px 2px 12px;display:grid}.study-mode-tabs button{text-align:left;color:#31566a;background:#fffdf7;border:1px solid #c9baa0;gap:3px;padding:13px 16px;display:grid;position:relative;transform:rotate(-.25deg);box-shadow:3px 4px #70583714}.study-mode-tabs button:nth-child(2){transform:rotate(.25deg)}.study-mode-tabs button:before{content:"";background:#e8c6777a;width:42px;height:11px;position:absolute;top:-6px;left:18px;transform:rotate(-2deg)}.study-mode-tabs button b{font-family:Noto Serif JP,serif;font-size:18px}.study-mode-tabs button small{color:#77817d;font-size:10px}.study-mode-tabs button.active{color:#173f5b;background:#fff0c7;border-color:#d8a94a;box-shadow:0 4px #d5b05a}.bank-tabs{flex-wrap:wrap;gap:7px;margin:0 2px 13px;display:flex}.bank-tabs button{color:#486879;background:#f8f1e4;border:1px dashed #baa98d;padding:7px 11px}.bank-tabs button.active{color:#276b5c;background:#e8f3ef;border-color:#6f9f91}.lesson-card{padding:22px!important}.lesson-steps{flex-wrap:wrap;gap:7px;margin:4px 0 15px;display:flex}.lesson-steps span{color:#376858;background:#eef5ef;border:1px dashed #9eb5a8;padding:6px 9px;font-size:10px;font-weight:800;transform:rotate(-.4deg)}.lesson-steps span:nth-child(2){background:#fff2c9;transform:rotate(.4deg)}.lesson-steps span:nth-child(3){background:#f4e8ee}.lesson-script-toggle{margin:11px 0;display:block}.lesson-focus{background:#fff5d8;border-left:5px solid #edc85b;margin:17px 0 8px;padding:15px;box-shadow:2px 3px #7058370f}.lesson-focus>b{color:#d35f49;margin-bottom:8px;display:block}.lesson-focus p{color:#68777b;line-height:1.8}.lesson-card .reading-text .inline-language{font-size:19px;line-height:2.2}.exam-page{max-width:1120px}.exam-level-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin:10px 2px 17px;display:grid}.exam-level-grid button{color:#31566a;min-height:135px;transform:rotate(var(--r,-.5deg));background:#fffaf0;border:1px solid #c4b397;align-content:center;place-items:center;gap:5px;transition:all .16s;display:grid;position:relative;box-shadow:4px 5px #755b3717}.exam-level-grid button:nth-child(2n){--r:.5deg;background:#f2f8f4}.exam-level-grid button:before{content:"";background:#e8c67785;width:46px;height:13px;position:absolute;top:-7px;transform:rotate(-3deg)}.exam-level-grid button strong{color:#1c5676;font-family:Noto Serif JP,serif;font-size:36px}.exam-level-grid button span{font-weight:900}.exam-level-grid button small{color:#7c817a;font-size:9px}.exam-level-grid button.active{background:#fff0bd;border:2px solid #dda847;transform:translateY(-3px)rotate(0);box-shadow:0 6px #d0aa52}.exam-level-summary{justify-content:space-between;align-items:center;gap:18px;display:flex;padding:20px!important}.exam-level-summary h3{margin:4px 0;font-family:Noto Serif JP,serif;font-size:22px}.exam-level-summary p{color:#69777a;margin:0}.exam-flow-list{gap:9px;margin-bottom:18px;display:grid}.exam-flow-list>div{background:#fffdf7;border-bottom:1px dashed #c9baa0;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:11px;display:grid}.exam-flow-list>div>b{color:#173f5b;background:#edc85b;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.exam-flow-list span{justify-content:space-between;align-items:center;gap:10px;display:flex}.exam-flow-list small{color:#69777a}.exam-intro ul{color:#425e6d;line-height:1.9}.exam-source-note{background:#edf6f1;border-left:5px solid #68a28e;margin:15px 0;padding:13px 15px}.exam-source-note p{margin:5px 0}.exam-source-note a{color:#2d718c;font-weight:800}.exam-ready{text-align:center;padding:35px!important}.exam-ready h2{color:#173f5b;font-family:Noto Serif JP,serif;font-size:32px}.exam-ready button{margin:7px}.exam-toolbar{z-index:20;background:#fffaf0f5;border:1px solid #c6b79d;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;margin:6px 0 12px;padding:11px 13px;display:grid;position:sticky;top:0;box-shadow:3px 4px #70583714}.exam-toolbar strong{color:#d55743;font-variant-numeric:tabular-nums;font-size:24px}.exam-toolbar button{background:#fff;border:1px solid #a9b7b2;padding:7px}.exam-question{cursor:default!important}.exam-question:after{display:none}.exam-japanese{border-bottom:1px dashed #c9baa0;padding:14px 3px;font-family:Noto Serif JP,serif;font-size:20px;line-height:2.15}.exam-prompt{margin:16px 0;font-family:Noto Serif JP,serif;font-size:20px;font-weight:900;line-height:1.8}.exam-audio{min-width:210px;margin:13px 0}.exam-question .choices button{grid-template-columns:28px 1fr;align-items:start;gap:8px;display:grid}.exam-question .choices button>b{background:#f0dfb4;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.exam-question .choices button small{color:#9a604e;grid-column:2;margin-top:4px}.exam-question .choices button.selected{background:#fff0e9!important;border:2px solid #df6a52!important}.exam-sheet{background:#f4eddf;border:1px dashed #c5b69c;flex-wrap:wrap;gap:5px;margin:17px 0;padding:11px;display:flex}.exam-sheet button{color:#496677;background:#fff;border:1px solid #b6aa97;width:34px;height:34px}.exam-sheet button.answered{color:#fff;background:#83aa9b;border-color:#658f80}.exam-sheet button[aria-current=true]{outline:3px solid #edc85b}.exam-confirm{z-index:100;background:#1d2d346b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.exam-confirm>section{width:min(520px,100%);padding:26px!important}.exam-confirm button{margin-right:8px}.exam-result-actions{justify-content:center;gap:10px;margin:14px;display:flex}.exam-result details{background:#fffdf7;border:1px solid #cbbda5;margin:8px 0;padding:11px}.exam-result summary{cursor:pointer;color:#31566a;font-weight:900}.home-middle-real{z-index:2;grid-template-columns:1.25fr 1fr .72fr;gap:12px;margin-top:18px;display:grid;position:relative}.paper-card-real{background:#fffdf6;border:1px solid #cbbca4;padding:16px;position:relative;overflow:hidden;box-shadow:4px 5px #6c543514}.paper-card-real:first-child{transform:rotate(-.35deg)}.paper-card-real:nth-child(2){background:#fbf6e8;transform:rotate(.25deg)}.paper-card-real:nth-child(3){background:#fff1bf;transform:rotate(.7deg)}.paper-label{color:#d6634c;font-size:9px;font-weight:900;display:inline-block}.today-speaking-real h2{color:#173f5b;margin:8px 0 6px;font-family:Noto Serif JP,serif;font-size:22px;line-height:1.35}.today-speaking-real h2 em,.challenge-real h2 em{color:#e4654d;font-style:normal}.today-speaking-real>p,.challenge-real>p{color:#647478;max-width:75%;font-size:10px;line-height:1.65}.mini-dialog-real{background:#eef7f4;border:1px dashed #9db7ad;margin:10px 0;padding:9px}.mini-dialog-real b{color:#d6634c;font-size:8px;display:block}.mini-dialog-real .japanese-block{color:#173f5b;margin:4px 0;font-size:20px!important}.mini-dialog-real small{color:#65766f;font-size:9px}.wide-real{z-index:3;width:100%;position:relative}.today-speaking-real>img{object-fit:contain;mix-blend-mode:multiply;pointer-events:none;width:110px;height:115px;position:absolute;bottom:4px;right:4px;transform:rotate(8deg)}.paper-label-row{border-bottom:1px dashed #cbbda8;justify-content:space-between;align-items:center;gap:6px;padding-bottom:6px;display:flex}.paper-label-row button{color:#47768a;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:900}.recent-real-row{text-align:left;color:#294f62;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #d2c5af;grid-template-columns:22px 1fr auto 12px;align-items:center;gap:5px;width:100%;padding:9px 1px;display:grid}.recent-real-row span{background:#e8c65c;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;font-weight:900;display:grid}.recent-real-row b{font-size:10px}.recent-real-row small{color:#7e847b;font-size:7px}.recent-real-row i{color:#d6634c;font-style:normal}.recent-empty-real{color:#77807a;padding:20px 6px;font-size:10px;line-height:1.8}.challenge-real h2{color:#173f5b;margin:9px 0;font-family:Noto Serif JP,serif;font-size:28px;line-height:1.05}.challenge-mini-art{height:94px;margin:4px -2px 8px;position:relative}.challenge-mini-art img{object-fit:contain;mix-blend-mode:multiply;width:112px;height:102px;position:absolute;bottom:-3px;right:1px;transform:rotate(7deg)}.challenge-mini-art span{color:#d8634d;background:#fffdf7;border:2px solid #456678;border-radius:50%;padding:9px 8px;font-family:Noto Serif JP,serif;font-weight:900;position:absolute;top:16px;left:2px;transform:rotate(-8deg)}.notebook-guide-real{background:#eef5f1;grid-template-columns:150px 1fr 250px;align-items:center;gap:15px;display:grid}.guide-ebi-real{text-align:center;min-height:110px;position:relative}.guide-ebi-real img{object-fit:contain;mix-blend-mode:multiply;width:115px;height:115px;transform:rotate(-6deg)}.guide-ebi-real div{color:#416474;background:#fffdf7;border:1px solid #456678;border-radius:50%;padding:5px 8px;font-size:8px;position:absolute;top:2px;left:0;transform:rotate(-5deg)}.guide-ebi-real b{color:#d9634c}.guide-copy-real h2{color:#173f5b;margin:5px 0;font-family:Noto Serif JP,serif;font-size:20px}.guide-copy-real p{color:#617377;margin:0;font-size:10px;line-height:1.8}.guide-links-real{gap:7px;display:grid}.guide-links-real button{text-align:left;cursor:pointer;color:#294f62;background:#fffdf7;border:1px dashed #b9ab91;padding:9px 10px;box-shadow:2px 3px #5c4f3812}.guide-links-real b{font-size:11px;display:block}.guide-links-real span{color:#7b827b;margin-top:2px;font-size:8px;display:block}@media (width<=1050px){.module-grid-real{grid-template-columns:repeat(4,1fr)}.home-middle-real{grid-template-columns:1fr 1fr}.challenge-real{grid-column:1/-1}.home-notebook-hero{grid-template-columns:1fr .8fr}.home-hero-copy-real h1{font-size:35px}.notebook-guide-real{grid-template-columns:120px 1fr}.guide-links-real{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media (width<=760px){.true-notebook-home{padding:4px 4px 78px!important}.notebook-home-frame{padding:8px 8px 18px}.notebook-tape{width:72px;height:19px}.tape-left{left:35px}.tape-right{right:35px}.home-notebook-hero{grid-template-columns:1fr;min-height:0}.home-hero-copy-real{padding:24px 15px 17px}.home-hero-copy-real h1{font-size:29px}.home-hero-copy-real>p{font-size:10px;line-height:1.7}.hand-kicker{font-size:10px}.hero-action-row-real{margin-top:13px}.sketch-primary,.sketch-secondary{padding:8px 12px;font-size:12px}.hero-sticker-row{margin-top:12px}.hero-sticker-row span{font-size:7px}.home-hero-art-real{border-top:1px dashed #c7b99f;border-left:0;min-height:215px}.home-hero-art-real>img{width:155px;height:170px;bottom:0;right:12%}.hero-bubble-real{padding:8px 10px;font-size:8px;top:9%;right:8%}.hero-bubble-real b{font-size:12px}.home-section-real{margin-top:10px;padding:10px}.section-title-real{flex-direction:column;align-items:start;margin-bottom:8px}.section-title-real h2{font-size:19px}.section-title-real small{font-size:8px}.module-grid-real{grid-template-columns:repeat(2,1fr);gap:6px}.study-sticker{min-height:125px;padding:17px 6px 8px}.study-jp-real{font-size:14px}.study-sticker strong{font-size:10px}.study-sticker small,.study-sticker em{font-size:7px}.home-middle-real{grid-template-columns:1fr;gap:8px;margin-top:10px}.challenge-real{grid-column:auto}.paper-card-real{padding:12px}.today-speaking-real h2{font-size:20px}.today-speaking-real>p,.challenge-real>p{max-width:78%;font-size:9px}.today-speaking-real>img{width:90px;height:95px}.notebook-guide-real{grid-template-columns:88px 1fr;gap:8px;margin-top:10px}.guide-ebi-real{min-height:90px}.guide-ebi-real img{width:85px;height:88px}.guide-ebi-real div{font-size:6px}.guide-copy-real h2{font-size:16px}.guide-copy-real p{font-size:8px;line-height:1.65}.guide-links-real{grid-column:1/-1;grid-template-columns:1fr 1fr}.guide-links-real button{padding:7px}.guide-links-real b{font-size:9px}.guide-links-real span{font-size:7px}.study-mode-tabs{gap:6px}.study-mode-tabs button{padding:11px 10px}.study-mode-tabs button b{font-size:16px}.study-mode-tabs button small{font-size:9px}.lesson-card{padding:14px!important}.lesson-card .reading-text .inline-language{font-size:16px;line-height:2}.exam-level-grid{grid-template-columns:repeat(2,1fr);gap:8px}.exam-level-grid button{min-height:108px}.exam-level-grid button:last-child{grid-column:1/-1}.exam-level-grid button strong{font-size:29px}.exam-level-summary{display:grid;padding:15px!important}.exam-level-summary button{width:100%}.exam-flow-list span{display:grid}.exam-toolbar{grid-template-columns:1fr auto;gap:6px}.exam-toolbar span,.exam-toolbar button{font-size:10px}.exam-question{padding:14px!important}.exam-japanese,.exam-prompt{font-size:17px}.exam-sheet button{width:31px;height:31px}.exam-ready{padding:23px 14px!important}.exam-result-actions{display:grid}.bottom-nav button:nth-child(2) small{font-size:9px}}@media (width<=420px){.module-grid-real{grid-template-columns:repeat(2,1fr)}.study-sticker{min-height:116px}.study-icon-real{width:32px;height:32px}.home-hero-copy-real h1{font-size:25px}.hero-action-row-real>*{flex:1}.hero-sticker-row{display:none}.challenge-mini-art{height:80px}}.past-session-card.incomplete{filter:saturate(.62);background:#f3eee3}.past-session-card.incomplete>strong{color:#8a8174}.past-session-card small{white-space:pre-line}.past-wrong-list{background:#fff8e7;border:1px dashed #c6a86b;margin:16px 0;padding:14px}.past-wrong-list summary{cursor:pointer;color:#a34e40;font-weight:900}.past-wrong-list p{line-height:1.9}.exam-intro button:disabled{cursor:not-allowed;opacity:.46;filter:grayscale(.35)}.exam-resume-note{color:#31566a;background:#fff3d5;border:1px dashed #d89b58;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px;padding:12px 14px;display:flex}.exam-resume-note b{color:#c85f49}.exam-resume-note span{font-size:13px}.exam-start-actions{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.exam-start-actions button{margin:0}.reference-canvas-wrap{background:#f5eedf;width:100%;position:relative;overflow:hidden}.reference-canvas-image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.reference-hotspots{z-index:20;width:100%;height:100%;position:absolute;inset:0}.reference-hotspot{cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;margin:0;padding:0;display:block;position:absolute}.reference-hotspot:hover{background:#ef674f17;outline:1px dashed #d55d4659}.reference-mobile-actions{display:none}@media (width<=820px){.reference-canvas-page{width:100%;padding:0 0 78px;overflow:hidden}.reference-canvas-wrap{width:100%;overflow:hidden}.reference-canvas-image{width:100%;max-width:none;transform:none}.reference-hotspots{width:100%;height:100%;top:0;left:0;transform:none}.reference-mobile-actions{z-index:30;background:#fff9ec;border-top:1px solid #d8c7a7;grid-template-columns:repeat(5,1fr);gap:5px;padding:7px;display:grid;position:sticky;bottom:0}.reference-mobile-actions button{color:#284e63;background:#fffdf7;border:1px solid #cdbb9b;border-radius:10px;padding:8px 2px;font-size:10px;font-weight:900}}.exam-focus{padding-bottom:112px}.exam-focus .past-exam-workspace{grid-template-columns:minmax(0,1fr)}.exam-focus .web-answer-sheet{z-index:42;opacity:0;pointer-events:none;width:min(390px,100vw - 36px);max-height:none;transition:transform .24s,opacity .2s;position:fixed;top:80px;bottom:92px;right:18px;overflow:auto;transform:translate(calc(100% + 32px));box-shadow:0 18px 50px #243d4d4d}.exam-focus .web-answer-sheet.open{opacity:1;pointer-events:auto;transform:none}.answer-sheet-head{z-index:2;background:#fff9edee;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 0 10px;display:flex;position:sticky;top:-15px}.answer-sheet-head p{margin:4px 0 0}.answer-sheet-head>button{color:#fff;background:#e66f5a;border:0;border-radius:50%;width:36px;height:36px;font-size:25px}.answer-number-grid{grid-template-columns:repeat(5,1fr);gap:7px!important;display:grid!important}.answer-number-grid>button{color:#31566c;background:#fffdf7;border:1px solid #d6c7ac;border-radius:10px;place-items:center;min-height:52px;padding:4px;display:grid;position:relative}.answer-number-grid>button b{font-size:14px}.answer-number-grid>button span{color:#89979a;font-size:11px}.answer-number-grid>button.answered{background:#dcecf2;border-color:#6c9eb4}.answer-number-grid>button.current{outline-offset:1px;outline:3px solid #e8725c}.answer-number-grid>button.marked:after{content:"★";color:#e3a42b;font-size:11px;position:absolute;top:1px;right:3px}.sheet-summary{background:#f5ead7;border-radius:12px;justify-content:space-between;gap:8px;margin:16px 0;padding:12px;display:flex}.sheet-backdrop{z-index:41;background:#18334242;border:0;position:fixed;inset:0}.quick-answer-dock{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0f2;border:1px solid #cdbb9c;border-radius:22px;justify-content:center;align-items:center;gap:8px;min-height:70px;padding:9px 14px;display:flex;position:fixed;bottom:14px;left:max(210px,50vw - 460px);right:18px;box-shadow:0 9px 28px #243d4d38}.quick-answer-dock>button{color:#31566c;background:#fff;border:1px solid #d1c2a8;border-radius:13px;place-items:center;min-width:58px;height:49px;font-size:25px;display:grid}.quick-answer-dock button small{font-size:9px;line-height:1;display:block}.quick-answer-dock>button:disabled{opacity:.35}.quick-answer-dock .flag.active{color:#e4a52c;background:#fff2ca}.dock-question{color:#31566c;align-items:baseline;gap:3px;padding:0 8px;display:flex}.dock-question span,.dock-question small{font-size:10px}.dock-question b{color:#e06755;font-size:25px}.dock-choices{gap:7px;display:flex}.dock-choices button{color:#31566c;background:#fff;border:1px solid #bda98b;border-radius:50%;width:48px;height:48px;font-size:18px;font-weight:900}.dock-choices button.selected{color:#fff;background:#e66f5a;border-color:#c34e3d;transform:translateY(-2px)}.listening-focus-card{text-align:center;background:linear-gradient(145deg,#fffaf0,#eef6f2);align-content:center;justify-items:center;min-height:500px;display:grid;padding:34px!important}.listening-focus-card h2{margin:8px;font-family:Noto Serif JP,serif;font-size:44px}.listening-focus-card p{color:#536d76;max-width:620px}.listening-choice-stage{grid-template-columns:repeat(4,110px);gap:14px;margin:26px 0;display:grid}.listening-choice-stage button{color:#31566c;background:#fffaf4;border:2px solid #cdbd9f;border-radius:22px;align-content:center;place-items:center;height:105px;display:grid}.listening-choice-stage button.selected{color:#fff;background:#e66f5a;border-color:#bf4d3c;box-shadow:0 9px 22px #e66f5a4d}.sheet-trigger{white-space:nowrap}@media (width<=820px){.exam-focus{padding:8px 8px 196px}.exam-focus .past-toolbar{z-index:12;grid-template-columns:1fr auto;gap:5px;padding:9px;display:grid;position:sticky;top:0}.exam-focus .past-toolbar>b,.exam-focus .past-toolbar>span{font-size:11px}.exam-focus .past-toolbar .sheet-trigger{display:none}.exam-focus .past-toolbar>button:last-child{grid-column:1/-1}.quick-answer-dock{z-index:120;border-radius:17px;gap:4px;padding:7px 6px;bottom:82px;left:7px;right:7px;overflow:hidden}.quick-answer-dock>button{width:38px;min-width:38px;height:46px;font-size:21px}.quick-answer-dock .flag{display:none}.dock-question{padding:0 2px}.dock-question span{display:none}.dock-question b{font-size:20px}.dock-choices{flex:1;justify-content:center;gap:4px}.dock-choices button{width:43px;height:43px}.quick-answer-dock .dock-sheet{width:46px}.exam-focus .web-answer-sheet{width:calc(100vw - 14px);top:54px;bottom:148px;right:7px}.answer-number-grid{grid-template-columns:repeat(6,1fr)}.listening-focus-card{min-height:360px;padding:22px 10px!important}.listening-choice-stage{grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px;width:100%}.listening-choice-stage button{height:82px}.past-audio{z-index:9;position:sticky;top:82px}.paper-canvas-scroll{padding:3px}.paper-page-controls{position:sticky;top:88px}.exam-focus .pdf-stage{padding:4px!important}}.exam-focus.sheet-open .web-answer-sheet,.exam-focus .web-answer-sheet.open{opacity:1!important;pointer-events:auto!important;transform:translate(0)!important}.paper-zoom-controls{background:#fffaf1;border:1px solid #d2c3a8;border-radius:14px;align-items:center;gap:4px;padding:3px;display:inline-flex}.paper-zoom-controls button{background:0 0!important;border:0!important;min-width:34px!important;padding:6px 8px!important}.paper-zoom-controls button:nth-child(2){color:#496779;font-size:11px}.paper-zoom-controls small{color:#d26350;text-align:center;min-width:40px;font-size:10px;font-weight:900}.paper-canvas-scroll{scrollbar-color:#d87561 #eee4d3;scrollbar-width:thin}@media (width<=820px){.paper-page-controls .paper-zoom-controls{justify-content:center;width:100%}.paper-zoom-controls button{font-size:20px;min-width:48px!important}.paper-zoom-controls button:nth-child(2){font-size:12px}.paper-canvas-scroll{justify-items:start}.paper-canvas-scroll canvas{margin:0 auto}}.exam-view-switch{background:#f5ead8;border:1px solid #cdbd9f;border-radius:12px;padding:3px;display:flex}.exam-view-switch button{font-size:12px;color:#58717d!important;background:0 0!important;border:0!important;border-radius:9px!important;padding:7px 11px!important}.exam-view-switch button.active{box-shadow:0 3px 8px #a94a3833;color:#fff!important;background:#e36f59!important}.single-question-stage{gap:12px;width:min(1040px,100%);margin:0 auto;display:grid}.single-question-stage>header{background:linear-gradient(135deg,#fffaf0,#f4ead8);border:1px solid #d5c5aa;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;box-shadow:0 6px 18px #4c46351c}.single-question-stage>header h2{color:#234d66;margin:4px 0 0;font-family:Noto Serif JP,serif;font-size:32px}.single-question-stage>header h2 small{color:#7b8e95;font-size:15px}.single-question-stage>header button{color:#56717e;background:#fffaf2;border:1px solid #d2bfa0;border-radius:999px;padding:10px 16px}.single-question-stage>header button.marked{color:#a26b07;background:#fff0be;border-color:#e5bd4f}.single-question-hint{color:#496875;background:#eef7f5;border-left:4px solid #72a8b2;margin:0;padding:10px 16px;font-size:13px}.single-question-stage .interactive-paper{margin:0}.single-answer-panel{z-index:16;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf1f5;border:1px solid #c9b89a;border-radius:20px;grid-template-columns:auto repeat(4,minmax(90px,1fr));align-items:center;gap:10px;padding:13px 16px;display:grid;position:sticky;bottom:84px;box-shadow:0 10px 28px #2743562b}.single-answer-panel>span{color:#31566c;white-space:nowrap;font-weight:900}.single-answer-panel button{color:#31566c;background:#fff;border:2px solid #cab99b;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:64px;display:flex}.single-answer-panel button b{font-size:27px}.single-answer-panel button small{font-size:11px}.single-answer-panel button.selected{color:#fff;background:#e36f59;border-color:#c64e3b;transform:translateY(-2px);box-shadow:0 8px 18px #d65c4540}.single-question-stage>footer{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.single-question-stage>footer button{color:#31566c;background:#fffaf2;border:1px solid #cbb99b;border-radius:14px;min-height:48px;font-weight:800}.single-mode{padding-bottom:110px}@media (width<=820px){.single-mode{padding:7px 7px 98px}.exam-view-switch{grid-column:1/-1;justify-content:center}.exam-view-switch button{flex:1}.single-question-stage{gap:8px}.single-question-stage>header{border-radius:14px;padding:13px 14px}.single-question-stage>header h2{font-size:25px}.single-question-stage>header button{padding:8px 10px;font-size:11px}.single-question-hint{padding:8px 10px;font-size:12px}.single-question-stage .paper-page-controls>b{text-align:center;order:-1;width:100%;font-size:11px}.single-answer-panel{border-radius:16px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;bottom:75px}.single-answer-panel>span{text-align:center;grid-column:1/-1;font-size:11px}.single-answer-panel button{min-width:0;min-height:54px}.single-answer-panel button b{font-size:24px}.single-answer-panel button small{display:none}.single-question-stage>footer{gap:6px}.single-question-stage>footer button{padding:8px 4px;font-size:12px}}.listening-question-workspace{gap:14px;width:min(1040px,100%);margin:0 auto;display:grid}.listening-question-workspace .listening-focus-card{min-height:390px}.listening-question-workspace .interactive-paper{margin:0}.listening-question-workspace .paper-page-controls>b:after{content:" · 图片/文字选项以题册为准";color:#d06651;font-size:10px}.listening-question-nav{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:14px;display:grid}.listening-question-nav button{color:#31566c;background:#fffaf2;border:1px solid #cbb99b;border-radius:12px;min-height:42px;font-weight:800}.listening-question-nav button:disabled{opacity:.35}.listening-view-focus .listening-focus-card{min-height:0;padding:18px!important}.listening-view-focus .listening-focus-card h2{margin:2px;font-size:30px}.listening-view-focus .listening-focus-card p{margin:4px 0}.paper-variant-listening .paper-canvas-scroll{background:#ddd5c7;height:42vh!important;min-height:260px!important;max-height:460px!important;overflow:auto!important}.paper-variant-listening .focus-paper-label span{font-size:10px}@media (width<=820px){.listening-question-workspace{gap:8px}.listening-question-workspace .listening-focus-card{min-height:330px}.listening-question-workspace .paper-page-controls>b{text-align:center;order:-1;width:100%;font-size:11px}.listening-question-workspace .paper-canvas-scroll{max-height:58vh;overflow:auto}.listening-question-workspace .paper-canvas-scroll canvas{min-width:430px}}.single-question-stage .question-focus-scroll{scroll-behavior:smooth;overscroll-behavior:contain;background:#f3eadb;border-block:1px dashed #d8c7aa;max-height:min(64vh,680px);overflow:auto}.single-question-stage .question-focus-scroll canvas{flex:none}.exam-focus,.past-exam-workspace,.single-question-stage,.interactive-paper,.pdf-stage{min-width:0;max-width:100%}.paper-canvas-scroll{box-sizing:border-box;width:100%;min-width:0;max-width:100%}@media (width<=820px){.single-question-stage .question-focus-scroll{max-height:54vh}}.submit-exam-button{white-space:nowrap;font-weight:950;box-shadow:0 5px #ad4334,0 8px 18px #bd4d3933;color:#fff!important;background:#e45f4c!important;border:2px solid #b94434!important}.submit-exam-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px #ad4334,0 10px 22px #bd4d3940}.submit-exam-button:disabled{box-shadow:none;background:#b8aaa0!important;border-color:#9f948d!important}.audio-pause{color:#7d5708;background:#fff0bd;border:2px solid #d79b2d;border-radius:12px;padding:10px 16px;font-weight:950}.single-answer-panel>span{gap:2px;display:grid}.single-answer-panel>span>b{color:#d65f4d;font-size:17px}.single-answer-panel>span>small{color:#647a82;font-size:10px}.full-paper-stage{width:100%;max-width:none}.full-paper-stage .paper-mode-paper .paper-canvas-scroll{scroll-behavior:auto;max-height:calc(100vh - 235px);overflow:auto}.paper-mode-focus .paper-canvas-scroll{scroll-behavior:smooth}.exam-break-page{place-items:center;min-height:calc(100vh - 90px);display:grid}.exam-break-card{text-align:center;background:linear-gradient(145deg,#fffaf0,#eef7f3);width:min(680px,100%);border:2px solid #d3bea0!important;padding:42px!important}.break-clock{color:#1f536e;background:#edc75b;border-radius:50%;place-items:center;width:88px;height:88px;margin:16px auto;font-family:Noto Serif JP,serif;font-size:42px;font-weight:900;display:grid;box-shadow:0 7px #cda63c}.exam-break-card h2{color:#224f66;margin:22px 0 10px;font-family:Noto Serif JP,serif;font-size:30px}.exam-break-card p{color:#59717a;line-height:1.9}.break-checks{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.break-checks span{color:#3a6d5c;background:#fffdf7;border:1px dashed #91ac9f;padding:10px;font-size:12px}.break-start{min-height:58px;font-size:17px}@media (width<=820px){.exam-focus{padding:4px 4px 176px}.exam-focus .past-toolbar{border-radius:0 0 13px 13px;grid-template-columns:1fr auto;gap:6px;padding:8px 9px;top:0;box-shadow:0 6px 18px #24415324}.exam-focus .past-toolbar>b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.exam-focus .past-toolbar>strong{text-align:right;font-size:18px}.exam-focus .past-toolbar>span{color:#31566c;font-weight:900;font-size:11px!important}.exam-focus .past-toolbar .exam-view-switch{order:4;grid-column:1/-1}.exam-focus .past-toolbar .submit-exam-button{order:5;grid-column:1/-1;min-height:46px;font-size:15px}.single-question-stage>header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffaf0f5,#f4ead8f5);position:sticky;top:118px}.single-question-stage>header h2{font-size:27px}.single-question-stage .question-focus-scroll{min-height:280px;max-height:47vh}.single-answer-panel{padding:7px 8px 8px;bottom:75px;box-shadow:0 -6px 24px #27435630}.single-answer-panel>span{grid-column:1/-1;justify-content:center;align-items:baseline;gap:8px;display:flex}.single-answer-panel>span>b{font-size:15px}.single-answer-panel>span>small{font-size:10px}.single-answer-panel button{border-radius:13px;min-height:58px}.single-answer-panel button b{font-size:27px}.full-paper-stage .paper-mode-paper .paper-canvas-scroll{min-height:380px;max-height:58vh}.full-paper-stage .paper-mode-paper .paper-page-controls{top:118px}.quick-answer-dock{overflow:visible}.dock-question{place-items:center;line-height:1;display:grid}.dock-question span{font-size:8px;display:block}.dock-question b{font-size:24px}.dock-question small{font-size:8px}.break-checks{grid-template-columns:1fr}.exam-break-card{padding:26px 16px!important}.exam-break-card h2{font-size:24px}.break-clock{width:72px;height:72px;font-size:34px}}@media (width<=430px){.exam-view-switch button{min-height:38px;font-size:12px!important}.single-question-hint{display:none}.paper-page-controls{gap:4px;padding:6px 4px}.paper-page-controls>button{font-size:10px;padding:6px!important}.paper-page-controls>b{font-size:10px!important}.paper-zoom-controls{padding:1px}.paper-zoom-controls button{height:38px;min-width:42px!important}.paper-zoom-controls small{min-width:34px}.dock-choices button{width:45px;height:45px;font-size:19px}.quick-answer-dock .dock-sheet{width:42px}.quick-answer-dock>button:first-child,.quick-answer-dock>button:nth-last-child(2){width:34px;min-width:34px}}@media (orientation:landscape) and (height<=620px){html,body,.app{max-width:100%;overflow-x:hidden}.app:not(.home-shell) .desktop-layout{display:block}.app:not(.home-shell) .desktop-sidebar{display:none!important}.app:not(.home-shell) .content-area{width:100%;min-width:0}.notebook-subpage{width:calc(100% - 8px);max-width:none;margin:3px auto;padding:4px 5px 62px;transform:none}.app:not(.home-shell) .bottom-nav{z-index:150;background:#fffaf0fa;border:1px solid #cdbfa9;border-radius:8px;grid-template-columns:repeat(5,1fr);height:48px;position:fixed;bottom:4px;left:6px;right:6px;box-shadow:0 5px 18px #322d232e;display:grid!important}.bottom-nav button{color:#506b78;background:0 0;border:0;align-content:center;place-items:center;font-size:9px;font-weight:900;display:grid}.bottom-nav button span{font-size:17px}.bottom-nav button.active{color:#e45f49}.bottom-nav .speak-tab:before{display:none}.bottom-nav small{font-size:7px}.exam-focus{padding:2px 4px 64px}.exam-focus .past-toolbar{border-radius:0;grid-template-columns:minmax(150px,1fr) auto auto auto;gap:5px;padding:5px 8px;position:sticky;top:0}.exam-focus .past-toolbar>b{font-size:9px}.exam-focus .past-toolbar>strong{font-size:16px}.exam-focus .past-toolbar>span{font-size:9px!important}.exam-focus .past-toolbar .exam-view-switch{order:initial;grid-column:auto}.exam-focus .past-toolbar .submit-exam-button{order:initial;grid-column:auto;min-height:35px;padding:5px 9px;font-size:11px}.single-question-stage{grid-template-columns:minmax(0,1fr) 250px;grid-template-areas:"head answer""hint answer""paper answer""paper foot";gap:6px}.single-question-stage>header{grid-area:head;padding:7px 11px;position:static}.single-question-stage>header h2{font-size:20px}.single-question-stage>header button{padding:5px 8px}.single-question-hint{grid-area:hint;padding:5px 8px;font-size:9px;display:block}.single-question-stage .interactive-paper{grid-area:paper}.single-question-stage .question-focus-scroll{min-height:220px;max-height:calc(100vh - 175px)}.single-question-stage .question-focus-scroll canvas{min-width:0}.single-answer-panel{grid-area:answer;grid-template-columns:repeat(2,1fr);align-self:start;gap:6px;padding:8px;position:sticky;top:54px;bottom:auto}.single-answer-panel>span{grid-column:1/-1;display:grid}.single-answer-panel button{min-height:57px}.single-answer-panel button small{display:block}.single-question-stage>footer{grid-area:foot;grid-template-columns:1fr 1fr 1fr}.single-question-stage>footer button{min-height:35px;font-size:10px}.full-paper-stage{display:block}.full-paper-stage .paper-mode-paper .paper-canvas-scroll{min-height:240px;max-height:calc(100vh - 155px)}.full-paper-stage .paper-mode-paper .paper-page-controls{top:49px}.quick-answer-dock{min-height:48px;padding:4px 7px;bottom:55px;left:7px;right:7px}.quick-answer-dock>button{height:39px}.dock-choices button{width:40px;height:40px}.dock-question b{font-size:20px}.past-audio{z-index:15;grid-template-columns:1fr auto auto;position:sticky;top:48px;padding:6px 9px!important}.past-audio small{font-size:9px}.past-audio button{padding:7px 10px;font-size:10px}.listening-question-workspace{grid-template-columns:280px minmax(0,1fr);gap:7px}.listening-question-workspace .listening-focus-card{min-height:260px;padding:12px!important}.listening-focus-card h2{font-size:28px}.listening-choice-stage{grid-template-columns:repeat(2,1fr);gap:5px;margin:8px 0}.listening-choice-stage button{height:58px}.listening-question-workspace .paper-canvas-scroll{max-height:calc(100vh - 180px)}.exam-break-page{min-height:100vh}.exam-break-card{padding:15px 22px!important}.break-clock{width:50px;height:50px;margin:5px auto;font-size:24px;box-shadow:0 4px #cda63c}.exam-break-card h2{margin:9px;font-size:20px}.exam-break-card p{font-size:11px;line-height:1.55}.break-checks{grid-template-columns:repeat(3,1fr);margin:8px 0}.break-start{min-height:40px;font-size:13px}}.paper-mode-focus .paper-canvas-scroll canvas{height:auto!important}.paper-mode-focus .paper-canvas-scroll{height:auto!important;min-height:0!important;max-height:none!important}.focus-paper-label{background:#fffaf0;border-bottom:1px dashed #c9baa0;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:7px 11px;display:flex}.focus-paper-label b{text-overflow:ellipsis;white-space:nowrap;color:#31566c;font-size:12px;overflow:hidden}.focus-paper-label span{color:#d15f4c;flex:none;font-size:9px;font-weight:900}.paper-mode-focus .paper-canvas-scroll{scroll-behavior:smooth;overscroll-behavior:contain;height:min(48vh,470px);max-height:none;overflow:hidden auto}.paper-mode-focus .paper-canvas-scroll canvas{max-width:100%;margin:0 auto;min-width:0!important}.exam-briefing-page{max-width:900px}.exam-briefing-card{padding:30px!important}.exam-briefing-card>h2{color:#234f66;margin:7px 0 4px;font-family:Noto Serif JP,serif;font-size:30px}.briefing-lead{color:#718086;margin:0 0 20px}.briefing-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.briefing-grid article{background:#fffdf7;border:1px solid #d2c1a4;min-height:112px;padding:17px 16px 15px 58px;position:relative}.briefing-grid article>b{color:#214f65;background:#edc85b;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:15px;left:14px}.briefing-grid h3{color:#31566c;margin:0 0 5px;font-size:16px}.briefing-grid p{color:#687b82;margin:0;font-size:12px;line-height:1.7}.briefing-ready{background:#eef6f2;border-left:5px solid #72a28f;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:14px;display:flex}.briefing-ready span{color:#496b65;font-size:12px}.briefing-ready button{flex:none;padding:12px 18px}@media (width<=820px){.exam-focus{padding-bottom:150px}.exam-focus .past-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:4px;padding:6px 7px}.exam-focus .past-toolbar>b{grid-column:1;font-size:9px}.exam-focus .past-toolbar>strong{grid-column:2;font-size:15px}.exam-focus .past-toolbar>.submit-exam-button{align-self:stretch;width:76px;line-height:1.2;order:initial!important;grid-area:1/3/3!important;min-height:0!important;padding:4px!important;font-size:11px!important;box-shadow:0 3px #ad4334!important}.exam-focus .past-toolbar>span{grid-column:1;font-size:9px!important}.exam-focus .past-toolbar .exam-view-switch{order:initial;border-radius:7px;grid-area:2/2;padding:1px}.exam-view-switch button{border-radius:5px!important;min-height:25px!important;padding:3px 8px!important;font-size:10px!important}.single-question-stage>header{padding:8px 10px;top:67px}.single-question-stage>header h2{font-size:22px}.single-question-stage>header button{padding:5px 8px;font-size:9px}.focus-paper-label{padding:5px 8px}.focus-paper-label b{font-size:10px}.paper-mode-focus .paper-canvas-scroll{background:#e4ded1;height:52vh;min-height:330px;padding:2px}.single-answer-panel{gap:4px;padding:5px 7px 6px;bottom:72px}.single-answer-panel button{border-width:1px;min-height:46px}.single-answer-panel button b{font-size:23px}.single-question-stage>footer button{min-height:38px}.exam-focus .web-answer-sheet{top:48px}.exam-briefing-card{padding:20px 12px!important}.exam-briefing-card>h2{font-size:25px}.briefing-grid{grid-template-columns:1fr;gap:7px}.briefing-grid article{min-height:0;padding:12px 10px 12px 49px}.briefing-grid article>b{top:11px;left:10px}.briefing-ready{display:grid}.briefing-ready button{width:100%}}@media (width<=430px){.focus-paper-label span{display:none}.paper-mode-focus .paper-canvas-scroll{height:49vh}.single-answer-panel>span{font-size:9px}.single-question-stage>footer button{font-size:10px}}.exam-focus{overflow-x:clip}.exam-focus .web-answer-sheet{visibility:hidden}.exam-focus .web-answer-sheet.open{visibility:visible}body:has(.exam-focus) .bottom-nav{display:none!important}body:has(.exam-focus) .app{padding-bottom:0}@media (orientation:landscape) and (height<=620px){.exam-focus .past-toolbar{grid-template-columns:minmax(0,1fr) auto auto auto}.exam-focus .past-toolbar>b,.exam-focus .past-toolbar>strong,.exam-focus .past-toolbar>span,.exam-focus .past-toolbar .exam-view-switch,.exam-focus .past-toolbar>.submit-exam-button{grid-area:auto!important}.exam-focus .past-toolbar>.submit-exam-button{width:74px;min-height:32px!important}.single-question-stage>header{top:0}.paper-mode-focus .paper-canvas-scroll{height:calc(100vh - 145px);min-height:210px}.focus-paper-label{display:none}.single-answer-panel{top:46px}.exam-briefing-card{padding:12px!important}.exam-briefing-card>h2{font-size:20px}.briefing-lead{margin-bottom:8px}.briefing-grid{grid-template-columns:1fr 1fr;gap:5px}.briefing-grid article{min-height:72px;padding:8px 8px 8px 42px}.briefing-grid article>b{width:27px;height:27px;top:8px;left:7px}.briefing-grid h3{font-size:12px}.briefing-grid p{font-size:9px;line-height:1.45}.briefing-ready{margin-top:7px;padding:7px}.briefing-ready button{padding:8px 12px}}.paper-mode-focus .paper-canvas-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;background:#dcd5c8;padding:5px;scroll-behavior:auto!important;height:min(66vh,760px)!important;min-height:440px!important;overflow:auto!important}.paper-mode-focus .paper-canvas-scroll canvas{background:#fff;margin:0 auto;display:block;box-shadow:0 3px 14px #34434c22;max-width:100%!important;height:auto!important}.paper-mode-focus{width:100%;min-width:0;max-width:100%;overflow:hidden}.paper-mode-focus .paper-canvas-scroll{contain:inline-size;width:100%;min-width:0;max-width:100%}.paper-mode-focus .focus-paper-label{background:linear-gradient(90deg,#eef6f2,#fffaf0)}.paper-mode-focus .focus-paper-label span{color:#26725e}.single-question-hint{display:none}.question-focus-scroll{padding-left:3px!important}.single-answer-panel{position:static!important;bottom:auto!important}.quick-answer-dock{width:min(1040px,100%);margin:10px auto 0;position:static!important;bottom:auto!important;left:auto!important;right:auto!important}@media (width<=820px){.exam-focus.notebook-subpage{width:100%;margin:0;padding-left:2px;padding-right:2px}.paper-mode-focus .paper-canvas-scroll{padding:3px;height:68dvh!important;min-height:500px!important}.single-question-stage>header{padding:6px 10px;position:static}.single-question-stage>header h2{margin:0;font-size:20px}.single-question-stage>header .eyebrow{display:none}.single-answer-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffaf1;box-shadow:0 5px 15px #27435620}.listening-view-focus .listening-focus-card{padding:10px 7px!important}.listening-view-focus .listening-focus-card p{font-size:11px}.paper-variant-listening .paper-canvas-scroll{height:38dvh!important;min-height:300px!important;max-height:380px!important}.paper-variant-listening .focus-paper-label{min-height:32px}}@media (orientation:landscape) and (height<=620px){.paper-mode-focus .paper-canvas-scroll{height:calc(100dvh - 128px)!important;min-height:220px!important}}.app:has(.exam-focus){padding-bottom:0!important}.app:has(.exam-focus) .bottom-nav{display:none!important}.app:has(.exam-focus) .exam-focus{overflow-x:clip}.app:has(.exam-focus) .web-answer-sheet:not(.open){visibility:hidden}.app:has(.exam-focus) .web-answer-sheet.open{visibility:visible}.exam-start-actions .resume-exam-button{color:#285c50;background:#e7f2ed;border:1px solid #86a99e;font-weight:900;box-shadow:0 3px #bfd6cd}.exam-start-actions .new-exam-button{color:#bd4e3e;background:#fff6eb;border:2px solid #d45e4b;font-weight:950;box-shadow:0 4px #e6b2a7}.exam-start-actions .resume-exam-button:hover,.exam-start-actions .new-exam-button:hover{transform:translateY(-1px)}@media (width<=820px){.single-question-stage .paper-mode-focus .paper-canvas-scroll{height:44dvh!important;min-height:280px!important;max-height:430px!important}.single-question-stage .single-answer-panel{z-index:8;position:sticky!important;bottom:0!important}.exam-start-actions{gap:9px}.exam-start-actions button{min-height:50px}}@media (orientation:landscape) and (height<=620px){.single-question-stage .paper-mode-focus .paper-canvas-scroll{height:48dvh!important;min-height:190px!important;max-height:280px!important}}.paper-focus-tools{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.paper-focus-tools>span:first-child{color:#26725e;white-space:nowrap;font-size:9px;font-weight:900}.paper-zoom-controls.compact{border-radius:10px;gap:1px;padding:1px 3px}.paper-zoom-controls.compact button{height:28px;font-size:13px;min-width:28px!important;padding:2px 5px!important}.paper-zoom-controls.compact button:nth-child(2){font-size:9px}.paper-zoom-controls.compact small{min-width:34px;font-size:9px}.paper-mode-focus.paper-zoomed .paper-canvas-scroll{justify-items:start!important;overflow-x:auto!important}.paper-mode-focus.paper-zoomed .paper-canvas-scroll canvas{max-width:none!important;margin-left:0!important;margin-right:0!important}.single-answer-panel,.web-answer-sheet,.quick-answer-dock{zoom:1;touch-action:manipulation;font-size:1rem;transform:none}@media (width<=820px){.focus-paper-label{align-items:flex-start;gap:5px}.focus-paper-label>b{padding-top:6px}.paper-focus-tools>span:first-child{display:none}.paper-zoom-controls.compact button{height:32px;min-width:34px!important}.paper-zoom-controls.compact small{min-width:30px}}.exam-focus .interactive-paper{contain:layout paint;width:100%;max-width:100%;overflow:hidden}.exam-focus .paper-canvas-scroll{contain:layout paint;isolation:isolate;overscroll-behavior:contain;width:100%;max-width:100%;overflow:auto!important}.exam-focus .paper-mode-focus .paper-canvas-scroll{contain:strict}.exam-focus .paper-canvas-scroll canvas{flex:none;max-width:none;display:block}.exam-focus .single-answer-panel,.exam-focus .web-answer-sheet,.exam-focus .quick-answer-dock{max-width:100%;scale:1}.exam-focus .answer-number-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px!important}.exam-focus .answer-number-grid>button{border-radius:8px;min-height:42px;padding:2px}.exam-focus .answer-number-grid>button b{font-size:12px}.exam-focus .answer-number-grid>button span{font-size:9px}.listening-choice-stage{grid-template-columns:repeat(4,minmax(54px,76px));gap:8px;margin:12px 0}.listening-choice-stage button{border-radius:13px;height:60px}.listening-choice-stage button b{font-size:23px}.listening-choice-stage button span{font-size:9px}@media (width<=820px){.exam-focus .answer-number-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px!important}.exam-focus .answer-number-grid>button{border-radius:7px;min-height:36px}.exam-focus .answer-number-grid>button b{font-size:11px}.listening-choice-stage{justify-content:center;gap:7px;width:100%;display:flex}.listening-choice-stage button{border-radius:11px;flex:none;width:58px;height:52px}.listening-choice-stage button b{font-size:20px}}.rebuilt-app{--ink:#284b64;color:var(--ink);background:#f6f0e3;padding-bottom:0}.rebuilt-app .desktop-layout{grid-template-columns:184px minmax(0,1fr);gap:12px;max-width:1900px;margin:auto;padding:15px;display:grid}.rebuilt-app .desktop-sidebar{background:#fff9eb;border:2px solid #c8bdab;border-radius:24px 11px 18px 14px;height:calc(100vh - 88px);padding:22px 12px;display:block;position:sticky;top:12px;box-shadow:inset 0 0 0 5px #faf3e3}.rebuilt-app .sidebar-brand{text-align:center;display:block}.rebuilt-app .sidebar-brand img{border-radius:0;width:76px;height:88px}.rebuilt-app .sidebar-brand b{font-size:19px}.rebuilt-app .sidebar-brand small{font-size:12px}.rebuilt-app .desktop-sidebar nav button{min-height:52px;margin-top:6px;font-size:16px}.rebuilt-app .sidebar-note{min-height:210px;margin-top:65px}.rebuilt-app .sidebar-note b{font-size:18px}.rebuilt-app .sidebar-note img{width:110px;height:125px}.rebuilt-app .top-slogan{min-height:36px}.rebuilt-app .top-slogan span{font-size:15px}.rebuilt-app .header,.rebuilt-app .bottom-nav{display:none}.rebuilt-home.page{grid-template-columns:minmax(0,1fr) 260px;gap:14px;width:100%;max-width:none;margin:0;padding:0;display:grid}.rebuilt-home:before,.rebuilt-home:after{display:none}.home-core{min-width:0}.sketch-sheet{background-color:#fffaf0;background-image:radial-gradient(#806f4310 .7px,#0000 .8px);background-size:5px 5px;border:2px solid #c5bda9;border-radius:15px 8px 18px 9px;padding:17px;position:relative;box-shadow:inset 0 0 0 4px #f9f3e5,2px 3px #978b6812}.sketch-sheet h2{letter-spacing:.05em;margin:0 0 15px;font-family:Yu Mincho,KaiTi,serif;font-size:19px}.sketch-sheet:before{content:"";pointer-events:none;background:#e3d2a275;border:1px solid #c5b47755;width:54px;height:17px;position:absolute;top:-6px;left:20px;transform:rotate(-25deg)}.home-top{grid-template-columns:minmax(0,3.4fr) minmax(175px,1fr);gap:12px;display:grid}.painted-hero{background-color:#e7f0e9;background-image:radial-gradient(at 5% 100%,#e9bfd5a8,#0000 35%),radial-gradient(at 95% 0,#aecedfa6,#0000 35%),linear-gradient(165deg,#d9edf1 0,#fbf9ed 55%,#dce5c7 88%,#abc9cf);grid-template-columns:1.2fr 1fr;align-items:center;min-height:305px;padding:20px;display:grid;overflow:hidden}.hero-lettering{z-index:2;position:relative;transform:rotate(-3deg)}.hero-lettering h1{letter-spacing:.06em;margin:0 0 8px;font-family:Yu Mincho,KaiTi,serif;font-size:clamp(25px,2.8vw,47px);line-height:1.45}.hero-lettering mark{color:inherit;white-space:nowrap;background:linear-gradient(#0000 80%,#f5dc75 80%)}.hero-lettering p{font-family:Yu Mincho,serif;font-size:13px;line-height:1.8}.hero-lettering small{margin-top:12px;font-size:12px;line-height:1.6;display:block}.painted-cta{color:#fff;background:#ec7b81;border:3px double #fff5ec;border-radius:40px 30px 34px 25px;outline:2px solid #d89a90;justify-content:center;align-items:center;gap:12px;min-height:53px;padding:6px 28px;font-family:Yu Mincho,serif;font-size:24px;transition:transform .2s;display:flex;box-shadow:2px 4px #b8756325}.painted-cta:hover{transform:translateY(-3px)rotate(-1deg)}.painted-cta:active{transform:translateY(2px)}.hero-character{background:0 0;border:0;padding:0;transition:transform .3s;position:relative;transform:rotate(2deg)}.hero-character img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:285px;-webkit-mask-image:radial-gradient(#000 60%,#0000 73%);mask-image:radial-gradient(#000 60%,#0000 73%)}.hero-character span{font-family:Yu Mincho,serif;font-size:15px;display:block;transform:rotate(-9deg)}.hero-character.cheer{transform:rotate(-6deg)translateY(-8px)}.music-note{color:#6594b4;font-size:35px;position:absolute;top:15px;right:35%}.today-status dl{margin:5px 0}.today-status dl>div{border-bottom:1px solid #d9cfbb;justify-content:space-between;align-items:center;gap:6px;padding:13px 0;display:flex}.today-status dt{font-size:14px}.today-status dd{margin:0;font-size:23px}.today-status dd small{font-size:13px}.today-status p{text-align:center;margin:20px 0 0;font-family:Yu Mincho,serif;font-size:20px;transform:rotate(-5deg)}.training-strip{margin-top:14px;padding:14px 10px}.training-strip h2{margin-bottom:12px}.training-tiles{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;display:grid}.training-tile{background:linear-gradient(145deg,var(--tile),#fffbee 65%);min-height:174px;color:var(--ink);border:1px solid #a9b7b2;border-radius:9px 3px 8px 4px;flex-direction:column;align-items:center;gap:12px;padding:14px 5px 10px;font-family:Yu Mincho,serif;transition:transform .18s;display:flex;box-shadow:2px 2px #aa94702b}.training-tile:hover{transform:translateY(-5px)rotate(-1deg)}.training-tile b{white-space:nowrap;font-size:clamp(11px,1vw,16px)}.training-tile small{font-size:11px}.training-tile svg{filter:drop-shadow(2px 3px #84b8c152);stroke-width:1.3px}.training-tile span{font-size:11px;line-height:1.6}.home-cards{grid-template-columns:1.2fr 1fr .85fr;gap:12px;margin-top:14px;display:grid}.home-cards .painted-cta{width:100%;min-height:45px;font-size:20px}.pencil-note{color:#c89043;margin:5px 0 14px;font-family:Yu Mincho,serif;font-size:20px;transform:rotate(-4deg)}.phrase-paper{background:linear-gradient(115deg,#fffcef,#e7f2ee);border:1px dashed #acbfc1;margin-bottom:16px;padding:12px}.phrase-paper .japanese-block{font-size:23px!important}.phrase-paper p{font-size:14px}.recent-sheet h2{justify-content:space-between;align-items:center;gap:5px;display:flex}.recent-sheet h2 button{color:#506c7d;background:0 0;border:0;font-size:11px}.recent-entry{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px dashed #cfc4ae;grid-template-columns:48px 1fr auto;align-items:center;gap:6px;padding:14px 0;display:grid}.recent-entry span{background:#e4eddb;padding:4px;font-size:11px}.recent-entry b{overflow-wrap:anywhere;font-size:13px}.recent-entry small{font-size:11px}.gentle-empty{color:#788486;padding:24px 3px;font-size:14px;line-height:1.9}.challenge-sheet h2{white-space:nowrap;font-size:16px}.challenge-sheet h2 strong{font-size:35px}.challenge-sheet img{object-fit:contain;mix-blend-mode:multiply;width:110px;height:125px;margin:auto;display:block;-webkit-mask-image:radial-gradient(#000 57%,#0000 72%);mask-image:radial-gradient(#000 57%,#0000 72%)}.challenge-sheet p{text-align:center;font-family:Yu Mincho,serif;font-size:14px}.home-notes{grid-template-rows:1fr auto;gap:14px;display:grid}.note-title{color:inherit;background:#f7edd8;border:1px solid #c3baa6;margin:0 auto 22px;padding:8px 35px;font-size:20px;display:block;transform:rotate(-3deg)}.personal-note label{font-size:13px}.personal-note textarea{resize:vertical;color:#63859b;background:repeating-linear-gradient(#0000 0 31px,#c7c5b85e 32px,#0000 33px);border:0;width:100%;min-height:290px;padding:12px 3px;font-size:16px;line-height:33px}.personal-note>small{color:#7f897f;font-size:11px;display:block}.note-link{color:#527c8a;text-align:left;background:0 0;border:0;padding:15px 0;font-size:14px}.home-saved p{font-size:14px;line-height:1.9}.rebuilt-app button:focus-visible,.rebuilt-app textarea:focus-visible,.rebuilt-app input:focus-visible{outline-offset:3px;outline:3px solid #4c94ae}.rebuilt-app button:disabled{opacity:.6;cursor:not-allowed}.rebuilt-app .notebook-subpage{max-width:1150px}.rebuilt-app .notebook-subpage p,.rebuilt-app .notebook-subpage textarea{font-size:15px;line-height:1.8}.rebuilt-app .notebook-subpage button{min-height:44px}.rebuilt-app .my-ebi,.rebuilt-app .brand-mark{background:0 0;border-radius:0;overflow:visible}.rebuilt-app .my-ebi img{border-radius:0}.rebuilt-app .feedback.good{animation:.35s feedback-in}.rebuilt-app .feedback.good:after{content:"✦  ☆  ✧";color:#d1a24a;letter-spacing:12px;font-size:28px;display:block}.rebuilt-app .record-button.recording{animation:1.2s ease-in-out infinite record-glow}.rebuilt-app .speaking-ebi-mother:has(+*){transition:transform .2s}.rebuilt-app .speaking-copy-mother p,.rebuilt-app .mission-example-note,.rebuilt-app .mission-label,.rebuilt-app .answer-zone-head span{font-size:14px}.rebuilt-app .mission-steps{gap:14px;display:flex}.rebuilt-app .choices button{min-height:54px;font-size:17px}.rebuilt-app textarea{min-height:110px}.rebuilt-app .settings-sheet .setting-row{text-align:left;width:100%}.wave-feedback{align-items:center;gap:5px;height:30px;display:flex}.wave-feedback i{background:#e98b7e;border-radius:4px;width:5px;height:16px;animation:.8s ease-in-out infinite alternate wave}.wave-feedback i:nth-child(2n){animation-delay:-.4s}.wave-feedback i:nth-child(3n){animation-delay:-.2s}@keyframes record-glow{50%{box-shadow:0 0 0 7px #edb4a74a}}@keyframes feedback-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes wave{to{transform:scaleY(.35)}}@media (width<=1250px){.rebuilt-app .desktop-layout{grid-template-columns:150px minmax(0,1fr);padding:10px}.rebuilt-home.page{grid-template-columns:minmax(0,1fr)}.home-notes{grid-template-rows:auto;grid-template-columns:1fr 1fr}.personal-note textarea{min-height:110px}.training-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.training-tile{min-height:145px}.training-tile b{font-size:16px}.home-top{grid-template-columns:minmax(0,3fr) minmax(175px,1fr)}}@media (width<=760px){.rebuilt-app .desktop-layout{padding:10px;display:block}.rebuilt-app .desktop-sidebar{display:none}.rebuilt-app .top-slogan span{font-size:12px}.rebuilt-app .top-slogan{padding:8px}.rebuilt-app .bottom-nav{height:65px;padding-bottom:env(safe-area-inset-bottom);border-radius:13px 13px 0 0;display:grid;bottom:0;left:0;right:0}.rebuilt-app .bottom-nav small{font-size:11px}.rebuilt-app{padding-bottom:82px}.rebuilt-home.page{padding:0}.home-top{flex-direction:column;display:flex}.painted-hero{grid-template-columns:1.25fr .8fr;min-height:255px;padding:16px 12px}.hero-lettering h1{font-size:clamp(24px,6vw,36px);line-height:1.6}.hero-lettering p{font-size:12px}.hero-lettering small{max-width:200px;font-size:12px}.hero-character img{max-height:190px}.hero-character span{font-size:12px}.painted-cta{min-height:49px;padding:6px 20px;font-size:22px}.music-note{font-size:25px}.today-status{padding:12px}.today-status h2{margin-bottom:4px;font-size:16px}.today-status dl{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.today-status dl>div{text-align:center;border-bottom:0;border-right:1px dashed #d7cbb6;padding:8px 0;display:block}.today-status dt{font-size:12px}.today-status dd{margin-top:7px;font-size:24px}.today-status p{display:none}.training-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-tile{text-align:left;grid-template-columns:45px 1fr;gap:8px;min-height:142px;padding:14px;display:grid}.training-tile svg{grid-area:1/1/4}.training-tile b,.training-tile small,.training-tile span{white-space:normal;grid-column:2}.training-tile b{font-size:16px}.training-tile span{font-size:12px}.training-strip h2{font-size:17px}.home-cards{grid-template-columns:1fr}.home-cards .sketch-sheet{padding:19px}.challenge-sheet{grid-template-columns:1fr 105px;align-items:center;column-gap:12px;display:grid}.challenge-sheet img{grid-area:1/2/4}.challenge-sheet h2{font-size:20px}.challenge-sheet p{text-align:left}.challenge-sheet .painted-cta{grid-column:1}.home-notes{grid-template-columns:1fr}.home-saved{display:none}.personal-note textarea{min-height:140px}.rebuilt-app .notebook-subpage{width:100%;margin:0;padding:15px 12px 30px}.rebuilt-app .notebook-subpage .section-title h2{font-size:27px}.rebuilt-app .speaking-hero-mother{grid-template-columns:minmax(0,1fr) 85px}.rebuilt-app .speaking-copy-mother h1{font-size:25px}.rebuilt-app .speaking-copy-mother p{font-size:14px}.rebuilt-app .speak-steps-mother{flex-wrap:wrap;gap:7px}.rebuilt-app .speak-steps-mother span{font-size:12px}.rebuilt-app .notebook-subpage textarea{width:100%;font-size:16px!important}.rebuilt-app .module-card{width:100%;min-width:0}.rebuilt-app .section-title p,.rebuilt-app .module-card p{font-size:14px}.rebuilt-app .level-tabs button{min-width:48px}.rebuilt-app .data-toolbar{flex-wrap:wrap}.rebuilt-app .record-row{flex-wrap:wrap;gap:12px}.rebuilt-app .record-row>*{flex:100%}.rebuilt-app .stats-grid{grid-template-columns:repeat(2,1fr)}.rebuilt-app .my-profile-card{grid-template-columns:90px 1fr}.rebuilt-app .ability-grid{grid-template-columns:repeat(2,1fr)}.rebuilt-app .card-actions,.rebuilt-app .question-title-row{flex-wrap:wrap}.rebuilt-app .choices{grid-template-columns:1fr}.rebuilt-app .scene-grid,.rebuilt-app .template-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){.rebuilt-app *,.rebuilt-app :before,.rebuilt-app :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.rebuilt-app .top-slogan{display:flex!important}.rebuilt-home .painted-hero{background-size:auto}.rebuilt-home .challenge-sheet{overflow:hidden;transform:none}.rebuilt-home .challenge-sheet img{width:110px;height:125px;margin:8px auto;position:static;transform:rotate(-3deg)}.rebuilt-home .challenge-sheet button{background:#ec7b81;border:3px double #fff5ec;outline:1px solid #d89a90;padding:6px 12px;position:static;box-shadow:2px 3px #b8756325}.rebuilt-home .challenge-sheet p{font-size:14px}.rebuilt-home .challenge-sheet h2{font-size:17px;line-height:1.4}.rebuilt-app .sketch-sheet{min-width:0}.rebuilt-app .voice-button{color:#335b71;background:#fff9ed;border:1px solid #b7bba8;border-radius:9px;padding:7px 12px}.rebuilt-app .rebuilt-home .home-notes{align-self:stretch}.rebuilt-app .hero-lettering{transform:none}.rebuilt-app .hero-lettering h1{transform:rotate(-3deg)}@media (width<=760px){.rebuilt-home .challenge-sheet img{width:85px;height:105px}.rebuilt-home .challenge-sheet h2{white-space:normal;font-size:17px}.rebuilt-home .challenge-sheet{grid-template-columns:minmax(0,1fr) 85px}.rebuilt-home .challenge-sheet .painted-cta{font-size:18px}.rebuilt-app .desktop-layout{max-width:100%}.hero-lettering mark{white-space:normal}.rebuilt-app .top-slogan:after{max-width:90%}}.reference-art{display:block;overflow:hidden}.training-tile .tile-art{filter:none;mix-blend-mode:multiply;width:48px;height:47px}.hero-landscape{opacity:.36;pointer-events:none;filter:saturate(.75);width:100%;height:135px;position:absolute;inset:auto 0 0}.hero-character{z-index:1}.sidebar-landscape{opacity:.7;position:absolute;bottom:15px;left:12px;right:12px}.sidebar-landscape svg{width:100%;height:auto}.rebuilt-app .sidebar-note{z-index:1;background:#fffaf0bd;border:0;min-height:130px;margin-top:35px}.daily-ebi{mix-blend-mode:multiply;width:58px;height:60px;position:absolute;top:10px;right:15px}.daily-phrase h2{padding-right:45px}.challenge-ebi{mix-blend-mode:multiply;width:100px;height:110px;margin:12px auto}.state-ebi{mix-blend-mode:multiply;width:120px;height:110px;margin:auto}.rebuilt-home .home-saved{background-image:linear-gradient(#fffaf0dd,#fffaf0dd),url(/ebi/ebi-teacher.png);background-position:100% 100%;background-repeat:no-repeat;background-size:100%,95px}.rebuilt-app .hero-lettering{z-index:2}@media (width<=760px){.training-tile .tile-art{grid-area:1/1/4;width:42px;height:44px}.challenge-ebi{grid-area:1/2/4;width:85px;height:90px}.state-ebi{width:85px;height:90px}.hero-landscape{height:95px}}.app.rebuilt-app:not(.home-shell) .top-slogan{display:flex!important}.rebuilt-app .sidebar-note img{width:85px;height:100px;margin:12px auto 0;display:block;position:static}.rebuilt-app .sidebar-note{min-height:210px}.hero-landscape{opacity:.55;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.ebi-atlas{aspect-ratio:1;background-image:url(/art/states.png);background-repeat:no-repeat;background-size:300% 200%;flex-shrink:0;width:200px;display:block}.rebuilt-home .painted-hero{background-image:url(/art/landscape.png);background-position:50%;background-size:cover;border-radius:22px 13px 20px 12px;min-height:310px}.hero-character .ebi-atlas{filter:drop-shadow(1px 3px 1px #65654c22);width:100%;max-width:280px;margin:auto}.rebuilt-app .sketch-sheet{background-color:#fffbee;background-image:radial-gradient(at 8% 12%,#dfd1ae24,#0000 40%),repeating-linear-gradient(6deg,#e0d1b111 0 1px,#0000 1px 4px);background-size:auto;border-width:1.5px;border-color:#b8b4a1;box-shadow:inset 0 0 0 4px #fcf7e970,2px 3px #9d8a6733}.rebuilt-home .painted-hero{background-image:url(/art/landscape.png)}.hero-lettering h1{letter-spacing:.01em;text-shadow:1px 1px #fff8ec;font-size:clamp(28px,2.75vw,47px);font-weight:900;line-height:1.4}.hero-lettering mark{background:linear-gradient(#0000 84%,#efdb7d 84%)}.hero-lettering p{font-weight:600}.rebuilt-home .training-tile{background:radial-gradient(ellipse at 5% 5%,var(--tile) 0,transparent 60%),#fffbef;border-color:#a9b4ab;border-radius:12px 3px 9px 4px;transform:rotate(-.6deg)}.rebuilt-home .training-tile:nth-child(2n){transform:rotate(.6deg)}.rebuilt-home .training-tile:hover{transform:translateY(-4px)rotate(0)}.rebuilt-home .training-tile b{font-weight:800}.rebuilt-home .training-tile .tile-art{width:52px;height:52px}.rebuilt-home .challenge-ebi{width:105px;height:105px;margin:5px auto}.rebuilt-home .daily-ebi{width:70px;height:70px}.state-ebi.ebi-atlas{z-index:2;width:130px;height:130px;position:relative}.ebi-1{animation:1.3s ease-in-out infinite ebi-listen}.ebi-2{animation:2s ease-in-out infinite ebi-think}.ebi-5{animation:.6s ease-out 2 ebi-celebrate}.rebuilt-app .painted-cta{background:linear-gradient(165deg,#ee9496,#e8757e);border:3px double #fff7ef;border-radius:38px 29px 37px;font-weight:700}.rebuilt-app .sidebar-landscape svg{display:none}.rebuilt-app .sidebar-landscape{background:url(/art/landscape.png) bottom/auto 190px;height:190px;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.rebuilt-app .hero-lettering small{background:#fff8e99c;border-radius:8px;width:fit-content;padding:3px 5px}.rebuilt-app .home-saved{background-image:none}.rebuilt-app .sketch-sheet h2{font-weight:800}.rebuilt-app .speaking-hero-mother{background:url(/art/landscape.png) 50%/cover}.rebuilt-app .state-ebi{mix-blend-mode:normal}@keyframes ebi-listen{50%{transform:rotate(-4deg)translateY(-2px)}}@keyframes ebi-think{50%{transform:translateY(-4px)}}@keyframes ebi-celebrate{50%{transform:translateY(-9px)rotate(3deg)}}@media (width<=760px){.rebuilt-home .painted-hero{background-position:50%;min-height:265px}.hero-lettering h1{font-size:clamp(25px,6.6vw,35px)}.rebuilt-home .training-tile .tile-art{width:43px;height:43px}.state-ebi.ebi-atlas,.rebuilt-home .challenge-ebi{width:85px;height:85px}.hero-character .ebi-atlas{width:130px;max-width:100%}.rebuilt-home .daily-ebi{width:62px;height:62px}.rebuilt-home .sketch-sheet{box-shadow:inset 0 0 0 3px #fcf7e950,2px 3px #9d8a6722}}@media (prefers-reduced-motion:reduce){.ebi-atlas{animation:none!important}}.audio-control{flex-direction:column;gap:5px;max-width:100%;display:inline-flex}.audio-control>small{color:#a34242;font-size:12px}.voice-button,.record-button{color:#345c68;background:linear-gradient(130deg,#e0f1ed,#fcf9e9);border:1px solid #c9d6c9;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 14px;transition:transform .16s,background .16s;display:inline-flex;box-shadow:0 3px #ddd5ba}.voice-button:hover,.record-button:hover{transform:translateY(-2px)}.voice-button.is-playing,.record-button.recording{color:#a94846;background:#f8d5c9}.record-button{color:#fff;background:linear-gradient(135deg,#ef9790,#dc737c);border-color:#d9897e;font-weight:700}.speech-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.speech-controls small{flex:1;min-width:180px}.bilingual-block{min-width:0;margin:14px 0}.inline-language{text-align:left;white-space:pre-wrap;width:100%;color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-bottom:1px dashed #b4c5be;padding:6px 0;line-height:1.95;display:block}.inline-language:hover{background:#eff2de88}.bilingual-block>small{color:#7a887f;margin-top:4px;font-size:12px;display:block}.simple-speaking-heading{justify-content:space-between;align-items:center;display:flex}.simple-speaking-heading h1{font-size:clamp(25px,4vw,40px)}.simple-speaking-heading .ebi-atlas{flex-shrink:0;width:130px;height:130px}.speak-one-card{max-width:800px;margin:22px auto;padding:clamp(18px,4vw,36px)}.model-line{background:#e4eee466;border-radius:14px;margin:20px 0;padding:16px 20px;font-size:22px}.speak-one-card textarea{width:100%;min-height:110px;margin-bottom:16px;font-size:18px}.verb-forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.verb-form,.keigo-entry{min-width:0;padding:16px}.verb-form-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-toggle{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:8px;width:100%;min-width:0;padding:6px;display:flex}.form-toggle strong{overflow-wrap:anywhere;font-size:22px}.form-toggle small{color:#789486}.form-example{border-top:1px dashed #b9c9bb;margin-top:12px;padding-top:12px}.usage-note{background:#f7edd6;border-radius:10px;padding:12px;font-size:13px;line-height:1.8}.keigo-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px;padding:20px;display:grid}.keigo-guide strong{color:#c96967;margin:12px 0;font-size:24px;display:block}.keigo-guide p{line-height:1.8}.kanji-grid .kanji-open .kanji-card{align-items:center;gap:25px;min-height:100px;display:flex}.kanji-pronunciations{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.kanji-detail{flex-wrap:wrap}.exam-intro{padding:25px;line-height:1.85}.exam-intro details{border-bottom:1px dashed #c8c8ac;padding:12px 0}.exam-toolbar{z-index:4;background:#fff9e9;justify-content:space-between;gap:10px;padding:14px;display:flex;position:sticky;top:0;box-shadow:0 3px 10px #65533315}.exam-sheet{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.exam-sheet button{background:#f8f2e4;border:1px solid #c5cbb5;border-radius:8px;min-width:40px;min-height:40px}.exam-sheet .answered,.choices button.selected{background:#d9eadd;border-color:#639b87}.exam-sheet [aria-current=true]{outline:2px solid #dd8e81}.choices button small{color:#576d61;margin-top:6px;display:block}.clear-mission-head h1{font-size:24px}.clear-mission-head p{max-width:650px}.reading-text{white-space:pre-wrap}.kanji-card span{overflow-wrap:anywhere}@media (width<=640px){.verb-forms,.keigo-guide{grid-template-columns:1fr}.simple-speaking-heading .ebi-atlas{width:85px;height:85px}.model-line{padding:12px;font-size:19px}.exam-toolbar{font-size:13px}.kanji-grid .kanji-open .kanji-card{flex-wrap:wrap;gap:12px}.verb-form-head .voice-button{padding:8px}.simple-speaking-heading h1{font-size:25px}.bilingual-block{max-width:100%}}@media (prefers-reduced-motion:reduce){.voice-button,.record-button{transition:none}.voice-button:hover,.record-button:hover{transform:none}}.furigana-text{color:#173f5c;letter-spacing:.015em;font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif JP,serif;line-height:2.05}.furigana-text ruby{ruby-position:over;ruby-align:center;margin-inline:.02em}.furigana-text rt,.ruby-text rt,.japanese-block rt{color:#df766d;letter-spacing:.02em;font-family:Yu Gothic,Hiragino Sans,Noto Sans JP,sans-serif;font-size:.43em;font-weight:600;line-height:1}.japanese-block{font-size:clamp(18px,2.2vw,28px);line-height:2.2}.reading-text .furigana-text,.reading-text.furigana-text{font-size:clamp(17px,2vw,23px);line-height:2.35}.inline-language .furigana-text{pointer-events:none}.data-row h3 .ruby-text{font-size:22px}.data-row h3 rt{font-size:10px}.voice-button,.record-button{border-width:1.5px;position:relative;overflow:hidden}.voice-button:before,.record-button:before{content:"";background:#fff6;border-radius:50%;width:38px;height:38px;position:absolute;top:-17px;left:-16px}.voice-button svg,.record-button svg{filter:drop-shadow(1px 2px #fff8);transition:transform .18s}.voice-button.is-playing svg,.record-button.recording svg{animation:.75s ease-in-out infinite alternate audio-pop}@keyframes audio-pop{to{transform:scale(1.14)rotate(-4deg)}}.kanji-grid{align-items:start}.kanji-card{gap:8px;min-height:150px;padding:18px}.kanji-card>strong{color:#315d74}.kanji-card>span{color:#5c655d;font-size:14px;line-height:1.55}.kanji-card>small{color:#cb716a;font-size:12px}.data-count{color:#536d63;background:#edf3e5;border:1px dashed #9baf9c;border-radius:999px;padding:7px 13px;font-weight:700}.question-card .choices button{min-height:70px;padding:15px 18px;font-size:clamp(16px,1.8vw,21px)}@media (width<=640px){.japanese-block{font-size:18px}.reading-text .furigana-text,.reading-text.furigana-text{font-size:16px}.kanji-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanji-card{min-height:130px;padding:13px}.furigana-text rt,.ruby-text rt,.japanese-block rt{font-size:.48em}}.content-area{position:relative}.page-furigana-toggle{z-index:8;color:#65736d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffaf0dd;border:1px solid #b8b49c;border-radius:18px;align-items:center;gap:7px;width:max-content;margin:10px 16px -52px auto;padding:7px 12px;display:flex;position:sticky;top:10px;box-shadow:2px 3px #d8cfb8}.page-furigana-toggle span{color:#fff;background:#dedbc9;border-radius:50%;place-items:center;width:25px;height:25px;font-family:serif;display:grid}.page-furigana-toggle.active{color:#b95150;border-color:#e5a092}.page-furigana-toggle.active span{background:#e97868}.page-furigana-toggle:hover{transform:rotate(-1deg)translateY(-1px)}.notebook-subpage:before{content:"";pointer-events:none;opacity:.14;background:radial-gradient(circle at 20% 20%,#e77967 0 3px,#0000 4px) 0 0/43px 47px,radial-gradient(circle at 70% 55%,#61a4a0 0 2px,#0000 3px) 0 0/57px 61px;width:min(22vw,260px);position:fixed;inset:0 0 0 auto}.notebook-subpage .section-title{border-bottom:2px solid #e3c96e;padding-bottom:12px;position:relative}.notebook-subpage .section-title:after{content:"✎  えび先生ノート";color:#79928a;background:#fff9e8;padding:2px 8px;font-size:10px;position:absolute;bottom:-11px;right:8px;transform:rotate(-2deg)}.kanji-grid{grid-template-columns:repeat(8,minmax(72px,1fr))!important;gap:12px!important;display:grid!important}.kanji-grid .inline-item-wrap{min-width:0}.kanji-card{width:100%;transform:rotate(var(--tilt,0deg));background:linear-gradient(145deg,#fffdf7,#f4eddb);align-content:center;place-items:center;border:1px solid #c8bea6!important;border-radius:8px!important;min-height:96px!important;padding:9px!important;display:grid!important;box-shadow:3px 4px #dcd2bd!important}.kanji-grid .inline-item-wrap:nth-child(3n+1) .kanji-card{--tilt:-.6deg}.kanji-grid .inline-item-wrap:nth-child(3n+2) .kanji-card{--tilt:.5deg}.kanji-card>strong{color:#214f68!important;font:700 43px/1.1 Yu Mincho,Noto Serif JP,serif!important}.kanji-card>small{margin-top:5px;font-size:10px;color:#c66b5e!important}.kanji-grid .kanji-open{grid-column:1/-1}.kanji-open>.kanji-card{display:none!important}.kanji-grid .inline-detail{background:linear-gradient(#fffaf0ee,#fffaf0ee),repeating-linear-gradient(0deg,#0000 0 31px,#9cc4ca33 32px);border:2px solid #b9c7b5;padding:22px}.kanji-detail{grid-template-columns:120px 1fr;align-items:start;gap:22px;display:grid!important}.kanji-detail>strong{color:#214f68;text-align:center;background:#fff;border:1px dashed #d48577;padding:16px;font:700 82px/1 Yu Mincho,serif}.kanji-detail h3{color:#be6258;margin-top:0}.kanji-detail p{background:#eef4e8;border-left:4px solid #78a79c;padding:8px 10px}.keigo-guide{gap:12px!important}.keigo-guide>div{border:1px solid #c9bea7;border-radius:7px;padding:18px;position:relative;box-shadow:3px 4px #e1d8c4}.keigo-guide>div:first-child{background:#f9e1db}.keigo-guide>div:nth-child(2){background:#dfefea}.keigo-guide>div:nth-child(3){background:#f8edbd}.keigo-guide>div:before{letter-spacing:.15em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.keigo-guide>div:first-child:before{content:"01 · 对方的动作"}.keigo-guide>div:nth-child(2):before{content:"02 · 自己一方的动作"}.keigo-guide>div:nth-child(3):before{content:"03 · 句子的礼貌程度"}.keigo-entry{overflow:hidden;padding:0!important}.keigo-entry .form-toggle{grid-template-columns:minmax(130px,.7fr) minmax(220px,1.3fr) auto;align-items:center;gap:14px!important;padding:16px 20px!important;display:grid!important}.keigo-entry .form-toggle>span{color:#244f68;font-weight:800}.keigo-entry .form-toggle>strong{color:#bd635b;background:#fff7e5;border-radius:7px;padding:8px 12px;font-size:18px!important}.keigo-entry .form-example{background:repeating-linear-gradient(0deg,#fffaf0 0 35px,#b9d2d433 36px);padding:18px 22px!important}.keigo-entry .form-example h3{color:#315c61;background:#deebe5;border-radius:4px;padding:5px 10px;display:inline-block}.keigo-entry .form-example h3:first-child{color:#9d4f48;background:#f5d8d2}.score-seal{text-align:center;background:#fffdf5;border:3px double #d96f62;border-radius:50% 46% 48% 44%;max-width:430px;margin:10px auto 24px;padding:24px;transform:rotate(-1deg);box-shadow:0 8px 24px #8f6a4922}.score-seal small,.score-seal b{display:block}.score-seal strong{color:#d55f55;font-size:72px;line-height:1;display:block}.score-seal strong i{color:#6e7770;font-size:18px}.score-seal b{color:#285b6e;margin-top:9px;font-size:20px}.exam-toolbar button{background:#fff;border:1px solid #b9b49d;border-radius:15px;padding:6px 10px}.exam-toolbar button.translation-on{color:#2b7466;background:#e5f0e8}.exam-result>.feedback{text-align:center}@media (width<=900px){.kanji-grid{grid-template-columns:repeat(5,minmax(60px,1fr))!important}}@media (width<=640px){.page-furigana-toggle{margin:7px 8px -43px auto;padding:5px 8px;top:5px}.kanji-grid{grid-template-columns:repeat(4,minmax(55px,1fr))!important;gap:8px!important}.kanji-card{min-height:76px!important}.kanji-card>strong{font-size:34px!important}.kanji-detail{grid-template-columns:82px 1fr}.kanji-detail>strong{padding:10px;font-size:55px}.keigo-entry .form-toggle{grid-template-columns:1fr!important}.keigo-entry .form-toggle>small{justify-self:end}.score-seal strong{font-size:58px}.exam-toolbar{flex-wrap:wrap}}.speaking-demo{margin-top:16px;position:relative;box-shadow:4px 5px #ddd1b9;background:linear-gradient(#fffaf0e8,#fffaf0e8),repeating-linear-gradient(0deg,#0000 0 34px,#8ab6bd3d 35px)!important;border:1px solid #c9bda4!important;padding:24px!important}.speaking-demo .demo-stamp{color:#fff;background:#e77b68;padding:5px 11px;font-size:11px;font-weight:800;position:absolute;top:-11px;right:15px;transform:rotate(2deg)}.speaking-demo h3{color:#28586d;margin:0 0 10px}.demo-breakdown{gap:9px;margin:14px 0;display:grid}.demo-breakdown>div{background:#fffa;border:1px dashed #aebdaf;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.demo-breakdown>div>b{color:#fff;background:#f0b965;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.demo-translation{background:#e4eee5;border-left:4px solid #6d9c8f;padding:10px 13px}.speaking-demo>.bilingual-block+.audio-control{margin-bottom:5px}@media (width<=640px){.demo-breakdown>div{grid-template-columns:26px 1fr}.demo-breakdown .audio-control{grid-column:1/-1}.demo-breakdown .voice-button{width:100%}}.rebuilt-home .home-cards{grid-template-columns:minmax(0,1fr)}.rebuilt-home .recent-sheet{min-height:180px}.rebuilt-home .home-notes{align-content:start}.rebuilt-home .home-saved{padding:24px 18px}.training-tile:focus-visible,.note-link:focus-visible{outline-offset:4px;outline:3px solid #df8b83}