:root{--background:#f3eee6;--foreground:#594335;--primary-color:#594335;--text-main:#594335;--text-color:#594335;--text-light:#8c7e75;--accent-red:#d91e18;--accent-red-hover:#c0392b;--accent-yellow:#f2a900;--accent-brown:#8d6e63;--accent-brown-light:#8c7e75;--accent-blue:#2980b9;--accent-blue-light:#e0f7fa;--accent-green:#4caf50;--accent-green-light:#f1f8e9;--card-bg:#fff6;--border-color:#dcd3c9;--nav-btn-bg:white;--nav-btn-border:#ccc;--nav-btn-text:#666;--tooltip-bg:#333;--tooltip-text:#fff;--tooltip-border:#555;--tooltip-muted:#aaa;--audio-btn-bg:#fff;--audio-btn-accent:var(--accent-blue);--audio-btn-light:var(--accent-blue-light);--audio-timer-text:#558b2f;--font-main:var(--font-shippori),serif;--font-heading:var(--font-shippori),serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-main);letter-spacing:.05em;min-height:100vh;line-height:1.8;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;filter:blur(40px);background:radial-gradient(circle at 10% 20%,#d91e1808 0%,#0000 40%),radial-gradient(circle at 90% 80%,#f2a90008 0%,#0000 40%),radial-gradient(circle,#59433505 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}.container{max-width:1200px;margin:0 auto;padding:1rem}@media (min-width:768px){.container{padding:2rem}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.1em;font-weight:700}.textbook-grid{grid-template-columns:repeat(1,1fr);gap:2rem;display:grid}@media (min-width:600px){.textbook-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.textbook-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.textbook-grid{grid-template-columns:repeat(4,1fr)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-light);opacity:.5;border-radius:4px}.hide-ruby rt{display:none!important}.fade-in{animation:.5s ease-in fadeIn}.vertical-text{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.3em}rt{opacity:.9;font-size:.7em;font-weight:700}.child-level-btn:hover{background-color:var(--text-main)!important;color:#fff!important;border:1px solid var(--text-main)!important}.hover-tooltip{cursor:pointer;margin-bottom:1px;padding:0 0 1px;line-height:1.1;transition:all .2s;display:inline-block;position:relative}.hover-tooltip:hover{color:var(--accent-red)}.marked-word,.underline{border-bottom:2px dotted var(--accent-red);opacity:.9;padding-bottom:1px;transition:all .2s}.marked-word:hover{opacity:1;background-color:#d91e180d;border-bottom-style:solid}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-98%)scale(.99)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.vocab-tooltip:before{content:"";z-index:-1;background:0 0;position:absolute;inset:-40px -30px}.hover-tooltip:after{content:attr(data-tooltip);background-color:var(--text-main);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border-radius:4px;padding:4px 8px;font-size:.8rem;transition:opacity .2s;position:absolute;bottom:150%;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0003}.is-story-layout .hover-tooltip:after{display:none!important}.hover-tooltip:hover:after{opacity:1}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.audio-phrase{transition:color .1s,background-color .1s}.active-audio-word{color:var(--accent-red);background-color:#d91e180d;border-radius:4px;font-weight:700}.header{flex-wrap:wrap;align-items:center;gap:.75rem;min-height:2rem;margin-bottom:.15rem;display:flex}.title{font-family:var(--font-heading);color:var(--text-color);height:3.8rem;min-height:2.4rem;margin:0 0 .2rem;font-size:1.4rem;font-weight:700;line-height:1.3}.nav-link-btn{color:var(--text-light);box-shadow:none;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-link-btn:hover{color:var(--accent-red);transform:translate(-4px)}.nav-link-btn.back-btn:before{content:"←";font-size:1.1em;transition:transform .2s}.nav-circle-btn{border:1px solid var(--border-color);background-color:var(--nav-btn-bg);width:44px;height:44px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000d}.nav-circle-btn:hover:not(.disabled){border-color:var(--accent-red);color:var(--accent-red);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.nav-circle-btn.disabled{opacity:.3;cursor:default}.shared-audio-btn{background-color:var(--audio-btn-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.shared-audio-btn:hover:not(:disabled){border-color:var(--audio-btn-accent);color:var(--accent-red);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.shared-toggle-btn{color:var(--text-main);cursor:pointer;text-align:center;white-space:nowrap;background:#8d6e631a;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;min-width:120px;height:38px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.shared-toggle-btn:hover:not(.active){background:#8d6e6326}.shared-toggle-btn.active{background:var(--accent-brown);color:#fff}@media (max-width:767px){.shared-toggle-btn{min-width:90px;padding:6px 10px;font-size:.8rem}}
.Header-module__hBw1pG__sakuraContainer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.Header-module__hBw1pG__petal{will-change:transform,opacity;background-color:pink;border-radius:15px 0;animation:linear infinite Header-module__hBw1pG__animate-petal;position:absolute;top:-50px}.Header-module__hBw1pG__petal:after{content:"";opacity:.8;background-color:pink;border-radius:15px 0;width:100%;height:100%;position:absolute;transform:rotate(-15deg)}@keyframes Header-module__hBw1pG__animate-petal{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translate(100px,400px)rotate(360deg)}}.Header-module__hBw1pG__headerContainer{z-index:3;justify-content:center;width:100%;margin:0;padding:0 1rem;display:flex;position:relative}.Header-module__hBw1pG__logoWrapper{aspect-ratio:540/195;width:100%;max-width:540px;position:relative}.Header-module__hBw1pG__navButtonsGroup{z-index:10;pointer-events:auto;align-items:center;gap:0;margin-top:8px;display:flex;position:absolute;top:100%;right:30px}.Header-module__hBw1pG__headerBtn{cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;padding:6px 12px;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__ghost{color:var(--text-main);background:0 0;border-radius:8px;padding:6px 12px;position:relative}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__plansHighlight{font-weight:800;color:var(--accent-red)!important}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__ghost:after{content:"";background-color:var(--accent-red);height:1.5px;transition:transform .2s;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__ghost:hover{color:var(--accent-red);background-color:#ffffff80}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__ghost:hover:after{transform:scaleX(1)}.Header-module__hBw1pG__navDivider{background-color:var(--border-color);width:1px;height:14px;margin:0 12px}.Header-module__hBw1pG__headerBtnPlaceholder{background:#0000000d;border-radius:12px;width:60px;height:24px;margin-left:12px}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__primary{background:var(--accent-red);color:#fff;border-radius:20px;padding:6px 14px;box-shadow:0 2px 6px #d91e1826}.Header-module__hBw1pG__avatarContainer{background:#fff;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:8px;font-size:.85rem;display:flex;overflow:hidden}.Header-module__hBw1pG__avatarEmoji{line-height:1;transform:translateY(1px)}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__primary:hover{background:var(--accent-red-hover);transform:translateY(-1px);box-shadow:0 4px 10px #d91e1840}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__outline{color:var(--text-light);border-color:var(--border-color);border:1px solid var(--border-color);background:0 0;margin-left:6px;padding:4px 10px;font-size:.7rem}.Header-module__hBw1pG__headerBtn.Header-module__hBw1pG__outline:hover{border-color:var(--accent-red);color:var(--accent-red)}@media (max-width:1024px){.Header-module__hBw1pG__navButtonsGroup{right:15px}.Header-module__hBw1pG__headerBtn{padding:6px 12px;font-size:.8rem}}@media (max-width:768px){.Header-module__hBw1pG__navButtonsGroup{flex-wrap:wrap;justify-content:center;width:100%;margin-top:1rem;padding:0 1rem;position:relative;top:auto;right:auto}.Header-module__hBw1pG__navDivider{display:none}}