:root{--pwa-primary:#0e6b35;--pwa-primary-dark:#0a5429;--pwa-gold:#c9a227;--pwa-red:#dc2626;--pwa-bg:#fff;--pwa-text:#333;--pwa-text-muted:#666;--pwa-border:#e8e8e8;--pwa-shadow:rgba(0,0,0,0.08);--pwa-overlay-bg:rgba(0,0,0,0.4);--pwa-nav-height:56px;--pwa-header-height:48px}.pwa-mode .site-header,.pwa-mode .header-separator{display:none}.pwa-mode main,.pwa-mode .article-body,.pwa-mode .home-content{padding-bottom:calc(var(--pwa-nav-height) + env(safe-area-inset-bottom, 0px))}.pwa-header{position:sticky;top:0;z-index:1000;background:var(--pwa-bg);border-block-end:1px solid var(--pwa-border);box-shadow:0 1px 4px var(--pwa-shadow);padding-block-start:env(safe-area-inset-top,0)}.pwa-header-inner{display:flex;align-items:center;justify-content:space-between;padding-inline:12px;height:var(--pwa-header-height)}.pwa-header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:0;color:var(--pwa-text);cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent}.pwa-header-btn:active{background:rgba(0,0,0,0.05)}.pwa-header-logo{display:flex;align-items:center}.pwa-header-logo-img{height:32px !important;width:auto !important}.pwa-header-right{display:flex;align-items:center}.pwa-header-install-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--pwa-primary);color:#fff;border:0;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.pwa-header-install-btn:active{background:var(--pwa-primary-dark)}.pwa-search-overlay{position:fixed;inset-inline:0;top:0;z-index:1001;background:var(--pwa-bg);padding:calc(env(safe-area-inset-top, 0px) + 8px) 12px 8px;transform:translateY(-100%);transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.pwa-search-overlay--open{transform:translateY(0)}.pwa-search-row{display:flex;align-items:center;gap:8px}.pwa-search-input{flex:1;width:100%;padding:12px 16px;border:2px solid var(--pwa-primary);border-radius:12px;font-size:16px;font-family:inherit;outline:0;direction:rtl}.pwa-search-close{flex-shrink:0;width:44px;height:44px;border:0;background:rgba(0,0,0,0.05);color:var(--pwa-text);border-radius:50%;font-size:22px;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.pwa-search-close:active{background:rgba(0,0,0,0.12)}.pwa-search-input:focus{box-shadow:0 0 0 3px rgba(14,107,53,0.2)}.pwa-bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:1000;display:flex;background:var(--pwa-bg);border-block-start:1px solid var(--pwa-border);box-shadow:0 -2px 10px var(--pwa-shadow);padding-block-end:env(safe-area-inset-bottom,0);height:var(--pwa-nav-height);transition:transform 200ms ease-out}.pwa-bottom-nav--hidden{transform:translateY(100%)}.pwa-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:0;color:var(--pwa-text-muted);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;font-family:inherit}.pwa-bottom-nav__item--active{color:var(--pwa-primary)}.pwa-bottom-nav__label{font-size:11px;line-height:1}.pwa-fav-badge{position:absolute;top:4px;inset-inline-end:calc(50% - 20px);min-width:16px;height:16px;background:var(--pwa-red);color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding-inline:3px;line-height:1}.pwa-favorite-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:0;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;position:relative;vertical-align:middle;margin-inline-start:4px}.pwa-favorite-btn::before{content:'\2606';font-size:24px;color:#ccc;transition:color 200ms,transform 300ms}.pwa-favorite-btn--active::before{content:'\2605';color:var(--pwa-gold)}.pwa-favorite-btn:active::before{transform:scale(1.3)}@media(prefers-reduced-motion:reduce){.pwa-favorite-btn:active::before{transform:none}}.pwa-favorite-btn--card{position:absolute;top:4px;inset-inline-end:4px;z-index:2;width:44px;height:44px;background:rgba(255,255,255,0.85);border-radius:50%;backdrop-filter:blur(4px)}.pwa-favorite-btn--card::before{font-size:20px}.pwa-overlay{position:fixed;inset:0;z-index:2000;background:var(--pwa-overlay-bg);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:pwa-fade-in 200ms ease-out}@keyframes pwa-fade-in{from{opacity:0}to{opacity:1}}.pwa-overlay-sheet{background:var(--pwa-bg);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,0.15);width:100%;max-height:65vh;overflow-y:auto;padding:8px 0 24px;animation:pwa-slide-up 300ms cubic-bezier(0.4,0,0.2,1);-webkit-overflow-scrolling:touch}.pwa-overlay-sheet--tall{max-height:70vh}.pwa-overlay-sheet--short{max-height:55vh}@keyframes pwa-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pwa-overlay{animation:none}.pwa-overlay-sheet{animation:none}}.pwa-overlay-handle-row{display:flex;align-items:center;justify-content:center;position:relative;padding:8px 0 12px}.pwa-overlay-handle{width:40px;height:4px;background:#ccc;border-radius:2px;cursor:grab}.pwa-overlay-close{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:rgba(0,0,0,0.05);color:var(--pwa-text);border-radius:50%;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;-webkit-tap-highlight-color:transparent}.pwa-overlay-close:active{background:rgba(0,0,0,0.12)}.pwa-overlay-list{padding:0}.pwa-overlay-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;text-decoration:none;color:var(--pwa-text);font-size:15px;font-weight:600;cursor:pointer;border:0;background:0;width:100%;font-family:inherit;-webkit-tap-highlight-color:transparent;text-align:start}.pwa-overlay-list-item:active{background:rgba(0,0,0,0.04)}.pwa-overlay-list-item__text{flex:1}.pwa-overlay-list-item__arrow{color:var(--pwa-text-muted);font-size:20px;margin-inline-start:8px}.pwa-overlay-list-item--install{color:var(--pwa-primary)}.pwa-overlay-separator{height:1px;background:var(--pwa-border);margin:8px 20px}.pwa-overlay-empty{text-align:center;padding:40px 20px;color:var(--pwa-text-muted)}.pwa-fav-page{padding:0 0 16px}.pwa-fav-page-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 12px}.pwa-fav-page-title{font-size:18px;font-weight:800;margin:0;color:var(--pwa-text)}.pwa-fav-clear{background:0;border:0;color:var(--pwa-red);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.pwa-fav-list{padding:0}.pwa-fav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;color:var(--pwa-text);-webkit-tap-highlight-color:transparent}.pwa-fav-item:active{background:rgba(0,0,0,0.04)}.pwa-fav-item__img{width:60px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0}.pwa-fav-item__body{flex:1;min-width:0}.pwa-fav-item__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.4}.pwa-fav-item__date{font-size:12px;color:var(--pwa-text-muted);margin-block-start:2px;display:block}.pwa-fav-item__remove{flex-shrink:0;width:32px;height:32px;border:0;background:rgba(220,38,38,0.1);color:var(--pwa-red);font-size:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.pwa-fav-empty{text-align:center;padding:40px 20px;color:var(--pwa-text-muted)}.pwa-fav-empty p{margin-block-end:16px;font-size:15px}.pwa-fav-browse-btn{display:inline-block;padding:10px 24px;background:var(--pwa-primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px}.pwa-install-banner{position:fixed;bottom:calc(var(--pwa-nav-height) + env(safe-area-inset-bottom, 0px) + 8px);inset-inline:12px;z-index:1500;background:var(--pwa-bg);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:20px;animation:pwa-slide-up 300ms cubic-bezier(0.4,0,0.2,1)}.pwa-install-banner__content{text-align:center}.pwa-install-banner__content strong{display:block;font-size:16px;margin-block-end:4px;color:var(--pwa-text)}.pwa-install-banner__content p{font-size:13px;color:var(--pwa-text-muted);margin-block-end:16px}.pwa-install-banner__actions{display:flex;gap:12px;justify-content:center}.pwa-install-banner__btn{padding:10px 24px;background:var(--pwa-primary);color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.pwa-install-banner__dismiss{padding:10px 24px;background:0;border:0;color:var(--pwa-text-muted);font-size:14px;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.pwa-ios-steps{padding:8px 20px 16px}.pwa-ios-step{padding:10px 0;font-size:15px;color:var(--pwa-text);border-block-end:1px solid var(--pwa-border)}.pwa-ios-step:last-child{border-block-end:none}.pwa-toast{position:fixed;bottom:calc(var(--pwa-nav-height) + env(safe-area-inset-bottom, 0px) + 12px);left:50%;transform:translateX(-50%);z-index:3000;background:#1a1a1a;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;max-width:calc(100vw - 24px);animation:pwa-fade-in 200ms ease-out;pointer-events:auto;display:flex;align-items:center;gap:12px}.pwa-toast__btn{background:var(--pwa-primary);color:#fff;border:0;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.pwa-offline-bar{display:none;position:fixed;bottom:calc(var(--pwa-nav-height) + env(safe-area-inset-bottom, 0px));inset-inline:0;z-index:999;background:#6b7280;color:#fff;text-align:center;padding:6px 12px;font-size:12px;font-weight:600}.pwa-mode.pwa-offline .pwa-offline-bar{display:block}.pwa-ios-heading{font-size:17px;font-weight:800;color:var(--pwa-text);margin:0 0 8px}.pwa-ios-hint{font-size:13px;color:var(--pwa-text-muted);line-height:1.5;margin:0 0 12px;padding-block-end:12px;border-block-end:1px solid var(--pwa-border)}.pwa-ios-tip{margin:12px 0 0;padding:10px 12px;background:#fff7e6;border-inline-start:3px solid #c9a227;border-radius:4px;font-size:13px;color:#6b4f0a;line-height:1.5}