:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-text: #1a1d23;--color-text-muted: #5b6270;--color-border: #e2e4e9;--color-accent: #f97316;--color-accent-dark: #c2410c;--color-tab-bg: #ffffff;--color-tab-active-bg: #1a1d23;--color-tab-active-text: #ffffff;--color-badge-bg: rgba(0, 0, 0, .55);--color-badge-text: #ffffff;--color-country-bg: #eafbea;--color-country-text: #1a7a2e;--color-fallback-bg: #d8dbe2;--shadow-tile: 0 1px 3px rgba(15, 18, 25, .08), 0 1px 2px rgba(15, 18, 25, .06);--shadow-tile-hover: 0 8px 24px rgba(15, 18, 25, .14);color-scheme:light}@media (prefers-color-scheme: dark){:root{--color-bg: #14161a;--color-surface: #1e2127;--color-text: #f2f3f5;--color-text-muted: #9ba1ad;--color-border: #2c2f36;--color-accent: #fb923c;--color-accent-dark: #ea580c;--color-tab-bg: #1e2127;--color-tab-active-bg: #f97316;--color-tab-active-text: #14161a;--color-badge-bg: rgba(0, 0, 0, .6);--color-badge-text: #ffffff;--color-country-bg: #16321c;--color-country-text: #6ee08a;--color-fallback-bg: #2c2f36;--shadow-tile: 0 1px 3px rgba(0, 0, 0, .4);--shadow-tile-hover: 0 8px 24px rgba(0, 0, 0, .55);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}a{color:inherit}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem .75rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header__brand{flex-shrink:0;display:flex;align-items:center;gap:.5rem;border:none;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}.app-header__logo{width:1.5rem;height:1.5rem;flex-shrink:0}.app-header h1{font-size:1.1rem;margin:0;font-weight:700;letter-spacing:-.01em;white-space:nowrap;display:none}@media (min-width: 480px){.app-header h1{display:block}}.refresh-button{border:none;background:var(--color-bg);color:var(--color-text);width:2.25rem;height:2.25rem;border-radius:999px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.refresh-button:disabled{opacity:.6;cursor:default}.refresh-icon{display:inline-block}.refresh-icon--spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-tabs{flex:1;min-width:0;display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex:0 0 auto;border:1px solid var(--color-border);background:transparent;color:var(--color-text);padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer}.category-tab--active{background:var(--color-tab-active-bg);color:var(--color-tab-active-text);border-color:transparent}.flip-pager{flex:1;min-height:0;position:relative;overflow:hidden;isolation:isolate;overscroll-behavior:none;background:var(--color-bg);user-select:none;-webkit-user-select:none}.flip-pager--vertical{touch-action:pan-x}.flip-pager--horizontal{touch-action:pan-y}.flip-pager__half--flap{will-change:transform}.flip-pager__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.flip-pager__fade{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.home-main{flex:1;min-height:0;overflow:hidden}.category-empty{flex:1;display:flex;align-items:center;justify-content:center}.home-grid{height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:0}@media (min-width: 900px){.home-grid{grid-template-columns:repeat(4,1fr)}}.home-tile{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--color-fallback-bg);cursor:pointer}.home-tile__image{width:100%;height:100%;object-fit:cover;display:block}.image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--color-fallback-bg)}.tile__badges{position:absolute;top:.6rem;left:.6rem;right:2.9rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:var(--color-badge-bg);color:var(--color-badge-text)}.badge--premium{padding:.2rem .45rem}.badge--country{background:var(--color-country-bg);color:var(--color-country-text)}.favorite-button{position:absolute;top:.5rem;right:.5rem;width:2.1rem;height:2.1rem;border-radius:999px;border:none;background:var(--color-badge-bg);color:#fff;font-size:1.15rem;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.favorite-button--active{color:var(--color-accent)}.tile__source{font-size:.75rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.tile-skeleton{height:100%;background:linear-gradient(100deg,var(--color-surface) 30%,var(--color-border) 50%,var(--color-surface) 70%);background-size:250% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:3rem 1.5rem;color:var(--color-text-muted)}.error-message__icon{font-size:2.5rem}.error-message__retry{border:none;background:var(--color-accent);color:#fff;padding:.55rem 1.2rem;border-radius:999px;font-weight:700;cursor:pointer}.empty-state{text-align:center;color:var(--color-text-muted);padding:3rem 1rem}.reader-page{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--color-text);background:var(--color-surface);overflow:hidden;cursor:pointer}.reader-page__media{position:relative;flex:1;min-height:0;background:var(--color-fallback-bg)}.reader-page__image{width:100%;height:100%;object-fit:cover;display:block}.reader-page__premium{position:absolute;top:.75rem;left:.75rem}.reader-page__body{flex:0 0 auto;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px))}.reader-page__badges{display:flex;gap:.4rem;margin-bottom:.6rem}.reader-page__title{font-size:1.4rem;line-height:1.3;margin:.5rem 0 .75rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reader-page__teaser{font-size:.95rem;line-height:1.55;color:var(--color-text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spread-page{display:grid;gap:0;height:100%;padding:1.5rem}.spread-page--75-25{grid-template-columns:3fr 1fr}.spread-page--50-50{grid-template-columns:1fr 1fr}.spread-page--single{grid-template-columns:1fr;max-width:700px;margin:0 auto}.spread-page__stack{display:flex;flex-direction:column;gap:0;min-height:0}.spread-page__stack .spread-cell{flex:1;min-height:0}.spread-page--quad-mixed{grid-template-columns:3fr 1fr;grid-template-rows:1.6fr 1fr}.spread-page__main{grid-column:1;grid-row:1;min-height:0}.spread-page__top-right{grid-column:2;grid-row:1;min-height:0}.spread-page__bottom-row{grid-column:1 / 3;grid-row:2;display:flex;gap:0;min-height:0}.spread-page__bottom-row .spread-cell{flex:1;min-width:0}.spread-page__main .spread-cell,.spread-page__top-right .spread-cell{height:100%}.spread-cell{display:flex;flex-direction:column;height:100%;min-height:0;text-decoration:none;color:var(--color-text);background:var(--color-surface);overflow:hidden;cursor:pointer}.spread-cell__media{position:relative;flex:1;min-height:0;background:var(--color-fallback-bg)}.spread-cell__image{width:100%;height:100%;object-fit:cover;display:block}.spread-cell__body{flex:0 0 auto;padding:1rem 1.1rem}.page-dots{position:fixed;z-index:30;display:flex;gap:.4rem;flex-direction:column;right:calc(.75rem + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%)}.page-dots__dot{width:.45rem;height:.45rem;border-radius:999px;background:var(--color-badge-bg)}.page-dots__dot--active{background:var(--color-accent)}@media (min-width: 900px){.page-dots{flex-direction:row;right:auto;top:auto;left:50%;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));transform:translate(-50%)}}.home-button{position:fixed;z-index:30;left:calc(.75rem + env(safe-area-inset-left,0px));bottom:calc(.75rem + env(safe-area-inset-bottom,0px));width:2.75rem;height:2.75rem;border-radius:999px;border:none;background:var(--color-badge-bg);color:#fff;font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.reader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0c108c;display:flex;justify-content:center;overscroll-behavior:contain}.reader-overlay__panel{position:relative;width:100%;max-width:760px;height:100%;background:var(--color-surface);color:var(--color-text);display:flex;flex-direction:column;overflow:hidden}.reader-overlay__close{position:absolute;top:calc(.75rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));z-index:10;width:2.5rem;height:2.5rem;border-radius:999px;border:none;background:var(--color-badge-bg);color:#fff;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.reader-overlay__scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(3.5rem + env(safe-area-inset-top,0px)) 20px calc(2rem + env(safe-area-inset-bottom,0px))}.reader-overlay__header{max-width:68ch;margin:0 auto 1.5rem}.reader-overlay__title{font-size:1.6rem;line-height:1.3;margin:0 0 .5rem}.reader-overlay__meta{margin:0;font-size:.9rem;color:var(--color-text-muted)}.reader-overlay__notice{color:var(--color-text-muted);font-style:italic}.reader-overlay__footer{max-width:68ch;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--color-border)}.reader-overlay__original-link{display:inline-block;padding:.65rem 1.25rem;border-radius:999px;background:var(--color-accent);color:#fff;font-weight:600;text-decoration:none}.reader-content{max-width:68ch;margin:0 auto;padding:0;font-size:1.15rem;line-height:1.65;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.reader-content h2,.reader-content h3{line-height:1.3;margin:2rem 0 .75rem}.reader-content p{margin:0 0 1.1rem}.reader-content ul,.reader-content ol{margin:0 0 1.1rem;padding-left:1.4rem}.reader-content a{color:var(--color-accent-dark);text-decoration:underline}.reader-content img,.reader-content video,.reader-content iframe{display:block;max-width:100%;height:auto;border-radius:8px;margin:1.5rem auto}.reader-content iframe{aspect-ratio:16 / 9;width:100%;border:none}.reader-content figure{margin:1.5rem 0}.reader-content figcaption{margin-top:.5rem;font-size:.85rem;color:var(--color-text-muted);text-align:center}.reader-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5rem 0}.reader-content th,.reader-content td{padding:.5rem .75rem;border:1px solid var(--color-border);text-align:left}.reader-content div:empty{display:none}.access-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-bg)}.access-gate__panel{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px;padding:2rem 1.5rem;background:var(--color-surface);border-radius:16px;box-shadow:var(--shadow-tile-hover);text-align:center}.access-gate__title{margin:0;font-size:1.3rem;color:var(--color-text)}.access-gate__hint{margin:0 0 .5rem;color:var(--color-text-muted);font-size:.9rem}.access-gate__input{width:100%;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);color:var(--color-text);font-size:1.2rem;letter-spacing:.3em;text-align:center;text-transform:uppercase}.access-gate__error{margin:0;color:#dc2626;font-size:.85rem}.access-gate__submit{border:none;background:var(--color-accent);color:#fff;padding:.65rem 1.2rem;border-radius:999px;font-weight:700;cursor:pointer}.access-gate__submit:disabled{opacity:.6;cursor:default}
