@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";

:root{--ink:#101b22;--ink-soft:#17262e;--canvas:#26313d;--paper:#f6f1e9;--muted:#9eb4b5;--line:rgba(195,220,217,.2);--teal:#12a99d;--teal-dark:#087c75;--rose:#a65c69;--rose-wash:#fff2f2;--gold:#ab8541}
*{box-sizing:border-box}body{margin:0;min-width:320px;background-color:var(--canvas);background-image:radial-gradient(circle,transparent 25%,var(--canvas) 26%),linear-gradient(45deg,transparent 46%,#007d75 47%,#007d75 52%,transparent 53%),linear-gradient(135deg,transparent 46%,#007d75 47%,#007d75 52%,transparent 53%);background-size:3em 3em;color:#fff;font-family:Poppins,sans-serif}a{text-decoration:none}button,.ti{font-family:inherit}

header{width:min(1200px,calc(100% - 40px));min-height:100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:block;width:205px;padding:0}.logo img{display:block;width:100%}.menu{display:flex;align-items:center;gap:9px}.header-action,.icon-action{min-height:36px;padding:0 13px;border:1px solid rgba(124,218,208,.5);border-radius:7px;background:transparent;color:#e9f8f5;font:600 12px Poppins;cursor:pointer}.header-action:hover,.icon-action:hover{background:var(--teal);border-color:var(--teal);color:#062824}.icon-action{font-size:11px}

.library-hero{position:relative;width:min(1160px,calc(100% - 40px));height:168px;margin:0 auto 28px;overflow:hidden;border:1px solid rgba(213,230,224,.16);border-radius:10px;background:#10272c}.library-hero img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 54%;opacity:.46}.library-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,32,.82),rgba(10,28,32,.42) 49%,rgba(10,28,32,.03))}.library-hero-copy{position:absolute;z-index:1;top:50%;left:34px;max-width:350px;transform:translateY(-50%)}.eyebrow{margin:0;color:#61ded2;font-size:10px;font-weight:700;letter-spacing:.13em}.library-hero h1{margin:3px 0 3px;font-size:25px;line-height:1.15;letter-spacing:-.03em}.library-hero-copy p:not(.eyebrow){margin:0 0 11px;color:#d1e4e1;font-size:11px;line-height:1.5}.library-hero-copy button{padding:7px 11px;border:0;border-radius:5px;background:var(--teal);color:#062724;font-size:10px;font-weight:700;cursor:pointer}.library-hero-copy button:hover{background:#80ded5}

.library-shelf{width:min(1200px,calc(100% - 40px));margin:0 auto 42px}.shelf-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 2px 14px;border-bottom:1px solid var(--line)}.shelf-heading h2{margin:3px 0 0;font-size:20px;line-height:1.2;letter-spacing:-.025em}.shelf-heading>p{max-width:295px;margin:0;color:#b6c9c8;text-align:right;font-size:11px;line-height:1.45}.premium-shelf{margin-top:6px}.premium-shelf .shelf-heading{border-color:rgba(205,127,142,.4)}.premium-shelf .eyebrow{color:#f1a2af}

.main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:16px 0 0;text-align:left}.pro{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;padding:9px;border:1px solid #455863;border-radius:10px;background:var(--ink-soft);box-shadow:0 4px 12px rgba(1,9,13,.12);opacity:0;animation:issue-in .35s ease forwards}.pro:hover{border-color:#789198;transform:translateY(-1px)}.pro img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;border-radius:6px;background:#24343b}.access-label{position:absolute;z-index:2;top:17px;right:17px;padding:5px 7px;border-radius:4px;background:#e0f7f3;color:#076c64;font-size:9px;font-weight:700;line-height:1;letter-spacing:.045em}.access-label.locked{background:var(--rose-wash);color:#94404f}.issue-band{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:9px 2px 1px}.issue-copy{min-width:0;flex:1}.pro h3{min-width:0;margin:0;color:#f5fbfa;font-size:13px;line-height:1.25;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro h3:hover{color:#86e6dd}.ca{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aec2c2;font-size:10px;font-weight:500}.issue-actions{display:flex;align-items:center;flex:none;gap:6px}.ti{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid #568087;border-radius:5px;color:#d4e9e7;font-size:10px;font-weight:600;line-height:1;cursor:pointer}.ti:hover{border-color:#7be6da;color:#fff}.vi{border-color:var(--teal-dark);background:var(--teal-dark);color:#fff}.vi:hover{background:var(--teal);border-color:var(--teal);color:#062724}.pdf{background:transparent}.bu{border:0;background:var(--rose);color:#fff}.bu:hover{background:#c56d7d;border-color:#c56d7d;color:#fff}.premium-issue{background:#211a20;border-color:#865764}.premium-issue:hover{border-color:#bd7c89}.premium-issue img{filter:saturate(.82)}.owned-issue{background:#173138;border-color:#4b8d88}.owned-issue .access-label{background:#e9e0bf;color:#755b20}.owned-issue .vi{background:var(--teal-dark)}.unlocked-issue .bu{display:none!important}.no_case{grid-column:1/-1;padding:25px 0;color:#d3e2df;font-size:13px}

.footer{text-align:center;margin-top:70px;padding:25px 10px;background:#202b36;border-top:1px solid rgba(181,220,215,.12);color:#48cec2}.footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px}.footer button,.footer a{padding:0;border:0;background:transparent;color:#bce8e2;font:400 11px Poppins;cursor:pointer}.footer button:hover,.footer a:hover{color:#56ddd1}.footer span{font-weight:700}

.modal-backdrop{display:none;position:fixed;inset:0;z-index:30;align-items:center;justify-content:center;padding:18px;overflow-y:auto;background:rgba(7,13,20,.75)}.modal-backdrop.open{display:flex}.modal{position:relative;box-sizing:border-box;width:min(680px,100%);max-height:min(720px,calc(100vh - 36px));padding:40px;overflow-y:auto;border-radius:12px;background:#f6fffd;color:#1b2d34;box-shadow:0 28px 70px rgba(0,0,0,.45)}.modal h2{margin:4px 0 10px;font-size:27px;line-height:1.2}.modal p{color:#50636a;font-size:13px;line-height:1.8}.modal .eyebrow{color:#008f83}.modal-x{position:absolute;top:11px;right:18px;padding:5px;border:0;background:transparent;color:#698087;font:300 29px/1 Arial;cursor:pointer}.modal-x:hover{color:#10252b}.modal-bottom{display:block;margin:22px auto 0;padding:10px 24px;border:1px solid #bfd4d1;border-radius:6px;background:transparent;color:#275158;font:600 12px Poppins;cursor:pointer}.modal-bottom:hover{border-color:#008f83;color:#008f83}.shop-modal{width:min(850px,100%)}.modal-heading{max-width:550px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:23px 0}.shop-card{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;min-height:184px;padding:17px;border:1px solid #d4e6e2;border-radius:8px}.shop-card.highlight{border-color:#00a997;background:#e9fffa}.shop-card.current{background:#f0f5f4}.shop-card h3{max-width:none;margin:0;padding:8px 0 4px;color:#15343a;font-size:16px}.shop-card p{margin:0 0 15px;font-size:11px;line-height:1.5}.price,.checkout-price{padding:4px 9px;border-radius:5px;background:#d7f8f1;color:#00796e;font:700 12px Poppins}.shop-card button,.discount-form button,.primary-action{width:100%;margin-top:auto;padding:9px 12px;border:0;border-radius:5px;background:#123941;color:#fff;font:600 11px Poppins;cursor:pointer}.shop-card button:hover,.discount-form button:hover,.primary-action:hover{background:#008f83}.shop-card button:disabled,.primary-action:disabled{background:#b2c1c0;color:#f4f8f7;cursor:default}.discount-form{padding-top:17px;border-top:1px solid #d9e7e4}.discount-form label{display:block;margin-bottom:6px;color:#29464b;font:600 12px Poppins}.discount-form>div{display:flex;gap:8px}.discount-form input{flex:1;min-width:0;padding:10px 11px;border:1px solid #bfd4d1;border-radius:5px;font:12px Poppins}.discount-form button{width:auto;margin:0}.discount-form p{margin:7px 0 0;font-size:11px}.checkout-modal{text-align:center;width:min(430px,100%)}.checkout-icon{margin:0 0 13px;color:#008f83;font:700 10px Poppins;letter-spacing:.16em}.checkout-modal .primary-action{margin-top:20px}.checkout-price{display:inline-block;margin-top:5px}.legal-modal{width:min(620px,100%)}.legal-modal a{color:#00796e;text-decoration:underline}.contact-email{font-size:16px;font-weight:700}
.reader-modal{width:min(900px,100%);padding:28px;background:#111c25;color:#f4fffd}.reader-modal h2{margin-right:35px;color:#f4fffd}.reader-stage{display:flex;align-items:center;justify-content:center;height:min(62vh,580px);overflow:hidden;border-radius:7px;background:#071018}.reader-stage img{max-width:100%;max-height:100%;object-fit:contain}.reader-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.reader-controls button{padding:8px 14px;border:1px solid #4e7774;border-radius:5px;background:transparent;color:#d9fffa;font:600 11px Poppins;cursor:pointer}.reader-controls button:hover{border-color:#36cabc;color:#74f8e7}
.theme-modal{width:min(590px,100%)}.theme-modal>p:not(.eyebrow){margin:0 0 18px}.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-choice{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:92px;padding:9px;border:1px solid #cfddda;border-radius:7px;background:#fff;color:#20343a;text-align:left;cursor:pointer}.theme-choice:hover{border-color:#168f85}.theme-choice.is-selected{border-color:#0b9c8f;box-shadow:inset 0 0 0 1px #0b9c8f}.theme-choice.is-locked{background:#fbf8f7;border-color:#dec9cc}.theme-preview{grid-row:1/3;position:relative;display:block;width:64px;height:58px;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:4px}.theme-preview:before{content:"";position:absolute;inset:0 0 19px;background:currentColor}.theme-preview:after{content:"";position:absolute;left:8px;right:8px;bottom:7px;height:9px;border-radius:2px;background:rgba(255,255,255,.76)}.theme-preview i,.theme-preview b{position:absolute;display:block;border-radius:50%}.theme-preview i{top:8px;right:9px;width:14px;height:14px;background:rgba(255,255,255,.62)}.theme-preview b{left:9px;bottom:25px;width:23px;height:5px;background:rgba(255,255,255,.55)}.studio-preview{color:#e5d8c5;background:#faf5ed}.midnight-preview{color:#172833;background:#101b22}.forest-preview{color:#4e6544;background:#ece2ce}.ember-preview{color:#70383b;background:#252126}.theme-copy{display:block;min-width:0}.theme-copy strong{display:block;color:#20343a;font-size:12px;line-height:1.3}.theme-copy small{display:block;margin-top:3px;color:#6e8084;font-size:10px}.theme-state{grid-column:2;align-self:start;color:#07877d;font-size:10px;font-weight:700}.is-locked .theme-state{color:#a65c69}.is-locked .theme-copy small{color:#a06b72}
.theme-studio{background:#ded7ca;background-image:linear-gradient(90deg,rgba(88,68,43,.035) 1px,transparent 1px),linear-gradient(rgba(88,68,43,.035) 1px,transparent 1px);background-size:22px 22px;color:#1e2c30}.theme-studio .header-action,.theme-studio .icon-action{border-color:#8d8373;color:#293439}.theme-studio .library-hero{border-color:#b8aa95}.theme-studio .library-hero:after{background:linear-gradient(90deg,rgba(51,45,38,.76),rgba(51,45,38,.28) 60%,rgba(51,45,38,.02))}.theme-studio .shelf-heading{border-color:rgba(73,61,44,.25)}.theme-studio .shelf-heading h2{color:#1e2c30}.theme-studio .shelf-heading>p{color:#5c6969}.theme-studio .eyebrow{color:#29796f}.theme-studio .premium-shelf .eyebrow{color:#9a5963}.theme-studio .premium-shelf .shelf-heading{border-color:#bda9a3}.theme-studio .pro{background:#fffaf2;border-color:#b8ab98;box-shadow:0 4px 11px rgba(64,48,29,.08)}.theme-studio .pro h3{color:#1f2f34}.theme-studio .ca{color:#687474}.theme-studio .pdf{border-color:#638481;color:#235c58}.theme-studio .premium-issue{background:#fff4f2;border-color:#bd7d86}.theme-studio .owned-issue{background:#f0f5ea;border-color:#78927c}.theme-studio .footer{background:#cbc1b1;color:#1b5e58}.theme-studio .footer button,.theme-studio .footer a{color:#405456}
.theme-forest{background:#3e4c39;background-image:linear-gradient(90deg,rgba(231,219,190,.04) 1px,transparent 1px),linear-gradient(rgba(231,219,190,.04) 1px,transparent 1px);background-size:24px 24px}.theme-forest .header-action,.theme-forest .icon-action{border-color:#aeb982;color:#f0e7c5}.theme-forest .library-hero{border-color:#b7ae7c;background:#394334}.theme-forest .library-hero:after{background:linear-gradient(90deg,rgba(30,40,29,.82),rgba(30,40,29,.37) 58%,transparent)}.theme-forest .shelf-heading{border-color:rgba(222,218,172,.34)}.theme-forest .shelf-heading h2{color:#f2ead4}.theme-forest .shelf-heading>p{color:#d0d0aa}.theme-forest .eyebrow{color:#d8d78e}.theme-forest .premium-shelf .eyebrow{color:#dfb58d}.theme-forest .premium-shelf .shelf-heading{border-color:#a78569}.theme-forest .pro{background:#ecdfc7;border-color:#a99e7f;box-shadow:0 4px 11px rgba(20,29,18,.2)}.theme-forest .pro h3{color:#273826}.theme-forest .ca{color:#61705b}.theme-forest .pdf{border-color:#5e7755;color:#355436}.theme-forest .vi{background:#476542;border-color:#476542}.theme-forest .premium-issue{background:#efe1d3;border-color:#a56b61}.theme-forest .owned-issue{background:#dae0c7;border-color:#71866c}.theme-forest .access-label.open{background:#e0eed4;color:#3d633a}.theme-forest .footer{background:#2f3a2d;color:#e4d994}.theme-forest .footer button,.theme-forest .footer a{color:#d6d8b2}
.theme-ember{background:#28252a;background-image:linear-gradient(90deg,rgba(224,188,141,.04) 1px,transparent 1px),linear-gradient(rgba(224,188,141,.04) 1px,transparent 1px);background-size:24px 24px}.theme-ember .header-action,.theme-ember .icon-action{border-color:#c89272;color:#f4d9b1}.theme-ember .library-hero{border-color:#965f57;background:#32272a}.theme-ember .library-hero:after{background:linear-gradient(90deg,rgba(45,26,27,.84),rgba(45,26,27,.38) 58%,transparent)}.theme-ember .shelf-heading{border-color:rgba(227,186,140,.3)}.theme-ember .shelf-heading h2{color:#f7e3c5}.theme-ember .shelf-heading>p{color:#d8bca1}.theme-ember .eyebrow{color:#eba98d}.theme-ember .premium-shelf .eyebrow{color:#edb8b0}.theme-ember .premium-shelf .shelf-heading{border-color:#9f6464}.theme-ember .pro{background:#342e30;border-color:#695953}.theme-ember .pro h3{color:#f6e4ce}.theme-ember .ca{color:#cdb9a3}.theme-ember .pdf{border-color:#b27d68;color:#efc6a4}.theme-ember .vi{background:#9a5149;border-color:#9a5149}.theme-ember .premium-issue{background:#402d31;border-color:#a36067}.theme-ember .owned-issue{background:#3c3831;border-color:#978257}.theme-ember .owned-issue .access-label{background:#ecdfbb;color:#725923}.theme-ember .footer{background:#211f23;color:#efb99a}.theme-ember .footer button,.theme-ember .footer a{color:#e6c5a6}
.night-reader{background-color:#161b20;background-image:none}.night-reader .pro{background:#181b1e;border-color:#5a5548}.night-reader .premium-issue{background:#251e21;border-color:#80595e}.night-reader .owned-issue{background:#1d302d}.night-reader .footer{background:#171b1f}.night-reader .header-action{border-color:#c9a85d;color:#ffebb0}.night-reader .library-hero{border-color:#665a42}.night-reader .vi{background:#998047;border-color:#998047}.night-reader .access-label.open{background:#fff1c5;color:#725619}.night-reader .access-label.locked{background:#542532;color:#ffd7de}
.bu .cu:before{content:' '}
@keyframes issue-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.app-version{display:inline-block;margin-left:7px;color:#91aaa7;font-size:10px;font-weight:500}
.p_1_m_free .vi,.p_1_m_premium .vi{display:none!important}
@media(max-width:820px){header{width:calc(100% - 28px);min-height:78px;flex-wrap:wrap;padding:14px 0}.logo{width:150px}.menu{gap:6px}.header-action,.icon-action{min-height:32px;padding:0 9px}.library-hero,.library-shelf{width:calc(100% - 28px)}.library-hero{height:190px;margin-bottom:28px}.library-hero-copy{left:22px;right:22px;max-width:300px}.library-hero h1{font-size:24px}.shelf-heading{align-items:flex-start;flex-direction:column;gap:5px}.shelf-heading>p{max-width:none;text-align:left}.main{grid-template-columns:1fr;gap:14px;padding-top:14px}.pro img{aspect-ratio:1.5/1}.modal{padding:34px 21px}.shop-grid{grid-template-columns:1fr}.shop-card{min-height:155px}.footer{margin-top:45px}}
@media(max-width:520px){.theme-options{grid-template-columns:1fr}.theme-choice{min-height:78px}.theme-modal>p:not(.eyebrow){font-size:12px}}