*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:var(--line-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100svh}.container{max-width:680px;padding:0 20px var(--space-5);flex-direction:column;min-height:100svh;margin:0 auto;display:flex}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--radius-pill:999px;--blur-glass:10px;--blur-strong:12px;--border-soft:1px solid #8a96b133;--shadow-soft:0 6px 14px #222d4214;--shadow-card:0 10px 24px #1f293d17;--shadow-control:0 4px 12px #29354d1a;--shadow-code:0 8px 18px #14192638;--surface-page:#fff;--surface-card:#ffffffb8;--surface-card-alt:#f6f9ffb8;--surface-control:#f3f5f9c7;--surface-control-hover:#e9edf5eb;--surface-dark:#1f2228;--text-primary:#1a1a1a;--text-secondary:#2f3f5a;--text-muted:#5a616d;--text-accent:#1f4ea3;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.0625rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--line-tight:1.25;--line-normal:1.45;--line-relaxed:1.7;--btn-radius:var(--radius-sm);--btn-padding-y:var(--space-2);--btn-padding-x:var(--space-3);--btn-bg:var(--surface-control);--btn-bg-hover:var(--surface-control-hover);--btn-shadow:var(--shadow-control);--interactive-transition:.2s ease}a,button{transition:color var(--interactive-transition), background-color var(--interactive-transition), box-shadow var(--interactive-transition), transform var(--interactive-transition)}a:focus-visible,button:focus-visible,.menu-link:focus-visible,.article-read-btn:focus-visible,.featured-read-btn:focus-visible,.pagination-link:focus-visible,.offer-cta:focus-visible,.article-neighbor-link:focus-visible,.community-links a:focus-visible,.bottom-link:focus-visible{box-shadow:0 0 0 2px #1f4ea33d, var(--btn-shadow);outline:none}.site-header{margin-bottom:var(--space-3);padding-top:var(--space-3);padding-bottom:var(--space-3)}.brand-row{align-items:center;gap:var(--space-3);display:flex}.brand-copy{min-width:0}.site-title{font-size:var(--font-size-lg);margin-bottom:var(--space-1);color:var(--text-primary);font-weight:600;line-height:var(--line-tight)}.site-title a{color:inherit;text-decoration:none}.logo{border-radius:var(--radius-sm);width:52px;height:52px;margin:0;display:block}.logo-link{display:inline-block}.site-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:0;font-weight:400;line-height:1.35}.top-menu{z-index:20;gap:var(--space-2);padding:var(--space-2) 0;margin-bottom:var(--space-3);-webkit-backdrop-filter:blur(var(--blur-strong));background:#f7f7f9e6;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 6px 14px #222d4214}main{margin-top:var(--space-3);padding-top:var(--space-3);flex:1 0 auto}.menu-link{font-size:var(--font-size-sm);line-height:var(--line-tight);color:var(--text-muted);background:var(--btn-bg);border-radius:var(--btn-radius);padding:var(--btn-padding-y) var(--btn-padding-x);white-space:nowrap;border:0;border:var(--border-soft);-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:var(--btn-shadow);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.menu-link-content{justify-content:center;align-items:center;gap:6px;display:inline-flex}.menu-link-content svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px;display:block}.menu-link.active{background:var(--surface-dark);border-color:var(--surface-dark);color:#fff}p{margin-bottom:var(--space-4)}a{color:var(--text-primary);text-underline-offset:2px;transition:color var(--interactive-transition);text-decoration:underline}a:hover{color:var(--text-accent)}.articles{margin-top:0}.article{margin-bottom:var(--space-6)}.article:last-child{margin-bottom:0}.article-title{font-size:var(--font-size-xl);margin-bottom:var(--space-2);line-height:var(--line-tight);font-weight:600}.article-title a{text-decoration:none}.article-thumb-link{margin-bottom:var(--space-2);display:block}.article-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);width:100%;display:block}.article-card{background:var(--surface-card);border:var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--blur-strong))}.article-meta{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-3);line-height:var(--line-normal)}.article-excerpt{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-relaxed)}.article-read-btn{border-radius:var(--btn-radius);background:var(--btn-bg);padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--font-size-sm);box-shadow:var(--btn-shadow);border:0;border:var(--border-soft);font-weight:600;text-decoration:none;display:inline-block}.offer-cta{margin-top:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);background:var(--surface-dark);color:#fff;width:100%;min-width:0;margin-inline:auto;margin-bottom:var(--space-2);border:1px solid #1f22282e;justify-content:center;align-items:center;font-size:.92em;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex;box-shadow:0 10px 20px #1f222833}.offer-cta:hover{color:#fff;background:#2a2f38;box-shadow:0 12px 22px #1f22283d}.menu-link:hover,.article-read-btn:hover,.featured-read-btn:hover,.pagination-link:hover,.article-neighbor-link:hover,.bottom-link:hover,.community-links a:hover{background:var(--btn-bg-hover);color:var(--text-primary)}.menu-link:active,.article-read-btn:active,.featured-read-btn:active,.pagination-link:active,.offer-cta:active,.article-neighbor-link:active,.community-links a:active,.bottom-link:active{transform:translateY(1px)}.offer-card{margin-top:var(--space-2);padding:var(--space-3);border:var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-card-alt);-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-card)}.offer-section{margin-bottom:var(--space-4)}.offer-layout{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.offer-main,.offer-side{min-width:0}.home-page{gap:var(--space-4);display:grid}.section-card{border:var(--border-soft);border-radius:var(--radius-lg);background:var(--surface-card);padding:var(--space-3);-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:var(--shadow-card)}.section-title{font-size:1.2rem;line-height:var(--line-tight);margin:0 0 var(--space-2)}.offer-title{font-size:1.06rem;line-height:var(--line-tight);margin:0 0 var(--space-2)}.offer-title-accent{color:var(--text-accent)}.offer-text{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:.9rem;line-height:var(--line-normal)}.offer-list{gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.offer-list li{padding:7px var(--space-2) 7px 24px;color:var(--text-secondary);font-size:.82rem;line-height:var(--line-tight);background:var(--surface-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);border:var(--border-soft);margin:0;position:relative}.offer-list li:before{content:"✓";left:var(--space-2);color:var(--text-accent);font-weight:700;position:absolute;top:6px}.offer-cta-lead{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:.76rem;line-height:var(--line-normal);text-align:center;opacity:.9}.featured-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.featured-card{background:var(--surface-card);border:var(--border-soft);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-soft)}.featured-thumb-link{margin-bottom:var(--space-2);display:block}.featured-thumb{aspect-ratio:16/10;object-fit:cover;border-radius:var(--space-2);width:100%;display:block}.featured-title{font-size:.88rem;line-height:var(--line-tight);margin:0 0 var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.2em;display:-webkit-box;overflow:hidden}.featured-title a{text-decoration:none}.featured-read-btn{border-radius:var(--btn-radius);background:var(--btn-bg);padding:var(--btn-padding-y) var(--btn-padding-x);box-shadow:var(--btn-shadow);border:0;border:var(--border-soft);font-size:.8rem;font-weight:600;text-decoration:none;display:inline-block}.community-text{margin:0 0 var(--space-3);color:var(--text-secondary)}.community-links{gap:var(--space-3);flex-wrap:wrap;display:flex}.community-links a{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:var(--border-soft);background:var(--surface-card);color:var(--text-accent);box-shadow:var(--shadow-soft);flex-direction:column;flex:220px;font-weight:700;text-decoration:none;display:flex}.community-link-head{align-items:center;gap:var(--space-2);display:inline-flex}.community-link-head svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.community-link-sub{color:var(--text-muted);font-size:.78rem;font-weight:500}.single-article{margin-top:var(--space-2);padding-top:var(--space-2);margin-bottom:var(--space-6)}.article-header{margin-bottom:var(--space-6)}.article-detail-title{margin-bottom:var(--space-3);font-size:2.1rem;line-height:var(--line-tight)}.article-content{font-size:var(--font-size-md);color:var(--text-primary);line-height:1.75}.article-toc{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--surface-card-alt);border:var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.article-toc-title{margin:0 0 var(--space-2);font-size:1.05rem;line-height:var(--line-tight)}.article-toc-list{margin:0;padding-left:0;list-style:none}.article-toc-list li{margin:0 0 var(--space-2);padding-left:calc((var(--toc-level,2) - 2) * 14px);position:relative}.article-toc-list li:last-child{margin-bottom:0}.article-toc-list a{line-height:var(--line-normal);text-decoration:none;display:inline-block}.article-toc-list .toc-level-3 a,.article-toc-list .toc-level-4 a{color:var(--text-secondary);font-size:.94rem}.article-toc-list .toc-level-3:before,.article-toc-list .toc-level-4:before{content:"";left:calc((var(--toc-level,2) - 2) * 14px - 8px);background:#a5b0c5;border-radius:999px;width:4px;height:4px;position:absolute;top:.45em}.article-body h2{margin:var(--space-5) 0 var(--space-3);line-height:var(--line-tight);scroll-margin-top:96px;font-size:1.32rem;font-weight:700}.article-body h3{margin:var(--space-4) 0 var(--space-2);line-height:var(--line-normal);color:var(--text-secondary);border-left:0;scroll-margin-top:96px;font-size:1.12rem;font-weight:650}.article-body h4{margin:var(--space-3) 0 var(--space-2);line-height:var(--line-normal);color:var(--text-muted);border-left:0;scroll-margin-top:96px;font-size:1rem;font-weight:600}.article-body p{margin:0 0 var(--space-3)}.article-body img{border-radius:var(--radius-md);width:100%;max-width:100%;height:auto;margin:var(--space-3) 0;display:block}.article-body ul,.article-body ol{margin:0 0 var(--space-3);padding-left:22px}.article-body li{margin:0 0 var(--space-2)}.article-body li:last-child{margin-bottom:0}.article-body a{overflow-wrap:anywhere}.article-code{margin:var(--space-4) 0 var(--space-5);padding:var(--space-3) 14px;border-radius:var(--radius-md);color:#c0caf5;box-shadow:var(--shadow-code);background:#24283b;border:1px solid #94a4c242;overflow-x:auto}.article-code code{color:inherit;white-space:pre;background:0 0;border-radius:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;line-height:1.5}.article-code .hljs-comment,.article-code .hljs-quote{color:#565f89}.article-code .hljs-keyword,.article-code .hljs-selector-tag,.article-code .hljs-type{color:#bb9af7}.article-code .hljs-string,.article-code .hljs-attr{color:#9ece6a}.article-code .hljs-number,.article-code .hljs-literal{color:#ff9e64}.article-code .hljs-title,.article-code .hljs-function{color:#7aa2f7}.article-neighbors{margin-top:var(--space-5);padding-top:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.article-neighbors.article-neighbors-single{grid-template-columns:minmax(0,1fr)}.article-neighbor-link{align-items:center;gap:var(--space-2);padding:var(--space-3);border:var(--border-soft);border-radius:var(--btn-radius);background:var(--surface-card);font-size:.9rem;line-height:var(--line-normal);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur-glass));grid-template-columns:auto auto minmax(0,1fr) auto;text-decoration:none;display:grid}.neighbor-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.neighbor-icon{border-radius:var(--radius-pill);width:20px;height:20px;color:var(--text-secondary);font-size:var(--font-size-xs);border:var(--border-soft);background:#ffffffb8;justify-content:center;align-items:center;line-height:1;display:inline-flex}.neighbor-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.neighbor-icon-spacer{visibility:hidden;pointer-events:none}.neighbor-thumb{border-radius:var(--space-2);object-fit:cover;width:34px;height:34px}.article-cover{border-radius:var(--radius-lg);border:var(--border-soft);width:100%;margin-bottom:14px}.pagination{margin-top:var(--space-3);padding-top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.pagination-link{border-radius:var(--btn-radius);background:var(--btn-bg);padding:var(--btn-padding-y) var(--btn-padding-x);box-shadow:var(--btn-shadow);border:0;border:var(--border-soft);font-size:.88rem;text-decoration:none}.pagination-info{color:var(--text-muted);font-size:.86rem}.not-found-page{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;min-height:48vh;display:flex}.not-found-icon{border-radius:var(--radius-lg);width:92px;height:92px}.not-found-code{margin:0;font-size:2.2em;line-height:1}.not-found-text{color:var(--text-muted);margin:0;font-size:1rem}.not-found-home-btn{margin-top:var(--space-2);border-radius:var(--radius-sm);border:var(--border-soft);background:var(--surface-control);color:var(--surface-dark);padding:10px 14px;font-size:.92em;font-weight:600;text-decoration:none;display:inline-block}.not-found-home-btn:hover{color:var(--surface-dark);background:var(--surface-control-hover)}code{border-radius:var(--space-1);background:#f5f5f5;padding:2px 6px;font-size:.9em}.app-footer{padding-top:var(--space-3);margin-top:auto}.footer-card{background:var(--surface-card);border-radius:var(--radius-md);border:var(--border-soft);padding:var(--space-3);text-align:left;color:var(--text-muted);font-size:.78rem;line-height:var(--line-normal);box-shadow:var(--shadow-soft)}.footer-grid{gap:var(--space-1) var(--space-3);margin-bottom:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.footer-grid p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:var(--border-soft);padding-top:7px;display:flex}.footer-copy{margin:0}.bottom-nav{display:none}.consent-popup{border:var(--border-soft);border-radius:var(--radius-lg);z-index:100;background:#fff;max-width:520px;margin:0 auto;padding:14px;position:fixed;bottom:76px;left:12px;right:12px;box-shadow:0 12px 30px #00000024}.consent-popup p{color:var(--text-muted);margin:0 0 10px;font-size:14px;line-height:1.45}.consent-popup a{font-weight:700;text-decoration:none}.consent-btn{border-radius:var(--radius-sm);color:#fff;background:var(--surface-dark);cursor:pointer;border:0;padding:10px 14px;font-size:14px;font-weight:700}@media (width<=768px){.container{max-width:100%;padding:0 16px calc(var(--space-6) + env(safe-area-inset-bottom))}.site-header{margin-bottom:var(--space-3);padding-top:var(--space-2);padding-bottom:var(--space-3)}.brand-row{gap:10px}.logo{border-radius:8px;width:44px;height:44px}.site-title{font-size:1.12rem}.site-subtitle{font-size:.8rem;line-height:1.3}.offer-card{padding:var(--space-2) var(--space-3)}.offer-layout{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.offer-title{margin-bottom:5px;font-size:.98rem}.offer-text{margin-bottom:6px;font-size:.84rem;line-height:1.35}.offer-list li{padding:6px 6px 6px 22px;font-size:.76rem}.offer-cta-lead{margin-top:6px;font-size:.76rem}.offer-cta{min-width:100%;padding:7px 10px;font-size:.82rem}.top-menu{padding:var(--space-2) 16px;margin-inline:-16px;margin-bottom:var(--space-4);gap:var(--space-2);-webkit-backdrop-filter:blur(var(--blur-strong));background:#f7f7f9e6;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;top:0;box-shadow:0 6px 14px #222d4214}.menu-link{width:100%;padding:var(--btn-padding-y) var(--btn-padding-x)}.menu-link-content{font-size:12px;line-height:1.1}.menu-link-content svg{width:14px;height:14px}.article{margin-bottom:40px}.pagination{flex-wrap:wrap}.article-detail-title{font-size:1.75rem}.article-body h2,.article-body h3,.article-body h4{scroll-margin-top:84px}.article-neighbors{grid-template-columns:minmax(0,1fr)}.bottom-nav{gap:var(--space-2);z-index:40;-webkit-backdrop-filter:blur(var(--blur-strong));padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#f7f7f9e6;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.consent-popup{bottom:74px}.app-footer{padding-top:var(--space-2);margin-top:auto;margin-bottom:0}.footer-grid{grid-template-columns:minmax(0,1fr);gap:4px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:4px}.bottom-link{width:100%;padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);color:var(--text-muted);background:var(--btn-bg);border:var(--border-soft);box-shadow:var(--btn-shadow);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.bottom-link svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.bottom-link.active{background:var(--surface-dark);border-color:var(--surface-dark);color:#fff}}@media (width<=430px){.container{padding:0 12px calc(var(--space-6) + env(safe-area-inset-bottom))}.home-page{gap:var(--space-3)}.section-card,.offer-card,.article-card{padding:var(--space-2)}.featured-grid{gap:6px}.footer-card{font-size:.75rem}}@media (width<=390px){.site-subtitle{font-size:.76rem}.offer-list li{padding:6px 6px 6px 20px;font-size:.72rem}.offer-list li:before{left:6px}}@media (width<=360px){.site-header{padding-top:6px;padding-bottom:var(--space-2)}.top-menu{padding:var(--space-2) 12px;margin-inline:-12px}.section-title{font-size:1.08rem}}