@font-face{font-family:Hind;src:url(assets/hind-regular.ttf)}@font-face{font-family:Hind;src:url(assets/hind-semibold.ttf);font-weight:600}@font-face{font-family:Manrope;src:url(assets/manrope.ttf)}*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#202733;font-family:Hind,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #42766b;outline-offset:5px}[data-deck]{--accent:#478b7e;--pale:#e0ebe6}[data-deck=power]{--accent:#be522f;--pale:#f3e2d7}header{max-width:1320px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dbd5}.brand{font-size:27px;font-weight:600}.brand span{display:block;font:9px Manrope;letter-spacing:2px}nav{display:flex;gap:25px;font:12px Manrope}nav a{padding:12px 0}nav a[aria-current]{border-bottom:2px solid var(--accent)}main{max-width:1240px;margin:auto;padding:0 30px}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;padding:72px 0 62px;align-items:center}.eyebrow{font:11px Manrope;letter-spacing:2px;color:var(--accent);line-height:1.8}h1{font-family:Manrope,Hind,sans-serif;font-size:clamp(38px,5vw,68px);line-height:1.12;letter-spacing:-2px;margin:24px 0}.lead{font-size:24px;margin:24px 0 12px}.muted{color:#69716f;font-size:17px}.actions{display:flex;align-items:center;gap:20px;margin-top:30px}.actions span{font-size:14px;color:#69716f}.primary{display:inline-block;background:#202733;color:#fff;padding:14px 24px;border:0;border-radius:7px}.hero-art{position:relative;background:#202733;border-radius:12px;aspect-ratio:1;display:grid;place-items:center;color:var(--pale);overflow:hidden}.hero-art svg{position:absolute;width:125%;opacity:.28;animation:orbit 100s linear infinite}.hero-art b{font:600 116px Manrope;color:var(--pale)}.hero-art>span{position:absolute;bottom:30px;font:9px Manrope;letter-spacing:4px}.toolbar{display:flex;align-items:center;gap:12px;padding:24px 0;border-top:1px solid #d9dbd5}.toolbar h2{margin:0 auto 0 0;font-size:25px}.toolbar small{font-size:15px;color:var(--accent);margin-left:8px}.toolbar label{display:flex;align-items:center;gap:10px;padding:9px 14px;background:white;border:1px solid #dedfd8;border-radius:7px}.toolbar input{background:none;border:0;outline:none;width:170px}.toolbar button,.back button,.reader-top button,.reader-controls button{border:1px solid #ccd1cb;background:transparent;padding:9px 15px;border-radius:7px}button[aria-pressed=true]{background:var(--pale);border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{position:relative;display:flex;flex-direction:column;background:#fffefa;border:1px solid #dedfd8;border-radius:12px;padding:25px;transition:transform .25s,box-shadow .25s}.tile:hover{transform:translateY(-5px);box-shadow:0 15px 30px #2027330d}.tile-top{display:flex;justify-content:space-between;font:11px Manrope;letter-spacing:2px;color:var(--accent)}.tile svg{width:125px;height:100px;color:var(--accent);margin:18px auto 8px}.tile h3{font-size:24px;line-height:1.5;margin:12px 0}.tile p{font-size:17px;line-height:1.7;color:#606964;margin:0 0 24px}.english{font:11px/1.8 Manrope;color:#7b817b}.tile .english{margin-top:auto;border-top:1px solid #e9e9e2;padding-top:15px}.status{max-width:800px;font-size:15px;color:#68716c;line-height:1.8;margin:45px 0}.reader-top{display:flex;align-items:center;justify-content:space-between;margin:35px auto 14px;max-width:850px}.reader-top span{font:14px Manrope}.progress{height:3px;background:#dedfd8;max-width:850px;margin:auto}.progress i{height:100%;display:block;background:var(--accent);transition:width .3s}.flip-scene{perspective:2000px;max-width:850px;margin:28px auto 20px}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.flipped .flip-inner{transform:rotateY(180deg)}.face{grid-area:1/1;backface-visibility:hidden;background:#fffefa;border:1px solid #dedfd8;border-radius:14px;padding:42px 55px;min-width:0}.front{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.front svg{width:205px;height:145px;color:var(--accent);margin:20px 0}.front h1{font-family:Hind;font-size:38px;line-height:1.5;letter-spacing:0;margin:10px 0;max-width:650px}.summary{font-size:21px;line-height:1.85;max-width:650px;margin:15px 0}.front .primary{margin-top:25px}.sub{color:var(--accent);font-size:18px;margin:0}.back{transform:rotateY(180deg)}.back h2{font-size:29px;line-height:1.5;margin:22px 0}.prose{font-size:21px;line-height:2}.prose p{margin:0 0 22px}.back-note{font-size:14px;color:#6c756e;border-top:1px solid #e1e2da;padding-top:22px;line-height:1.8}.reader-controls{max-width:850px;margin:22px auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-controls a{font-size:18px}.reader-controls [aria-disabled=true]{opacity:.3;pointer-events:none}.hint{text-align:center;font-size:13px;color:#7b817b;line-height:1.8;margin-bottom:50px}footer{max-width:1240px;margin:40px auto 0;padding:30px;border-top:1px solid #d9dbd5;display:flex;justify-content:space-between;font:11px Manrope;letter-spacing:1px}.empty{padding:70px 0}.empty a{color:var(--accent)}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:800px){header{padding:20px}.hero{grid-template-columns:1fr 200px;gap:20px;padding:45px 0}.hero h1{font-size:42px}.hero-art b{font-size:80px}.hero-art>span{font-size:7px;letter-spacing:1px;bottom:16px}.lead{font-size:20px}.actions{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar h2{width:100%;margin-bottom:8px}.grid{grid-template-columns:repeat(2,1fr)}.face{padding:30px}.front h1{font-size:32px}}@media(max-width:540px){main{padding:0 18px}header{align-items:flex-start;gap:20px}nav{gap:14px;font-size:10px;max-width:190px}.brand{font-size:23px}.brand span{font-size:7px}.hero{grid-template-columns:1fr;position:relative;padding:35px 0}.hero h1{font-size:44px;padding-right:25px}.hero-art{display:none}.eyebrow{font-size:9px;letter-spacing:1px}.lead{font-size:21px}.actions span{font-size:13px}.toolbar{gap:8px}.toolbar label{width:100%}.toolbar input{width:100%}.toolbar button{flex:1}.grid{grid-template-columns:1fr;gap:14px}.tile{padding:22px}.tile svg{position:absolute;width:75px;height:70px;right:15px;top:25px;opacity:.25}.tile h3{padding-right:25px;margin-top:30px}.tile p{font-size:18px}.face{padding:24px 22px}.front h1{font-size:29px}.front svg{width:160px;height:115px}.summary,.prose{font-size:20px}.reader-controls{flex-wrap:wrap}.reader-controls button{order:3;width:100%;margin-top:8px}.reader-top{font-size:14px}.reader-top button{padding:8px}.back h2{font-size:25px}footer{font-size:9px;padding:24px 18px;gap:16px}.hint{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.original{font-family:Manrope,sans-serif;max-width:650px;line-height:1.65;margin:18px 0 4px;color:#283b3b}.original p{font-size:20px;font-weight:600;margin:0}.original span{display:block;font-size:14px;color:var(--accent);margin-top:6px}.original.compact p{font-size:14px;font-weight:600}.original.compact span{font-size:12px}.tile .original{margin-top:auto;border-top:1px solid #e9e9e2;padding-top:16px}.back .original{margin-bottom:26px;border-left:3px solid var(--accent);padding-left:16px}.front>.original{order:0}.front .english{display:none}@media(max-width:540px){.original p{font-size:18px}.original span{font-size:13px}}

.tile.is-read,.flip-scene.is-read .face{background:#edf5ed;border-color:#cbdccc}.tile.is-read:hover{box-shadow:0 15px 30px #385a3810}.tile-state{display:flex;align-items:center;gap:9px}.read-tag{font:12px Hind,sans-serif;letter-spacing:0;color:#4d7357;background:#dfeddf;padding:3px 9px;border-radius:20px;white-space:nowrap}.tile.is-read .original{border-color:#d3e2d3}
