:root{--navy:#153467;--blue:#237de8;--purple:#7542d8;--pink:#f548a0;--gold:#f6ba27;--mint:#21be9b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Trebuchet MS,Arial,sans-serif;color:#17315f}body{background:radial-gradient(circle at 95% 1%,#ffedca 0,transparent 27%),radial-gradient(circle at 2% 20%,#deedff 0,transparent 30%),linear-gradient(135deg,#e9f7ff,#fff2f7)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #ffb300;outline-offset:2px}.mw-shell{max-width:1580px;margin:0 auto;padding:8px 10px}.mw-top{min-height:95px;border:3px solid #90d4ff;background:linear-gradient(100deg,#75d8ff,#b7eeff 48%,#fff0ab);border-radius:22px;box-shadow:0 6px 20px #1a75af1a;display:flex;align-items:center;gap:10px;padding:6px 15px;position:relative;overflow:hidden}.mw-top:before{content:'★   ✦   ★';position:absolute;bottom:-12px;right:19%;color:#ffc336aa;font-size:3rem;pointer-events:none}.mw-portrait{width:82px;height:78px;flex:none;object-fit:cover;object-position:center 20%;border:3px solid white;border-radius:20px;box-shadow:0 3px 9px #2d77aa40}.mw-brand{flex:1;min-width:0}.mw-brand h1{font-size:clamp(1.45rem,2.5vw,2.6rem);margin:0;line-height:1.05;color:#ff3595;text-shadow:1px 2px 0 #fff,2px 3px 0 #2763ae;font-weight:1000}.mw-brand p{margin:4px 0 0;color:#164575;font-size:clamp(.73rem,1vw,.92rem);font-weight:700}.mw-top-actions{display:flex;align-items:center;gap:7px;z-index:1;flex-wrap:wrap;justify-content:flex-end}.mw-top-actions a,.mw-top-actions button{border:2px solid #fff;background:#ffffffd9;color:#104f94;border-radius:13px;padding:8px 12px;text-decoration:none;font-weight:900;box-shadow:0 2px 3px #0362a625}.mw-sound{white-space:nowrap}.mw-nav{display:flex;gap:8px;padding:8px 0;overflow:auto;scrollbar-width:thin}.mw-nav button{border-radius:14px;border:2px solid #b6d6ff;background:#e6f2ff;color:#1d4b85;min-height:43px;white-space:nowrap;padding:7px 16px;font-weight:900}.mw-nav button[data-view="stories"]{border-color:#f7b0d4}.mw-nav button[data-view="book"]{border-color:#b2a6ff}.mw-nav button[data-view="stars"]{border-color:#fed27c}.mw-nav button.active{background:linear-gradient(130deg,#398ee6,#7359e8);color:#fff;box-shadow:0 5px 10px #5272e844}.mw-layout{display:grid;grid-template-columns:minmax(195px,245px) minmax(380px,1fr) minmax(225px,280px);gap:10px;align-items:stretch;height:calc(100vh - 169px);min-height:460px;max-height:1060px}.mw-panel{border:2px solid #bce4fb;border-radius:18px;background:#fffdf6;box-shadow:0 4px 14px #2c6da315;min-height:0;overflow:hidden}.mw-left,.mw-center,.mw-right{display:flex;flex-direction:column;min-height:0}.mw-left{background:linear-gradient(#fff1ce,#fff9e7)}.mw-left h2,.mw-right h2{font-size:1.08rem;color:#133b72;margin:10px 12px 4px}.mw-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-color:#a6cff9 transparent}.mw-story-item{display:flex;align-items:center;gap:7px;border:2px solid #f0dcbd;border-radius:12px;background:#fff;padding:5px;width:calc(100% - 12px);text-align:left;margin:6px;transition:transform .12s,background .12s}.mw-story-item:hover{transform:translateY(-1px)}.mw-story-item.active{border-color:#fc50a7;background:#ffe7f3}.mw-story-item img{width:82px;height:60px;border-radius:8px;object-fit:cover;flex:none}.mw-story-item span{font-size:.84rem;font-weight:900;line-height:1.17}.mw-story-item small{display:block;color:#8a5a28;font-weight:700;margin-top:4px}.mw-center{background:#f9fcff}.mw-main{padding:12px 14px 18px}.mw-art{width:100%;max-height:27vh;min-height:140px;aspect-ratio:2.7;object-fit:cover;border-radius:16px;border:3px solid #fff;box-shadow:0 3px 12px #19395a30}.mw-label{display:inline-block;background:#e9f0ff;border-radius:100px;padding:4px 11px;color:#325aa7;font-size:.78rem;font-weight:900}.mw-main h2{font-size:clamp(1.25rem,2vw,1.95rem);color:#123b76;margin:7px 0 8px}.mw-story-text{font-size:1.015rem;line-height:1.52;background:#fff9ed;border:1px solid #ffe3a0;border-radius:14px;padding:12px 13px;margin:10px 0 12px}.mw-q-title{font-weight:1000;font-size:1.15rem;color:#113e86;margin:9px 0 9px}.mw-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mw-choice{border:2px solid #a7c9ed;background:linear-gradient(170deg,#fff,#eff8ff);color:#243a5a;border-radius:13px;text-align:left;padding:12px 13px;font-weight:750;line-height:1.3;min-height:65px;transition:transform .15s}.mw-choice:hover:not(:disabled){transform:translateY(-2px);background:#e4f4ff}.mw-choice.selected{background:#fff0c7;border-color:#eda23c}.mw-choice.best{background:#e0fadb;border-color:#28ae67}.mw-choice:disabled{cursor:default;opacity:1}.mw-response{background:linear-gradient(120deg,#f4edff,#eef7ff);border:2px solid #a7b7fa;padding:11px 13px;border-radius:14px;margin:11px 0;line-height:1.5}.mw-response.good{background:linear-gradient(120deg,#e7ffe3,#effff5);border-color:#75cd83}.mw-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.mw-btn{border:2px solid #fff;border-radius:14px;background:#287ceb;color:#fff;padding:9px 14px;font-weight:900;box-shadow:0 3px 7px #356ad255}.mw-btn:hover{filter:brightness(1.06)}.mw-btn.pink{background:linear-gradient(110deg,#f62fa1,#ee5d5d)}.mw-btn.green{background:linear-gradient(110deg,#23b551,#16a18f)}.mw-btn.purple{background:linear-gradient(110deg,#7251dc,#bd5bf0)}.mw-btn.white{background:#fff;color:#17528b;border:2px solid #9dc7f4;box-shadow:none}.mw-quick{margin:11px;background:linear-gradient(140deg,#fffcdd,#ffedb0);padding:11px;border:2px solid #f0c363;border-radius:16px}.mw-quick h3{margin:2px 0 8px;color:#8c4705}.mw-quick p{margin:6px 0;line-height:1.4;font-size:.91rem}.mw-quick ul{margin:8px 0;padding-left:18px;font-size:.87rem;line-height:1.43}.mw-quick li{margin-bottom:6px}.mw-bubble{background:#d8f5ff;padding:13px;border-radius:13px;margin:10px;color:#14507b;font-size:.9rem;line-height:1.38;border:2px solid #80cfed}.mw-book{padding:13px;max-width:1100px;margin:0 auto}.mw-book h2,.mw-collection h2{font-size:1.55rem;margin:0 0 7px}.mw-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}.mw-book-chapter{padding:14px;border-radius:17px;border:2px solid #acd5ff;background:linear-gradient(145deg,#ffffff,#e9f6ff);box-shadow:0 3px 8px #2359ac13}.mw-book-chapter:nth-child(4n+1){border-color:#ffc0d2;background:linear-gradient(145deg,#fff,#fff0f5)}.mw-book-chapter:nth-child(4n+2){border-color:#edd18c;background:linear-gradient(145deg,#fff,#fff8df)}.mw-book-chapter:nth-child(4n+3){border-color:#bfafd9;background:linear-gradient(145deg,#fff,#f1ecff)}.mw-book-chapter h3{margin:0;font-size:1.13rem;color:#17467e}.mw-book-chapter h4{margin:4px 0 10px;color:#886095;font-size:.89rem}.mw-book-chapter b{color:#1b826c}.mw-book-chapter ul{padding-left:21px;line-height:1.48}.mw-book-chapter li{margin-bottom:5px}.mw-book-chapter .mw-dont{color:#a44a4a}.mw-book-chapter blockquote{margin:10px 0 0;background:#fff;border-radius:10px;padding:9px;color:#244466;border-left:4px solid #f5b344}.mw-chapter-tool{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:8px 0 13px}.mw-search{width:min(100%,370px);border:2px solid #9cceec;border-radius:12px;padding:10px 12px;font-size:1rem}.mw-collection{padding:20px;text-align:center}.mw-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}.mw-medal{padding:17px 22px;border:2px solid #ffcc75;border-radius:15px;background:#fff1c5;font-size:1.05rem;font-weight:900}.mw-staricon{color:#f09f13}.mw-end{background:linear-gradient(135deg,#f1edff,#fff1cc);border:3px solid #f2ca86;border-radius:18px;padding:15px;text-align:center}.mw-end .mw-bigtrophy{font-size:3rem}.mw-end h2{margin:4px}.mw-empty{color:#6c778e}.robo-sound-toggle{position:fixed;z-index:9999;bottom:8px;right:8px;background:#fff;color:#1b578f;border:2px solid #6ac0ff;border-radius:50px;padding:8px 12px;font-weight:bold;box-shadow:0 3px 9px #24497d55}
@media(max-width:1050px){.mw-layout{grid-template-columns:190px minmax(350px,1fr);height:calc(100vh - 162px)}.mw-right{display:none}}
@media(max-width:720px){.mw-shell{padding:5px}.mw-top{min-height:67px;border-radius:14px;padding:5px 8px;gap:6px}.mw-portrait{width:47px;height:51px;border-radius:10px}.mw-brand h1{font-size:1.23rem;text-shadow:1px 1px #fff}.mw-brand p{font-size:.66rem}.mw-top-actions a,.mw-top-actions button{padding:6px 8px;font-size:1rem}.mw-sound-label,.mw-back-label{display:none}.mw-nav{gap:5px;padding:6px 0}.mw-nav button{font-size:.79rem;padding:5px 9px;min-height:38px}.mw-layout{display:block;height:auto;min-height:0;max-height:none}.mw-left{display:block;margin-bottom:8px}.mw-left h2{font-size:.95rem;margin:7px}.mw-left .mw-scroll{display:flex;overflow-x:auto;max-height:107px}.mw-story-item{min-width:170px;width:170px;margin:4px}.mw-story-item img{width:56px;height:57px}.mw-story-item span{font-size:.72rem}.mw-center{min-height:0}.mw-center .mw-scroll{overflow:visible}.mw-art{max-height:none;min-height:0;aspect-ratio:2.05}.mw-main{padding:9px}.mw-story-text{font-size:.96rem}.mw-choice-grid{grid-template-columns:1fr}.mw-choice{min-height:49px;padding:11px}.mw-book{padding:9px}.mw-right{display:none}}
@media print{body{background:#fff;color:#000}.mw-top,.mw-nav,.mw-left,.mw-right,.mw-actions,.mw-search,.mw-chapter-tool,.robo-sound-toggle{display:none!important}.mw-shell,.mw-layout,.mw-panel,.mw-center,.mw-scroll{padding:0;height:auto;max-height:none;overflow:visible;box-shadow:none;border:0;display:block}.mw-book-grid{display:block}.mw-book-chapter{break-inside:avoid;page-break-inside:avoid;margin-bottom:12px;border:1px solid #888;background:#fff!important}.mw-story-text{background:#fff}}
