:root{--ink:#193d42;--muted:#637975;--paper:#f5f7f1;--line:#dbe3da;--gold:#f5d889}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Microsoft YaHei',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #da9c37;outline-offset:4px}header{max-width:1260px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 44px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:inherit;display:flex;gap:12px;font-weight:700;align-items:center;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}.brandmark{background:var(--ink);color:var(--gold);font-size:26px;padding:6px 12px;border-radius:15px}nav{display:flex;gap:30px}nav button{padding:12px 0;color:var(--muted);font-size:14px}nav button.active{color:var(--ink);box-shadow:0 2px var(--ink)}.avatar{border-radius:50%;background:#e3e8db;width:42px;height:42px}main{max-width:1172px;margin:0 auto;padding:43px 0 60px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}h1{font-size:34px;letter-spacing:-1px;font-weight:500;margin:14px 0}h2{font-weight:500}p{line-height:1.8}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.intro p{margin:8px 0;color:var(--muted)}.date{font-size:14px;color:var(--muted);border:1px solid var(--line);padding:10px 17px;border-radius:30px}.cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}.card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff;transition:transform .2s}.card:hover{transform:translateY(-4px)}.art{height:235px;position:relative;background:#176775;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover}.card:nth-child(2) .art img{transform:scale(1.45);object-position:65% 60%}.card:nth-child(3) .art img{transform:scale(1.5);object-position:90% 15%;filter:hue-rotate(22deg)}.badge{position:absolute;left:17px;top:17px;background:#ffffffed;border-radius:24px;padding:8px 12px;font-size:12px}.bookmark{position:absolute;right:16px;top:15px;width:35px;height:35px;border-radius:50%;background:#ffffffed;font-size:20px}.cardbody{padding:24px}.cardbody h2{font-size:23px;line-height:1.4;margin:10px 0}.cardbody p{font-size:14px;color:var(--muted);min-height:50px;margin:10px 0 22px}.cardfoot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.primary{background:var(--ink);color:white;border-radius:28px;padding:13px 22px;font-size:14px}.primary:hover{background:#286069}.link{border-bottom:1px solid #abbdb5;padding:7px 0;font-size:14px}.baystrip{display:flex;align-items:center;gap:22px;margin-top:33px;padding:23px 29px;background:#e9eee4;border-radius:17px}.baystrip p{margin:4px 0;font-size:14px;color:var(--muted)}.baystrip button{margin-left:auto;white-space:nowrap}.spark{font-size:34px;color:#ac7932}.bottomnote{text-align:center;font-size:13px;color:var(--muted);margin-top:27px}.reader{max-width:730px;margin:auto}.readerhead{display:flex;justify-content:space-between;margin-bottom:24px}.readerhero{height:200px;border-radius:18px;overflow:hidden;margin:24px 0}.readerhero img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.reading{font-family:'Literata',Georgia,serif;font-size:23px;line-height:2.05;letter-spacing:.05px}.reading p{line-height:inherit;margin:26px 0}.token{font:inherit;padding:0;border-radius:4px}.token:hover{background:#e6eddb}.translation{font-family:'DM Sans','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.8;background:#eaf0e6;padding:14px 20px;border-radius:12px}.tools{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:14px}.interaction{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.choices{display:grid;gap:12px;margin:20px 0}.choice{background:white;border:1px solid var(--line);text-align:left;padding:19px 23px;border-radius:13px}.choice.selected{border-color:#26746c;background:#e4f1e8}.choice small{display:block;margin-top:5px;color:var(--muted)}.feedback{display:flex;gap:22px;flex-wrap:wrap;margin:28px 0}.feedback button{font-size:13px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:22px;padding:33px;max-width:480px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 90px #06272d33}dialog::backdrop{background:#102e3d44;backdrop-filter:blur(4px)}.close{float:right;font-size:25px}.wordtitle{font-family:Literata,Georgia,serif;font-size:33px;margin-top:5px}blockquote{margin:22px 0;padding:14px;border-left:3px solid #c4d6bf;line-height:1.7;background:var(--paper)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border-radius:30px;background:var(--ink);color:white;padding:14px 25px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw;text-align:center;z-index:10}#toast.show{opacity:1}.map{position:relative;height:480px;border-radius:24px;overflow:hidden;background:#0c6275}.map>img{width:100%;height:100%;object-fit:cover}.maplabel{position:absolute;top:25px;left:25px;background:#fffef3eb;padding:16px 22px;border-radius:14px}.maplabel p{margin:5px 0;font-size:14px}.rewards{position:absolute;inset:45% 7% 8% 12%;display:flex;align-items:end;justify-content:space-around}.reward{background:#fff7ddf2;border-radius:20px;padding:14px;box-shadow:0 5px 20px #073b4840}.reward span{display:block;font-size:30px}.shelfgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shelfitem{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.shelfitem h3{font-weight:500}.empty{padding:40px;border:1px dashed #b8c9ba;border-radius:16px;color:var(--muted)}.tabs{display:flex;gap:22px;margin:25px 0}.pill{padding:10px 19px;background:#e5ebdf;border-radius:25px}a{color:#246d70}.end{background:#edf0dd;border-radius:18px;padding:25px;margin-top:25px} .reading.short{font-size:22px}@media(max-width:1220px){main{padding:35px 30px}}@media(max-width:760px){header{padding:18px;flex-wrap:wrap;gap:16px}.brand{font-size:15px}nav{order:3;width:100%;justify-content:center;gap:35px}main{padding:28px 19px}.intro{display:block}.date{display:none}h1{font-size:28px}.cards{grid-template-columns:1fr}.art{height:220px}.cardbody p{min-height:0}.baystrip{padding:20px;gap:13px;flex-wrap:wrap}.baystrip button{margin-left:47px}.reading{font-size:21px;line-height:1.95}.shelfgrid{grid-template-columns:1fr}.map{height:450px}.reward{font-size:12px;padding:10px}.rewards{inset:45% 4% 10%}.maplabel{left:15px;right:15px}.readerhero{height:170px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* First week: quiet reading and separate collections */
button:disabled{cursor:default;opacity:.55}.card:nth-child(2) .art img,.card:nth-child(3) .art img{transform:none;filter:none;object-position:center}.cardbody{display:flex;flex-direction:column;flex:1}.card{display:flex;flex-direction:column}.cardbody h2{font-family:Georgia,serif;font-size:25px;min-height:68px}.cardfoot{margin-top:auto}.expert{display:flex;align-items:center;gap:14px;text-align:left;flex-shrink:0;font-size:14px}.expert small{display:block;margin-top:5px;color:var(--muted)}.expert-ring{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:conic-gradient(#d9a843 var(--progress),#dde6dc 0);padding:5px}.expert-ring>span{display:grid;place-items:center;width:62px;height:62px;background:#215c65;color:#fff2bd;border:4px solid var(--paper);border-radius:50%;font-size:38px}.asset-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:110px;background:#e8eeea;color:#6b7b77;gap:10px;text-align:center;padding:20px}.asset-pending>span{font-size:32px}.asset-pending small{font-size:12px}.readerhero{height:auto;aspect-ratio:16/7}.readerhero img{object-fit:cover}.reading{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.85}.reading p{margin:0 0 14px}.reading blockquote{font:inherit;line-height:inherit;margin:22px 0;padding:16px 22px}.token{display:inline;font:inherit;line-height:inherit;white-space:normal}.reading strong{font-weight:700}.feedback{gap:10px}.feedback button{border:1px solid var(--line);border-radius:25px;padding:11px 16px;font-size:14px}.feedback .selected,.pill.selected{background:#d8e8da;border-color:#4a7f76;color:#193d42}.finishrow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.lock-note{font-size:12px!important;min-height:0!important}.new-map{background:#d7e7e8;height:420px;border:1px solid #b7cecf}.lighthouse-place{position:absolute;right:10%;bottom:28px;width:240px;height:260px}.lighthouse-place img{width:100%;height:100%;object-fit:contain}.new-map .asset-pending{background:#ffffff55;border:1px dashed #9ebabc;border-radius:18px}.bell-reward{position:absolute;left:15%;bottom:36px;width:200px;padding:12px;border-radius:20px;background:#fff8e6}.bell-reward img{height:110px;max-width:100%;object-fit:contain}.bell-reward strong,.bell-reward small{display:block;margin-top:8px}.friends{margin:35px 0}.friendlist{display:flex;gap:25px;flex-wrap:wrap}.friend{width:190px;padding:15px;border:1px solid var(--line);border-radius:20px;background:white}.friend img,.friend .asset-pending{width:160px;height:150px;object-fit:contain}.friend strong,.friend>span{display:block;margin-top:12px}.friend>span{font-size:13px;color:var(--muted)}.character-portrait{width:145px;height:130px;margin:auto}.character-portrait img{width:100%;height:100%;object-fit:contain}.secretgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secret{border:1px solid var(--line);border-radius:14px;padding:18px;text-align:left;min-height:145px}.secret>span{display:block;font-size:25px;margin-bottom:12px}.secret strong{font-size:14px;line-height:1.5;display:block}.secret small{display:block;font-size:12px;margin-top:12px}.secret.locked{background:#f0f1ed;color:#84918c}.secret.locked span{filter:grayscale(1);opacity:.4}.filters{display:flex;gap:10px;flex-wrap:wrap}.shelfgroup{margin:30px 0}.shelfitem{position:relative}.savedmark{position:absolute;right:16px;top:16px}.tabs{flex-wrap:wrap}.shelfitem blockquote{font-size:14px;padding:12px;margin:15px 0}.shelfitem .wordtitle{font-size:28px}.maplabel{z-index:1}.shelfitem h3{line-height:1.5}.reading button:hover{background:#e5eddd}#modal{max-width:550px}.empty{padding:25px}.cardfoot{gap:10px}.cardfoot span{flex-shrink:0}
@media(max-width:760px){.intro{display:flex;align-items:flex-start;gap:15px}.intro h1{font-size:25px}.intro p{font-size:14px}.expert{flex-direction:column;gap:6px;text-align:center;font-size:12px}.expert-ring{width:58px;height:58px}.expert-ring>span{width:48px;height:48px;font-size:28px}.expert small{font-size:12px}.cardbody h2{min-height:0}.reading{font-size:21px;line-height:1.8}.lighthouse-place{right:5%;width:170px;height:200px}.bell-reward{left:4%;bottom:40px;width:145px}.new-map{height:380px}.maplabel p{font-size:13px}.friendlist{gap:12px}.friend{width:calc(50% - 6px)}.friend img,.friend .asset-pending{width:100%;height:125px}.secret{padding:12px}.secretgrid{gap:8px}.readerhero{aspect-ratio:16/9}}