:root{--navy:#223B55;--teal:#32AA9C;--paper:#F8F7F2;--muted:#71808b}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:var(--paper);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,[data-word]:focus-visible{outline:3px solid var(--teal);outline-offset:3px}header{max-width:1240px;margin:auto;padding:28px 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #223b5515}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}.brand small{font-weight:400;font-size:16px;letter-spacing:2px;margin-left:8px}.edition{font-size:10px;letter-spacing:3px;color:var(--muted)}header button,.text-button,#saved,#export-saved{border:0;background:none;color:var(--navy)}header button{font-size:12px}main{max-width:1148px;margin:auto}.intro{padding:68px 0 70px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:9px}.intro h1{font-size:58px;font-weight:500;letter-spacing:-2px;line-height:1.35;margin:24px 0 22px}.intro em{font-style:normal;color:#248c81}.intro p{color:var(--muted);font-size:15px;line-height:1.9}.intro-actions{display:flex;gap:20px;align-items:center;margin-top:28px}.solid{background:var(--navy);color:white;border:0;border-radius:10px;padding:14px 21px;box-shadow:0 6px 16px #223b5515}.solid span{margin-left:25px}.text-button{font-size:13px}.sea-art{position:absolute;right:20px;top:60px;width:430px;height:330px;border-radius:46% 54% 56% 44%;background:radial-gradient(ellipse at 35% 30%,#a6dcd0 0, #32aa9c38 30%,#223b550a 65%,transparent 70%);transform:rotate(-10deg)}.orbit{position:absolute;width:400px;height:170px;top:75px;left:0;border:1px solid #32aa9c5c;border-radius:50%;transform:rotate(-22deg)}.two{transform:rotate(-6deg);top:90px}.three{transform:rotate(10deg);top:110px}.art-word{position:absolute;top:130px;left:92px;font:italic 54px Georgia;color:var(--navy);transform:rotate(10deg)}.art-caption{position:absolute;top:270px;left:100px;font-size:9px;letter-spacing:3px;transform:rotate(10deg)}.workspace{padding-top:32px;border-top:1px solid #223b5520}.reader-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h2{font-size:25px;font-weight:500;margin:5px 0}select{border:1px solid #223b5525;background:transparent;padding:9px 14px;border-radius:9px;color:var(--navy)}.reading-layout{display:grid;grid-template-columns:1fr 260px;gap:28px}article{background:#fffefa;border:1px solid #223b5515;border-radius:18px;padding:42px 46px;box-shadow:0 8px 40px #223b5504}article .category{font-size:10px;letter-spacing:2px;color:#248c81}article h2{font:36px/1.3 Georgia;margin:22px 0 8px}article .subtitle{font-size:12px;color:var(--muted);border-bottom:1px solid #223b5515;padding-bottom:25px;margin-bottom:26px}article p.english{font:21px/1.95 Georgia;margin:23px 0;color:#304457}[data-word]{cursor:pointer;border-radius:3px;transition:background .15s,color .15s}[data-word]:hover,[data-word]:focus{background:#32aa9c25;color:#18796e}aside{background:#eef1eb;border-radius:18px;padding:30px 26px;align-self:start}aside h3{font-size:22px;font-weight:500;line-height:1.6;margin:15px 0}aside p,aside small{font-size:12px;color:var(--muted);line-height:1.9}.aside-icon{font-size:26px;color:#248c81}.hint{font-size:13px;padding:14px 0;border-bottom:1px solid #223b5512}.hint span{font-size:10px;color:#248c81;margin-right:20px}aside small{display:block;margin-top:20px}#saved{margin-top:15px;padding:0}footer{display:flex;justify-content:space-between;gap:15px;padding:48px 0 28px;font-size:12px;color:var(--muted)}footer small{font-size:10px}.custom-panel,#saved-panel{margin-top:30px;background:#eef1eb;padding:26px;border-radius:18px}textarea{display:block;width:100%;background:#fffefa;border:1px solid #223b5525;border-radius:10px;padding:15px;color:var(--navy);margin-top:12px}.custom-panel p{font-size:12px;color:var(--muted)}#saved-list{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}#saved-list button{border:1px solid #32aa9c50;background:white;border-radius:15px;padding:8px 14px;color:var(--navy)}[hidden]{display:none!important}@media(max-width:1200px){main{margin:0 40px}}@media(max-width:760px){header{padding:20px 22px}.edition{display:none}main{margin:0 22px}.brand{font-size:22px}.intro{padding:44px 0 38px}.intro h1{font-size:42px;margin-top:20px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.sea-art{right:-155px;top:85px;opacity:.32;z-index:-1}.intro-actions{gap:8px;flex-wrap:wrap}.solid{padding:13px 17px}.text-button{padding:10px}.reading-layout{grid-template-columns:1fr}article{padding:28px 23px}article h2{font-size:30px}article p.english{font-size:20px;line-height:1.9}aside{display:none}.reader-heading h2{font-size:22px}select{max-width:135px;font-size:12px}footer{flex-wrap:wrap;padding-bottom:100px}.intro p{font-size:14px}}