:root{--navy:#25416f;--ink:#243958;--muted:#667d9f;--line:#a9c4f3;--pale:#fffefa;--blue:#dceeff;--pink:#ffe2f0;--mint:#dcf9ee;--lav:#e9e5ff;--deep:#3a63ab;--shadow:0 4px 0 rgba(65,97,151,.14)}
*{box-sizing:border-box}html{background:#c6dbf9}body{margin:0;color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP","PingFang SC",sans-serif;background:radial-gradient(circle at 10% 20%,#faf0ff,transparent 32%),#d9eafa}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.53;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d86fa7;outline-offset:2px}img{max-width:100%}#shell{width:min(100%,540px);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#edf6ff 0%,#fffaff 72%);box-shadow:0 0 40px #6b87b13b;position:relative;overflow:hidden}.top-head{height:76px;padding:calc(9px + env(safe-area-inset-top,0px)) 16px 9px;box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(110deg,#f9e8f7,#dfebff 64%,#d5faf1);border-bottom:2px solid var(--line)}.brand{display:flex;gap:8px;min-width:0;align-items:center}.brand img{width:47px;height:47px;object-fit:cover;object-position:center top;border:2px solid #8ba9dc;border-radius:10px;image-rendering:pixelated;background:#fff}.brand strong{font-size:15px;display:block;white-space:nowrap;letter-spacing:-.02em}.brand small{font:9px/1.4 monospace;letter-spacing:.08em;color:#627ca9}.top-stats{flex:none;display:flex;flex-direction:column;gap:3px;align-items:flex-end;font-size:11px;font-weight:800}#main{padding:18px 14px calc(112px + env(safe-area-inset-bottom,0px));min-height:calc(100vh - 100px)}#bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 8px calc(7px + env(safe-area-inset-bottom,0px));background:#ffebf5;border-top:2px solid #9abcf0;z-index:12;box-shadow:0 -5px 16px #28466a12}#bottom-nav button{background:transparent;border:0;color:#5874a7;min-height:54px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}#bottom-nav button span{font-size:23px}#bottom-nav button small{font-size:11px;font-weight:700}#bottom-nav button.on{background:#d4e3ff;color:#1a407e;box-shadow:inset 0 -3px #8eacdf}.boot{padding:50px 20px;text-align:center}#toast{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:50;display:none;max-width:350px;width:calc(100% - 54px);border:2px solid #5b7fbc;background:#fffefb;color:#2c4369;padding:12px 16px;border-radius:12px;box-shadow:0 6px 0 #5f80ba36;font-weight:700;font-size:13px}#toast.open{display:block}
.title-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.title-row h1{margin:0;font-size:21px;letter-spacing:.02em}.title-row p{margin:2px 0 0;font-size:11px;color:#6680ad}.badge{font-size:10px;white-space:nowrap;background:#e1edff;color:#335790;padding:4px 9px;border:1px solid #adc4ef;border-radius:8px;font-weight:800}.page-intro{color:#58739b;font-size:12px;margin:0 0 14px}.panel{background:#ffffffdf;border:2px solid #b5cbf3;border-radius:14px;padding:15px;box-shadow:var(--shadow);margin:0 0 14px}.panel.pink{background:#fff0f7;border-color:#efc3de}.panel.mint{background:#eafbfa;border-color:#a4d8d1}.panel.lav{background:#f0eeff;border-color:#c8c0f2}.panel h2,.panel h3{margin:0 0 9px;color:#314f84}.panel h2{font-size:17px}.panel h3{font-size:15px}.muted{color:var(--muted)}.tiny{font-size:11px}.strong{font-weight:800}.pixel{image-rendering:pixelated}.btn{border:2px solid #8ca9d8;border-bottom-width:4px;background:#f9fcff;color:#365786;border-radius:10px;padding:10px 12px;font-weight:800;min-height:44px}.btn.primary{background:#ffbdde;border-color:#d881ae;color:#663b69}.btn.blue{background:#bcd7ff;border-color:#7c9dce;color:#274d86}.btn.green{background:#cbf3e3;border-color:#7abfb6}.btn.danger{color:#a04666;border-color:#f0afca}.btn.small{padding:6px 10px;min-height:36px;font-size:12px}.btn.flat{border:0;border-radius:9px;min-height:38px;background:#e8eeff}.btn:active{transform:translateY(2px);border-bottom-width:2px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.space{display:flex;justify-content:space-between;align-items:center;gap:10px}.soft-line{border:0;border-top:1px dashed #bfd1ef;margin:13px 0}.tabbar{display:flex;gap:6px;padding:4px;background:#edf2ff;border-radius:11px;margin:10px 0 15px;overflow-x:auto}.tabbar button{border:0;background:transparent;color:#5675a7;padding:7px 12px;white-space:nowrap;border-radius:8px;min-height:39px;font-weight:700;flex:1}.tabbar button.on{background:#fff;color:#37548d;box-shadow:0 2px 6px #315f991f}label{display:block;font-weight:700;font-size:12px;color:#526995;margin:10px 0 4px}.field{width:100%;border:1.5px solid #a4bde4;border-radius:10px;padding:11px 12px;min-height:43px;background:#fff;color:#203954;font-size:16px}.field.area{min-height:144px;line-height:1.85;resize:vertical}.field:focus{border-color:#668fd0}ruby{ruby-position:over}rt{color:#598ab8;font-size:.52em;line-height:1.1;font-weight:500}.jp{line-height:2.15;font-size:17px;overflow-wrap:anywhere}body.no-furi rt{display:none}.quote{padding:12px;background:#f0f6ff;border-left:4px solid #9abaed;border-radius:7px;margin:10px 0;color:#274878}
/* town */.town-hero{border:3px solid #97b7ec;border-radius:14px;background:#d7e7fa;position:relative;overflow:hidden;box-shadow:var(--shadow)}.town-hero img{width:100%;height:400px;object-fit:cover;image-rendering:pixelated;display:block;filter:saturate(1.02)}.town-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#e2f2ff00 55%,#f7e7faad 100%)}.map-loc{position:absolute;z-index:2;background:#fffef2eF;border:2px solid #7599d4;border-radius:8px;box-shadow:2px 3px 0 #6385b563;color:#2e548b;font-size:11px;font-weight:900;padding:6px 8px;min-height:36px;white-space:nowrap}.map-loc:nth-of-type(1){top:13%;left:7%}.map-loc:nth-of-type(2){top:21%;right:7%}.map-loc:nth-of-type(3){top:42%;left:12%}.map-loc:nth-of-type(4){top:57%;right:8%}.map-loc:nth-of-type(5){bottom:12%;left:13%}.map-loc:nth-of-type(6){bottom:18%;right:17%}.town-character{position:absolute;left:41%;top:37%;height:100px;width:79px;object-fit:cover;object-position:top;image-rendering:pixelated;border-radius:6px;filter:drop-shadow(0 4px 2px #4b60836a)}.town-hint{margin-top:10px;font-size:12px;color:#566f96}.ticker{display:flex;gap:8px;align-items:center;padding:9px 12px;border-radius:10px;background:#e1f7f0;border:1px dashed #8ecfca;margin:10px 0;font-size:12px}.mini-location{display:flex;gap:11px;align-items:center;padding:12px;border:1.5px solid #c4d4f0;border-radius:11px;background:#fff;min-width:0}.mini-location>span{font-size:26px}.mini-location strong{display:block}.mini-location p{margin:2px 0 0;font-size:11px;color:#607da5}
/* study */.book-banner{display:flex;gap:10px;align-items:center;background:linear-gradient(110deg,#c9e2ff,#fff1f7);border:2px solid #a9c3ef;border-radius:13px;padding:15px;margin:0 0 13px}.book-banner .big{font-size:31px}.book-banner h2{margin:0;font-size:16px}.bar{height:8px;border-radius:99px;background:#d8e1f2;overflow:hidden;margin:7px 0}.bar>i{height:100%;display:block;background:linear-gradient(90deg,#87b4f7,#fdafd8);border-radius:99px}.lesson-list{display:grid;gap:9px}.lesson-card{background:#fff;border:2px solid #bcd0ed;border-radius:12px;display:flex;gap:10px;align-items:center;padding:11px;min-height:78px;text-align:left;width:100%}.lesson-card .lesson-num{width:47px;height:47px;background:#e0ecff;border-radius:9px;display:grid;place-items:center;font-size:15px;color:#385b96;font-weight:900;flex:none}.lesson-card.done{border-color:#acdcca;background:#f2fffb}.lesson-card.todo{border-style:dashed;background:#fafbff}.lesson-card .txt{flex:1;min-width:0}.lesson-card .txt strong{display:block;font-size:13px}.lesson-card .txt small{display:block;color:#7790ac;font-size:11px}.lesson-card .arrow{color:#7796c2;font-size:18px}.word-card{padding:12px;border:1.5px solid #bcd0ed;background:#f8fbff;border-radius:11px;margin:8px 0}.word-card b{font-size:19px;color:#2a4b85}.word-card em{font-size:11px;color:#7990b0;font-style:normal}.grammar{padding:14px;border:1.5px solid #b9c8ee;border-radius:10px;background:#fbfaff;margin:10px 0}.grammar strong{color:#315f9e}.choice{width:100%;display:block;text-align:left;border:2px solid #b1c8ea;border-radius:10px;background:#fff;padding:12px;margin:9px 0;color:#334d7c;min-height:48px}.choice.chosen{background:#e2f4e9;border-color:#80bdaa}.choice.wrong{background:#fff0f0;border-color:#df9dad}.quiz-feedback{font-size:12px;padding:10px;background:#eaf8f3;border-radius:8px;margin:10px 0}.reading-line{line-height:2.3}
/* chats */.npc-pickers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.npc-pick{padding:5px 2px;border:2px solid #c6d5ef;border-radius:10px;background:#fff;min-width:0;color:#345985}.npc-pick.on{background:#ffeaf3;border-color:#dc98bc}.npc-pick img{height:57px;width:57px;border-radius:8px;object-fit:cover;margin:auto;display:block;image-rendering:pixelated}.npc-pick small{display:block;font-size:10px;font-weight:800}.npc-header{display:flex;gap:14px;align-items:center}.npc-header img{width:94px;height:110px;object-fit:cover;border:3px solid #c2c9f1;border-radius:13px;image-rendering:pixelated}.chatroom{background:linear-gradient(175deg,#e7eeff,#fff1f9);border:2px solid #adbee9;border-radius:14px;min-height:240px;padding:14px}.bubble{padding:11px 13px;border-radius:14px;line-height:2;max-width:95%;background:#fff;border:1px solid #bccced;margin:10px 0;overflow-wrap:anywhere}.bubble.me{margin-left:20%;background:#d7e8ff;border-color:#a1bdf0}.bubble .zh{font-size:11px;color:#7086a6;line-height:1.5;margin-top:4px}.ep-btn{display:block;text-align:left;background:#fff;border:1.5px solid #bdcceb;border-radius:10px;padding:12px;width:100%;margin:8px 0}.ep-btn strong{display:block}.ep-btn small{color:#6a80a4}.ep-btn.on{background:#ffecf5;border-color:#e8a9ca}
/* journal */.entry{display:flex;gap:9px;justify-content:space-between;align-items:center;text-align:left;width:100%;border:1.5px solid #c5d6eb;padding:12px;border-radius:10px;background:#fff;margin:8px 0}.entry strong{display:block}.entry small{color:#7990ae}.journal-preview{min-height:240px;position:relative;border:2px solid #e7b8d0;border-radius:10px;padding:15px;background:repeating-linear-gradient(180deg,#fffdfa,#fffdfa 29px,#f4dce8 30px);overflow:hidden;margin:13px 0;touch-action:pan-y}.journal-preview .diary-text{white-space:pre-wrap;word-break:break-word;line-height:2;position:relative;z-index:1;pointer-events:none;padding:12px 0}.stamp{position:absolute;z-index:2;transform-origin:center;object-fit:contain;image-rendering:pixelated;width:52px;height:52px;touch-action:none;cursor:grab;filter:drop-shadow(1px 3px 0 #8c9caf36);border:2px solid transparent;border-radius:5px}.stamp.selected{border:2px dashed #b95791;background:#f4bbd222}.sticker-tray{display:flex;overflow-x:auto;gap:8px;padding:8px 0}.sticker-tray button{flex:none;border:1px solid #bbcae1;background:#fff;border-radius:8px;padding:5px;min-width:56px;min-height:56px}.sticker-tray img{width:43px;height:43px;image-rendering:pixelated;object-fit:contain}.small-bubble{border-radius:9px;padding:8px;background:#ecf7ff;font-size:12px;margin:8px 0}.note-list{display:grid;gap:8px}.note-item{padding:12px;border:1px solid #cbd6ef;background:#fff;border-radius:11px}.note-item h3{margin:0;color:#304f82;font-size:15px}.note-item p{margin:7px 0;white-space:pre-wrap}.note-item .meta{color:#7b89a8;font-size:10px}.note-item button{min-height:34px}
/* room */.room-illustration{position:relative;border:3px solid #b8c9eb;border-radius:13px;overflow:hidden;background:linear-gradient(#d7eaff 0 63%,#f2b9ce 63% 70%,#f7d7c9 70%);min-height:275px}.room-illustration:after{content:"★ ✦ ♡ ☆ ✦";position:absolute;left:16px;right:16px;top:12px;font-size:20px;letter-spacing:13px;color:#b386c5;opacity:.9}.room-illustration .home-ruri{position:absolute;left:8%;bottom:7%;height:160px;image-rendering:pixelated;filter:drop-shadow(3px 5px #a4819c44)}.room-illustration .room-npc{position:absolute;right:4%;bottom:7%;height:190px;width:56%;object-fit:cover;object-position:center;image-rendering:pixelated;border-radius:12px;box-shadow:0 3px 0 #7489b37a}.room-label{position:absolute;z-index:2;bottom:10px;left:20px;padding:3px 12px;border:2px solid #94acd7;background:#fff4fa;border-radius:8px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{background:#fff;border:1.5px solid #d0d9ee;border-radius:10px;padding:12px;font-size:12px}.stat-card strong{font-size:20px;color:#3d63a3;display:block}.collect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.collect-cell{background:#fff;border:1.5px solid #c3d4ee;border-radius:9px;padding:8px;text-align:center;font-size:10px;min-height:84px}.collect-cell img{width:54px;height:46px;object-fit:contain;image-rendering:pixelated;display:block;margin:auto}.collect-cell.locked{opacity:.45}.setting-row{padding:12px 0;border-bottom:1px dashed #c7d6e9;display:flex;justify-content:space-between;align-items:center;gap:9px}.setting-row:last-child{border-bottom:0}.setting-row label{margin:0}.setting-row input[type=checkbox]{width:23px;height:23px;accent-color:#e98bb9}.warn{background:#fff2e9;border:1.5px solid #f3c8a5;border-radius:10px;padding:11px;color:#8c654d;font-size:12px}.foot-note{font-size:10px;color:#8b9db6;text-align:center;padding:20px 12px}.hidden{display:none!important}
@media (min-width:600px){#shell{min-height:100vh;border-left:2px solid #acc7ec;border-right:2px solid #acc7ec}#bottom-nav{max-width:540px}#main{padding-left:25px;padding-right:25px}}@media (max-width:370px){.brand strong{font-size:13px}.top-stats{font-size:10px}#main{padding-left:10px;padding-right:10px}.panel{padding:11px}.npc-pick img{width:49px;height:49px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}