@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&family=Shippori+Mincho:wght@400;500;700&family=Zen+Old+Mincho:wght@400;500;700&family=Zen+Maru+Gothic:wght@400;500;700&family=Yuji+Syuku&family=Kiwi+Maru:wght@400;500&family=BIZ+UDPGothic:wght@400;700&family=Sawarabi+Mincho&family=Sawarabi+Gothic&family=M+PLUS+Rounded+1c:wght@400;500;700&family=M+PLUS+1p:wght@400;500;700&family=Kosugi+Maru&family=Kaisei+Decol:wght@400;700&family=Hachi+Maru+Pop&family=Yusei+Magic&family=Dela+Gothic+One&family=Reggae+One&family=DotGothic16&family=Rampart+One&family=Stick&family=Zen+Kurenaido&family=Kaisei+Tokumin:wght@400;500;700&family=Kaisei+Opti:wght@400;700&family=Zen+Antique&family=Zen+Antique+Soft&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&family=Shippori+Mincho:wght@400;500;700&family=Zen+Old+Mincho:wght@400;500;700&family=Zen+Maru+Gothic:wght@400;500;700&family=Yuji+Syuku&family=Kiwi+Maru:wght@400;500&family=BIZ+UDPGothic:wght@400;700&family=Sawarabi+Mincho&family=Sawarabi+Gothic&family=M+PLUS+Rounded+1c:wght@400;500;700&family=M+PLUS+1p:wght@400;500;700&family=Kosugi+Maru&family=Kaisei+Decol:wght@400;700&family=Hachi+Maru+Pop&family=Yusei+Magic&family=Dela+Gothic+One&family=Reggae+One&family=DotGothic16&family=Rampart+One&family=Stick&family=Zen+Kurenaido&family=Kaisei+Tokumin:wght@400;500;700&family=Kaisei+Opti:wght@400;700&family=Zen+Antique&family=Zen+Antique+Soft&display=swap";@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-container{background:#0f1729d1;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:14px;margin-top:16px;margin-bottom:24px;padding:16px 20px;animation:.8s ease-out fadeIn;display:flex;position:relative;box-shadow:0 8px 32px #00000059}@media (width>=768px){.header-container{flex-direction:row;justify-content:space-between;align-items:center;padding:18px 24px}}.header-back-btn{color:var(--text-primary);cursor:pointer;height:32px;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:0 16px;font-size:.8rem;font-weight:600;display:inline-flex}.header-back-btn:hover{background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand);transform:translate(-2px);box-shadow:0 0 12px #5bc4ff40}.brand-section{flex-direction:row;align-items:center;gap:16px;padding:4px 0;display:flex}.header-titles{flex-direction:column;gap:2px;display:flex}.brand-title{letter-spacing:-.02em;background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1.45rem;font-weight:700;display:flex}.brand-subtitle{color:var(--text-secondary);letter-spacing:.05em;font-size:.78rem;font-weight:400}.header-controls{align-items:center;gap:12px;width:100%;display:flex}@media (width>=768px){.header-controls{width:auto}}.search-wrapper{flex-grow:1;position:relative}@media (width>=768px){.search-wrapper{flex-grow:0;width:280px}}.search-icon{color:var(--text-muted);pointer-events:none;transition:var(--transition-smooth);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-smooth);-webkit-backdrop-filter:var(--blur-val);backdrop-filter:var(--blur-val);padding:8px 12px 8px 36px;font-family:inherit;font-size:.85rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--color-brand);background:var(--bg-card-hover);box-shadow:0 0 0 3px var(--color-brand-glow), var(--border-glow);outline:none}.search-input:focus+.search-icon{color:var(--color-brand)}.stats-badge{background:var(--color-brand-glow);border:1px solid var(--border-color-hover);border-radius:var(--radius-sm);color:var(--color-brand);letter-spacing:.05em;white-space:nowrap;-webkit-backdrop-filter:var(--blur-val);backdrop-filter:var(--blur-val);box-shadow:var(--border-glow);padding:8px 12px;font-size:.8rem;font-weight:600}@media (width<=768px){.header-container{gap:10px;margin-top:12px;margin-bottom:12px;padding:14px 16px}.brand-section{justify-content:flex-start;gap:10px;width:100%}.brand-title{font-size:1.25rem}.brand-subtitle{font-size:.72rem}.header-controls{width:100%}.search-input{padding:7px 12px 7px 32px;font-size:.8rem}.search-icon{width:14px;height:14px;left:10px}.header-back-btn{height:30px;padding:0 10px;font-size:.75rem}.header-back-btn span{display:none}}.filter-section{flex-direction:column;gap:12px;margin-bottom:24px;animation:.8s ease-out fadeIn;display:flex}.filter-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.08em;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.member-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:12px;padding:8px 4px 16px;display:flex;overflow-x:auto}.member-list::-webkit-scrollbar{height:6px}.member-list::-webkit-scrollbar-track{background:#10192d80;border-radius:3px}.member-list::-webkit-scrollbar-thumb{background:#1e2e52;border-radius:3px}.member-list::-webkit-scrollbar-thumb:hover{background:var(--color-brand)}.member-badge{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);-webkit-backdrop-filter:var(--blur-val);backdrop-filter:var(--blur-val);border-radius:40px;align-items:center;gap:10px;padding:6px 16px 6px 8px;display:flex;box-shadow:0 4px 12px #00000026}.member-badge:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.member-badge.active{background:var(--color-brand-glow);border-color:var(--color-brand);box-shadow:0 0 15px var(--color-brand-glow-strong), var(--border-glow)}.member-badge-avatar{object-fit:cover;border:1.5px solid var(--border-color);width:32px;height:32px;transition:var(--transition-smooth);border-radius:50%}.member-badge.active .member-badge-avatar{border-color:var(--color-brand);transform:scale(1.05)}.member-badge-name{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.9rem;font-weight:500}.member-badge.active .member-badge-name{color:var(--text-primary);font-weight:600}.member-badge-count{color:var(--text-secondary);transition:var(--transition-smooth);background:#22345ecc;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.member-badge.active .member-badge-count{background:var(--color-brand);color:var(--bg-dark)}.all-badge{padding-left:16px}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;height:100%;transition:var(--transition-smooth);-webkit-backdrop-filter:var(--blur-val);backdrop-filter:var(--blur-val);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.blog-card:hover{border-color:var(--border-color-hover);box-shadow:0 12px 30px #0006, 0 0 20px var(--color-brand-glow-strong), var(--border-glow);transform:translateY(-6px)scale(1.01)}.blog-card-image-wrapper{background:#10192d;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow);position:absolute;top:0;left:0}.blog-card:hover .blog-card-image{transform:scale(1.08)}.blog-card-image-overlay{pointer-events:none;background:linear-gradient(#0000 60%,#0f172a66);width:100%;height:100%;position:absolute;top:0;left:0}.blog-card-body{flex-direction:column;flex-grow:1;gap:12px;padding:24px;display:flex}.blog-card-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.blog-card-author-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:28px;height:28px}.blog-card-author-name{color:var(--color-brand);font-size:.85rem;font-weight:600}.blog-card-date{color:var(--text-muted);margin-left:auto;font-size:.78rem;font-weight:500}.blog-card-title{color:var(--text-primary);-webkit-line-clamp:2;transition:var(--transition-smooth);-webkit-box-orient:vertical;font-size:1.15rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:var(--color-brand)}.blog-card-snippet{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;font-size:.9rem;font-weight:300;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-footer{color:var(--color-brand);transition:var(--transition-smooth);align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:.85rem;font-weight:600;display:flex}.blog-card-footer svg{transition:var(--transition-smooth)}.blog-card:hover .blog-card-footer{color:var(--color-brand-hover)}.blog-card:hover .blog-card-footer svg{transform:translate(4px)}.list-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;animation:.8s ease-out fadeIn;display:flex}.results-count{color:var(--text-secondary);font-size:.95rem;font-weight:500}.results-count-number{color:var(--color-brand);font-weight:700}.sort-wrapper{align-items:center;gap:10px;display:flex}.sort-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.85rem;font-weight:600}.sort-select{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:500}.sort-select:hover{border-color:var(--color-brand);background:var(--bg-card-hover)}.sort-select:focus{box-shadow:0 0 0 3px var(--color-brand-glow), var(--border-glow);outline:none}.blogs-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.blogs-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.blogs-grid{grid-template-columns:repeat(3,1fr)}}.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;animation:.6s ease-out fadeIn;display:flex}.empty-state-icon{color:var(--text-muted)}.empty-state-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.empty-state-desc{color:var(--text-secondary);max-width:320px;font-size:.95rem;line-height:1.5}.clear-search-btn{background:var(--color-brand-glow);border:1px solid var(--color-brand);color:var(--color-brand);border-radius:var(--radius-sm);transition:var(--transition-smooth);margin-top:8px;padding:10px 20px;font-weight:600}.clear-search-btn:hover{background:var(--color-brand);color:var(--bg-dark);box-shadow:var(--border-glow);transform:translateY(-1px)}.pagination-container{justify-content:center;align-items:center;gap:8px;margin-top:36px;margin-bottom:20px;animation:.8s ease-out fadeIn;display:flex}.pagination-btn{background:var(--bg-card);border:1px solid var(--border-color);min-width:38px;height:38px;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;padding:0 12px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 10px #00000026}.pagination-btn:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand);background:var(--bg-card-hover);transform:translateY(-1px)}.pagination-btn.active{background:var(--color-brand);color:var(--bg-dark);border-color:var(--color-brand);box-shadow:0 4px 12px var(--color-brand-glow)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.pagination-ellipsis{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 6px;font-weight:600}.page-indicator{color:var(--text-muted);font-size:.85rem;font-weight:400}@media (width<=640px){.pagination-container{gap:6px;margin-top:24px}.pagination-btn{min-width:32px;height:32px;padding:0 8px;font-size:.8rem}}.detail-page-container{width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);box-sizing:border-box;flex-direction:column;transition:background .4s,color .3s;display:flex;position:relative}.detail-page-container.theme-navy{background:radial-gradient(circle at top,#0e1525 0%,#050810 100%)}.detail-page-container.theme-darker{background:radial-gradient(circle at top,#05080f 0%,#010204 100%)}.detail-side-panel{z-index:100;flex-direction:column;align-items:center;gap:12px;width:54px;animation:.8s ease-out fadeIn;display:flex;position:fixed;top:100px;left:calc(50% - 510px)}.panel-btn{border:1px solid var(--border-color);width:46px;height:46px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#131d34b3;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00000040}.panel-btn:hover{background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand);box-shadow:0 6px 16px var(--color-brand-glow-strong), var(--border-glow);transform:translateY(-2px)}.panel-btn.active{background:var(--color-brand);color:var(--bg-dark);border-color:var(--color-brand);box-shadow:0 4px 14px var(--color-brand-glow-strong)}.panel-btn.nav{font-family:monospace;font-size:1rem}.panel-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none!important;transform:none!important}.panel-divider{background:var(--border-color);width:24px;height:1px;margin:4px 0}@media (width<=1100px){.detail-side-panel{left:20px}}@media (width<=980px){.detail-side-panel{display:none}}.mobile-header{width:100%;height:60px;-webkit-backdrop-filter:var(--blur-val);border-bottom:1px solid var(--border-color);z-index:90;box-sizing:border-box;background:#0c1322d9;justify-content:space-between;align-items:center;padding:0 16px;display:none;position:fixed;top:0;left:0}.mobile-header-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.95rem;font-weight:700;overflow:hidden}.mobile-header-btn{color:var(--text-primary);cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-header-btn:hover{background:#1b294b99}.mobile-header-btn.mobile-furigana-btn{border:1px solid #0000;margin-right:4px}.mobile-header-btn.mobile-furigana-btn.active{background:var(--color-brand-glow);color:var(--color-brand);border-color:var(--color-brand);box-shadow:0 0 10px var(--color-brand-glow-strong)}.theme-editorial .mobile-header-btn.mobile-furigana-btn.active{color:#931f29;background:#931f291a;border-color:#931f29}.mobile-footer-nav{width:100%;height:56px;-webkit-backdrop-filter:var(--blur-val);border-top:1px solid var(--border-color);z-index:90;box-sizing:border-box;background:#0c1322d9;grid-template-columns:1fr 1fr;display:none;position:fixed;bottom:0;left:0}.mobile-nav-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.mobile-nav-btn:hover:not(:disabled){color:var(--color-brand);background:#141f3880}.mobile-nav-btn:first-child{border-right:1px solid var(--border-color)}.mobile-nav-btn:disabled{opacity:.3;cursor:not-allowed}@media (width<=980px){.mobile-header{display:flex}.mobile-footer-nav{display:grid}}.settings-drawer{border-left:1px solid var(--border-color);z-index:150;box-sizing:border-box;background:#10192d;flex-direction:column;width:320px;height:100%;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-320px;box-shadow:-10px 0 40px #00000080}.settings-drawer.open{right:0}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-header h4{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.drawer-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.8rem;line-height:1}.drawer-body{flex-direction:column;gap:28px;padding:24px;display:flex;overflow-y:auto}.drawer-section{flex-direction:column;gap:12px;display:flex}.section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.8rem;font-weight:700}.select-buttons{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.select-buttons.font-grid{grid-template-columns:repeat(3,1fr)}.select-buttons button{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#0b111e99;padding:10px 8px;font-size:.82rem;font-weight:600}.select-buttons button:hover{border-color:var(--color-brand-hover);color:var(--text-primary)}.select-buttons button.active{background:var(--color-brand);border-color:var(--color-brand);box-shadow:0 4px 12px var(--color-brand-glow-strong);color:var(--bg-dark)!important}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;background:#0006;width:100%;height:100%;animation:.3s ease-out fadeIn;position:fixed;top:0;left:0}.detail-main-wrapper{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0 0 100px;overflow:hidden}@media (width<=980px){.detail-main-wrapper{padding-top:60px;padding-bottom:76px}}.detail-article-card{box-sizing:border-box;background:0 0;width:100%;padding:60px 0}@media (width<=580px){.detail-article-card{padding:32px 0}}.article-editorial-header,.detail-article-body,.detail-gallery-section{box-sizing:border-box;width:100%;max-width:820px;margin-left:auto;margin-right:auto;padding:0 32px}@media (width<=580px){.article-editorial-header,.detail-article-body,.detail-gallery-section{padding:0 20px}}.article-editorial-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px;display:flex}.article-meta-info{color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:10px;font-size:.8rem;font-weight:700;display:flex}.meta-category{color:var(--color-brand);letter-spacing:.12em}.article-editorial-title{color:var(--text-primary);letter-spacing:-.018em;margin:0;font-size:2.3rem;font-weight:800;line-height:1.35}@media (width<=580px){.article-editorial-title{font-size:1.7rem}}.article-author-signature{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-top:12px;padding-bottom:24px;display:flex}.signature-avatar{object-fit:cover;border:2px solid var(--border-color);width:44px;height:44px;transition:var(--transition-smooth);border-radius:50%;box-shadow:0 4px 10px #00000026}.signature-avatar:hover{border-color:var(--color-brand)}.signature-info{flex-direction:column;display:flex}.signature-by{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.signature-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.signature-bullet{color:var(--border-color);-webkit-user-select:none;user-select:none}.signature-original-link{color:var(--text-secondary);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:6px;margin-left:auto;padding:6px 14px;font-size:.8rem;font-weight:600}.signature-original-link:hover{background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand);transform:translateY(-1px)}@media (width<=580px){.signature-original-link{text-align:center;width:100%;margin-top:4px;margin-left:0}}.detail-article-body{color:#d9e0e8;word-wrap:break-word;line-height:2;transition:font-size .25s}.detail-article-body.font-small{font-size:1.25rem}.detail-article-body.font-medium{font-size:1.5rem}.detail-article-body.font-large{font-size:1.8rem}.detail-article-body.font-xlarge{font-size:2.15rem}.detail-article-body.family-gothic{letter-spacing:.02em;font-family:Noto Sans JP,BIZ UDPGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Meiryo,sans-serif}.detail-article-body.family-mincho{letter-spacing:.05em;font-family:Shippori Mincho,Kaisei Tokumin,Hiragino Mincho ProN,Yu Mincho,MS PMincho,Georgia,serif;line-height:2.15}.detail-article-body.family-kyokasho{letter-spacing:.03em;font-family:Zen Kurenaido,UD Digi Kyokasho NK-R,UD Digi KyokashoNP-R,YuKyo_Meduim,Yu Kyokasho Yoko,sans-serif;font-weight:500;line-height:2.1}.detail-article-body.family-maru{letter-spacing:.02em;font-family:Zen Maru Gothic,Kosugi Maru,"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,sans-serif;line-height:2}.detail-article-body.family-brush{letter-spacing:.04em;font-family:Yusei Magic,Yuji Syuku,Hiragino Mincho ProN,serif;font-weight:400;line-height:2.15}.detail-article-body.family-handwritten{letter-spacing:.03em;font-family:Hachi Maru Pop,Kiwi Maru,Zen Maru Gothic,sans-serif;font-weight:400;line-height:2.1}.detail-article-body.family-noto-serif{letter-spacing:.04em;font-family:Noto Serif JP,Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,serif;font-weight:400;line-height:2.15}.detail-article-body.family-retro{letter-spacing:.05em;font-family:Zen Antique Soft,Zen Antique,Zen Old Mincho,serif;font-weight:400;line-height:2.2}.detail-article-body.family-pop{letter-spacing:.02em;font-family:Kaisei Decol,Reggae One,Kosugi Maru,sans-serif;font-weight:400;line-height:2}.detail-article-body.family-pixel{letter-spacing:.03em;font-family:DotGothic16,"M PLUS 1p",monospace;line-height:2}.detail-article-body.family-antique{letter-spacing:.05em;font-family:Kaisei Tokumin,Kaisei Opti,Zen Old Mincho,serif;font-weight:500;line-height:2.2}.detail-article-body.family-display{letter-spacing:.01em;font-family:Dela Gothic One,Rampart One,Stick,sans-serif;font-weight:400;line-height:2}.detail-article-body p{margin-bottom:2.2rem}.detail-article-body img{border-radius:var(--radius-sm);border:1px solid var(--border-color);max-width:100%;height:auto;transition:var(--transition-smooth);cursor:zoom-in;margin:36px auto;display:block;box-shadow:0 10px 40px #0006}.detail-article-body img:hover{border-color:var(--color-brand);box-shadow:0 15px 50px #000000a6, var(--border-glow);transform:scale(1.006)}.detail-article-body br{content:"";margin-top:10px;display:block}.detail-article-body a{color:var(--color-brand);border-bottom:1px dashed var(--color-brand);transition:var(--transition-smooth);font-weight:600;text-decoration:none}.detail-article-body a:hover{color:#fff;background:var(--color-brand-glow);border-bottom-color:#fff}ruby{ruby-position:over;ruby-align:space-around}rt{color:#c5a880;letter-spacing:.06em;-webkit-user-select:none;user-select:none;font-size:.58em;font-weight:600;line-height:1.3;font-family:var(--font-sans);opacity:.95;text-align:center;padding-bottom:3px}.detail-gallery-section{border-top:1px solid var(--border-color);flex-direction:column;gap:20px;margin-top:60px;padding-top:40px;display:flex}.detail-gallery-title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.detail-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}.detail-gallery-item{aspect-ratio:3/2;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);overflow:hidden;box-shadow:0 4px 15px #0000004d}.detail-gallery-item:hover{border-color:var(--color-brand);transform:translateY(-4px);box-shadow:0 8px 25px #5bc4ff4d}.detail-gallery-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.detail-gallery-item:hover .detail-gallery-img{transform:scale(1.06)}.lightbox-overlay{-webkit-backdrop-filter:blur(15px);z-index:200;cursor:zoom-out;background:#05070cfa;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-close-btn{border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);z-index:210;background:#182543cc;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:24px}.lightbox-close-btn:hover{background:#dd3c3c;border-color:#e05252;transform:rotate(90deg);box-shadow:0 0 20px #ff000080}.lightbox-img{object-fit:contain;border-radius:4px;max-width:95vw;max-height:95vh;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;box-shadow:0 10px 50px #000000e6}.detail-page-container.theme-editorial{color:#30231d;background:radial-gradient(circle at top,#f6f1ea 0%,#e6ddd1 100%)}.detail-page-container.theme-editorial .detail-article-card{color:#261c17}.detail-page-container.theme-editorial .panel-btn{color:#402f26;background:#f0e8db;border-color:#d2c9bc;box-shadow:0 4px 12px #46321e1a}.detail-page-container.theme-editorial .panel-btn:hover{color:#931f29;background:#fae6e7;border-color:#bd2835}.detail-page-container.theme-editorial .panel-btn.active{color:#fff;background:#931f29;border-color:#931f29;box-shadow:0 4px 14px #96141e40}.detail-page-container.theme-editorial .panel-divider{background:#d2c9bc}.detail-page-container.theme-editorial .mobile-header,.detail-page-container.theme-editorial .mobile-footer-nav{background:#f6f1ead9;border-color:#d2c9bc}.detail-page-container.theme-editorial .mobile-header-title,.detail-page-container.theme-editorial .mobile-header-btn,.detail-page-container.theme-editorial .mobile-nav-btn{color:#402f26}.detail-page-container.theme-editorial .mobile-nav-btn:hover:not(:disabled){color:#931f29;background:#f0e8db80}.detail-page-container.theme-editorial .mobile-nav-btn:first-child,.detail-page-container.theme-editorial .mobile-header{border-color:#d2c9bc}.detail-page-container.theme-editorial .settings-drawer{background:#f6f1ea;border-color:#d2c9bc;box-shadow:-10px 0 40px #46321e26}.detail-page-container.theme-editorial .drawer-header{border-bottom-color:#d2c9bc}.detail-page-container.theme-editorial .drawer-header h4{color:#30231d}.detail-page-container.theme-editorial .drawer-close{color:#604639}.drawer-close:hover{color:#931f29}.detail-page-container.theme-editorial .section-label{color:#846d62}.detail-page-container.theme-editorial .select-buttons button{color:#503a30;background:#f1eadf;border-color:#d2c9bc}.detail-page-container.theme-editorial .select-buttons button:hover{color:#931f29;border-color:#bd2835}.detail-page-container.theme-editorial .select-buttons button.active{background:#931f29;border-color:#931f29;box-shadow:0 4px 12px #96141e33;color:#fff!important}.detail-page-container.theme-editorial .article-meta-info{color:#846d62}.detail-page-container.theme-editorial .meta-category{color:#931f29}.detail-page-container.theme-editorial .article-editorial-title{color:#69161d}.detail-page-container.theme-editorial .article-author-signature{border-bottom-color:#d2c9bc}.detail-page-container.theme-editorial .signature-avatar{border-color:#d2c9bc}.detail-page-container.theme-editorial .signature-avatar:hover{border-color:#931f29}.detail-page-container.theme-editorial .signature-by{color:#846d62}.detail-page-container.theme-editorial .signature-name{color:#30231d}.detail-page-container.theme-editorial .signature-original-link{color:#402f26;border-color:#d2c9bc}.detail-page-container.theme-editorial .signature-original-link:hover{color:#931f29;background:#fae6e7;border-color:#bd2835}.detail-page-container.theme-editorial .detail-article-body{color:#30231d}.detail-page-container.theme-editorial .detail-article-body a{color:#931f29;border-bottom-color:#931f29}.detail-page-container.theme-editorial .detail-article-body a:hover{color:#541217;background:#fae6e7;border-bottom-color:#541217}.detail-page-container.theme-editorial rt{color:#931f29}.detail-page-container.theme-editorial .detail-gallery-section{border-top-color:#d2c9bc}.detail-page-container.theme-editorial .detail-gallery-title{color:#30231d}.detail-page-container.theme-editorial .detail-gallery-item{border-color:#d2c9bc;box-shadow:0 4px 15px #46321e0d}.detail-page-container.theme-editorial .detail-gallery-item:hover{border-color:#bd2835;box-shadow:0 8px 25px #96141e26}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scroll-to-top-btn{background:var(--color-brand);border:1px solid var(--color-brand);width:48px;height:48px;color:var(--bg-dark);cursor:pointer;z-index:120;box-shadow:0 4px 16px var(--color-brand-glow-strong), 0 8px 32px #0006;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;position:fixed;bottom:32px;right:32px}.scroll-to-top-btn:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover);box-shadow:0 8px 24px var(--color-brand-glow-strong), 0 12px 40px #00000080;transform:translateY(-4px)}.theme-editorial .scroll-to-top-btn{color:#fff;background:#931f29;border-color:#931f29;box-shadow:0 4px 16px #96141e40}.theme-editorial .scroll-to-top-btn:hover{background:#69161d;border-color:#69161d}@media (width<=980px){.scroll-to-top-btn{width:44px;height:44px;bottom:80px;right:20px}}.translate-banner{border-radius:var(--radius-sm);max-width:820px;color:var(--text-secondary);box-sizing:border-box;background:linear-gradient(135deg,#5dbee51f,#558bf614);border:1px solid #5dbee540;flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto 24px;padding:12px 20px;font-size:.85rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.translate-banner svg{color:var(--color-brand);flex-shrink:0}.translate-banner span{flex:1;min-width:150px}.translate-banner-dismiss{color:var(--color-brand);border:1px solid var(--color-brand);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border-radius:6px;padding:5px 14px;font-size:.8rem;font-weight:600}.translate-banner-dismiss:hover{background:var(--color-brand);color:var(--bg-dark)}.translate-status-badge{border-radius:var(--radius-sm);max-width:820px;color:var(--text-secondary);box-sizing:border-box;background:linear-gradient(135deg,#5dbee514,#558bf60a);border:1px solid #5dbee526;align-items:center;gap:10px;margin:0 auto 24px;padding:10px 20px;font-size:.85rem;animation:.3s ease-out fadeIn;display:flex}@media (width<=580px){.translate-status-badge{padding:10px 16px}}.blog-skeleton-loader{box-sizing:border-box;flex-direction:column;gap:36px;max-width:820px;margin:0 auto;padding:0 32px;animation:.3s ease-out fadeIn;display:flex}@media (width<=580px){.blog-skeleton-loader{padding:0 20px}}.skeleton-paragraph{flex-direction:column;gap:12px;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--border-color) 25%, #1b294b99 37%, var(--border-color) 63%);background-size:400% 100%;border-radius:4px;height:20px;animation:1.4s infinite shimmer}.skeleton-line.width-95{width:95%}.skeleton-line.width-90{width:90%}.skeleton-line.width-85{width:85%}.skeleton-line.width-60{width:60%}.skeleton-line.width-50{width:50%}.skeleton-line.width-40{width:40%}.skeleton-image-block{aspect-ratio:16/9;border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--border-color) 25%, #1b294b99 37%, var(--border-color) 63%);background-size:400% 100%;width:100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0%}}.translate-drawer-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition-smooth);color:var(--color-brand);background:linear-gradient(135deg,#5dbee526,#558bf61a);border:1px solid #5dbee54d;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.translate-drawer-btn:hover:not(:disabled){border-color:var(--color-brand);box-shadow:0 4px 12px var(--color-brand-glow);background:linear-gradient(135deg,#5dbee540,#558bf633);transform:translateY(-1px)}.translate-drawer-btn.active{color:#e46767;background:#dd3c3c1f;border-color:#dd3c3c4d}.translate-drawer-btn.active:hover:not(:disabled){background:#dd3c3c33;border-color:#dd3c3c}.translate-drawer-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-spinner{border:2.5px solid #5dbee533;border-top-color:var(--color-brand);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.btn-spinner.small{border-width:2px;width:16px;height:16px}.panel-btn.translating{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.translate-error{color:#e05252;background:#dd3c3c14;border:1px solid #dd3c3c26;border-radius:6px;margin-top:6px;padding:8px 12px;font-size:.82rem}.mobile-header-actions{align-items:center;gap:2px;display:flex}.theme-editorial .translate-banner{color:#604639;background:linear-gradient(135deg,#931f2914,#e0d0b826);border-color:#d2c9bc}.theme-editorial .translate-banner svg{color:#931f29}.theme-editorial .translate-banner-dismiss{color:#931f29;border-color:#931f29}.theme-editorial .translate-banner-dismiss:hover{color:#fff;background:#931f29}.theme-editorial .translate-drawer-btn{color:#931f29;background:#931f2914;border-color:#931f2940}.theme-editorial .translate-drawer-btn:hover:not(:disabled){background:#931f2926;border-color:#931f29}.translate-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.translate-vertical-menu{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:8px;animation:.35s cubic-bezier(.16,1,.3,1) slideDownFade;display:flex}.panel-btn-sub{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);box-sizing:border-box;background:#16213cf2;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 4px 10px #00000040}.panel-btn-sub:hover{background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand);box-shadow:0 6px 12px var(--color-brand-glow-strong);transform:translateY(-1px)}.panel-btn-sub.active{background:var(--color-brand);color:var(--bg-dark);border-color:var(--color-brand);box-shadow:0 4px 12px var(--color-brand-glow-strong)}.panel-btn-sub.original{color:#e46767;background:#dd3c3c1f;border-color:#dd3c3c40}.panel-btn-sub.original:hover{color:#e87d7d;background:#dd3c3c38;border-color:#dd3c3c}.translate-popup.mobile-dropdown{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:200;background:#10192df5;flex-direction:column;gap:4px;min-width:160px;padding:12px 8px;animation:.3s cubic-bezier(.16,1,.3,1) slideDownFade;display:flex;position:absolute;top:calc(100% + 8px);left:auto;right:0;transform:none;box-shadow:0 10px 30px #0006}.translate-popup.mobile-dropdown:before{display:none}.translate-popup-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;border-bottom:1px solid var(--border-color);margin-bottom:2px;padding:4px 10px 8px;font-size:.7rem;font-weight:700}.translate-popup-option{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:.85rem;font-weight:500;display:flex}.translate-popup-option:hover{color:var(--text-primary);background:#1b294b99}.translate-popup-option.active{background:var(--color-brand-glow);color:var(--color-brand);font-weight:700}.translate-popup-option.active:after{content:"✓";color:var(--color-brand);margin-left:auto;font-size:.75rem}.translate-popup-option.original{color:#e46767;border-top:1px solid var(--border-color);margin-top:4px;padding-top:10px}.translate-popup-option.original:hover{color:#e87d7d;background:#dd3c3c1a}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-editorial .panel-btn-sub{color:#705243;background:#ede7de;border-color:#d2c9bc;box-shadow:0 4px 10px #46321e1a}.theme-editorial .panel-btn-sub:hover{color:#931f29;background:#931f291a;border-color:#931f29;box-shadow:0 6px 12px #96141e26}.theme-editorial .panel-btn-sub.active{color:#fff;background:#931f29;border-color:#931f29;box-shadow:0 4px 12px #96141e40}.theme-editorial .panel-btn-sub.original{color:#ac3939;background:#ac39391a;border-color:#ac393940}.theme-editorial .panel-btn-sub.original:hover{color:#862d2d;background:#ac393933;border-color:#ac3939}.theme-editorial .translate-popup.mobile-dropdown{background:#f6f1eafa;border-color:#d2c9bc;box-shadow:0 10px 30px #46321e26}.theme-editorial .translate-popup-title{color:#846d62;border-bottom-color:#dad3c8}.theme-editorial .translate-popup-option{color:#503a30}.theme-editorial .translate-popup-option:hover{color:#7e1b23;background:#931f2914}.theme-editorial .translate-popup-option.active{color:#931f29;background:#931f291a}.theme-editorial .translate-popup-option.active:after{color:#931f29}.theme-editorial .translate-popup-option.original{color:#ac3939;border-top-color:#dad3c8}.theme-editorial .translate-popup-option.original:hover{background:#ac393914}.theme-editorial .translate-status-badge{color:#604639;background:linear-gradient(135deg,#931f290a,#e0d0b814);border-color:#d2c9bc}.theme-editorial .skeleton-line,.theme-editorial .skeleton-image-block{background:linear-gradient(90deg,#dad3c8 25%,#ede3d4 37%,#dad3c8 63%) 0 0/400% 100%}.home-container{grid-template-columns:1fr;gap:40px;width:100%;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:grid}@media (width>=1024px){.home-container{grid-template-columns:1fr 280px;align-items:start}}.home-masthead-wrapper{width:100%;margin-top:16px;margin-bottom:40px;padding:8px;position:relative}.home-masthead{text-align:center;box-shadow:none;background:0 0;border:none;border-bottom:1px solid #ffffff0f;border-radius:0;margin-bottom:40px;padding:32px 0 20px;position:relative}.masthead-badge{background:var(--color-brand-glow);color:var(--color-brand);border:1px solid var(--color-brand-glow-strong);text-transform:uppercase;letter-spacing:.15em;border-radius:30px;margin-bottom:18px;padding:6px 18px;font-size:.8rem;font-weight:700;display:inline-block}.masthead-title{font-family:var(--font-sans);color:#fff;letter-spacing:.08em;text-shadow:0 4px 20px #0000008c;margin:0 0 12px;font-size:3.6rem;font-weight:900}.masthead-publication{letter-spacing:.14em;color:var(--color-brand);text-transform:uppercase;margin-bottom:14px;font-size:.8rem;font-weight:600}.masthead-subtitle{color:var(--text-secondary);letter-spacing:.02em;max-width:720px;margin:0 auto;font-size:1.15rem;font-weight:350;line-height:1.6}@media (width<=768px){.masthead-title{font-size:2rem}.masthead-subtitle{padding:0 16px;font-size:.85rem}}.corner-marker{color:var(--text-muted);pointer-events:none;z-index:10;font-family:monospace;font-size:1.25rem;font-weight:300;line-height:1;position:absolute}.corner-tl{top:0;left:0;transform:translate(-4px,-4px)}.corner-tr{top:0;right:0;transform:translate(4px,-4px)}.corner-bl{bottom:0;left:0;transform:translate(-4px,4px)}.corner-br{bottom:0;right:0;transform:translate(4px,4px)}.contributors-guild-section{text-align:center;border-bottom:1px solid #ffffff0f;width:100%;margin-bottom:48px;padding-bottom:36px}.guild-title{text-transform:uppercase;letter-spacing:.12em;color:#fff;justify-content:center;align-items:center;gap:10px;margin-bottom:32px;font-size:1.25rem;font-weight:800;display:inline-flex}.guild-title-dot{background:var(--color-brand);width:8px;height:8px;box-shadow:0 0 10px var(--color-brand);border-radius:50%}.contributors-guild-grid{flex-wrap:wrap;justify-content:center;gap:26px;max-width:1200px;margin:0 auto;padding:0 12px;display:flex}.guild-member-card{cursor:pointer;width:106px;transition:var(--transition-smooth);flex-direction:column;align-items:center;gap:14px;display:flex}.guild-avatar-wrapper{justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:relative}.aura-glow-ring{background:var(--color-brand);opacity:0;pointer-events:none;z-index:1;border-radius:50%;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:-4px;transform:scale(.92)}.guild-member-card:hover .aura-glow-ring{opacity:.85;transform:scale(1.04);box-shadow:0 0 20px #5bc4ff66}.guild-avatar-img{object-fit:cover;border:1.5px solid var(--border-color);z-index:2;width:100%;height:100%;transition:var(--transition-smooth);border-radius:50%;position:relative;box-shadow:0 4px 10px #0000004d}.guild-badge-count{background:var(--bg-dark);border:1.5px solid var(--color-brand);color:var(--color-brand);z-index:3;transition:var(--transition-smooth);border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:700;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 5px #00000080}.guild-member-card:hover{transform:translateY(-4px)}.guild-member-card:hover .guild-avatar-img{border-color:#0000;transform:scale(1.02)}.guild-member-card:hover .guild-badge-count{background:var(--color-brand);color:#fff;box-shadow:0 0 10px var(--color-brand-glow-strong)}.guild-member-info{text-align:center;flex-direction:column;align-items:center;gap:1px;width:100%;display:flex}.guild-member-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;transition:var(--transition-smooth);font-size:.92rem;font-weight:700;overflow:hidden}.guild-member-card:hover .guild-member-name{color:var(--color-brand)}.guild-member-slug{color:var(--text-muted);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.72rem;overflow:hidden}@media (width<=480px){.contributors-guild-grid{gap:12px}.guild-member-card{width:75px}.guild-avatar-wrapper{width:54px;height:54px}.guild-member-name{font-size:.72rem}.guild-member-slug{font-size:.58rem}}.featured-hero{width:100%;margin-bottom:48px}.hero-badge{text-transform:uppercase;letter-spacing:.15em;color:var(--color-brand);align-items:center;gap:8px;margin-bottom:12px;font-size:.72rem;font-weight:700;display:flex}.hero-badge:after{content:"";background:linear-gradient(90deg, var(--color-brand-glow-strong), transparent);flex-grow:1;height:1px}.hero-card{box-shadow:none;cursor:pointer;width:100%;transition:var(--transition-smooth);background:0 0;border:none;border-radius:0;flex-direction:column;gap:18px;display:flex}.hero-card:hover{transform:translateY(-2px)}.hero-image-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;height:220px;box-shadow:var(--glass-shadow);transition:var(--transition-smooth);position:relative;overflow:hidden}@media (width>=768px){.hero-image-wrapper{height:420px}}.hero-image{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.hero-card:hover .hero-image{transform:scale(1.02)}.hero-card:hover .hero-image-wrapper{border-color:var(--color-brand);box-shadow:0 8px 24px #5bc4ff1f, var(--border-glow)}.hero-gradient{background:linear-gradient(#0000 60%,#0f172a66);position:absolute;inset:0}.hero-content{flex-direction:column;gap:12px;padding:8px 0 0;display:flex}.hero-meta{color:var(--text-secondary);align-items:center;gap:10px;font-size:.8rem;display:flex}.hero-author{cursor:pointer;align-items:center;gap:8px;display:flex}.hero-author:hover .hero-author-name{color:var(--color-brand);text-decoration:underline}.hero-author-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:24px;height:24px}.hero-author-name{transition:var(--transition-smooth);font-weight:600}.hero-title{color:#fff;letter-spacing:-.01em;transition:var(--transition-smooth);font-size:1.85rem;font-weight:800;line-height:1.35}.hero-card:hover .hero-title{color:var(--color-brand)}.hero-snippet{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.02rem;line-height:1.65;display:-webkit-box;overflow:hidden}.hero-read-more{color:var(--color-brand);transition:var(--transition-smooth);align-items:center;gap:8px;margin-top:8px;font-size:.85rem;font-weight:700;display:flex}.hero-card:hover .hero-read-more svg{transform:translate(4px)}.hero-read-more svg{transition:var(--transition-smooth)}.feed-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.feed-toolbar-title{color:#fff;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;display:flex}.feed-count-badge{background:var(--color-brand-glow);color:var(--color-brand);border:1px solid var(--color-brand-glow-strong);border-radius:12px;padding:3px 12px;font-size:.8rem;font-weight:700}.editorial-list{flex-direction:column;gap:0;display:flex}.editorial-item{cursor:pointer;transition:var(--transition-smooth);border-bottom:1px solid #ffffff0d;grid-template-columns:36px 1fr;gap:16px;padding:28px 0;display:grid}@media (width>=600px){.editorial-item{grid-template-columns:46px 1fr 140px;gap:26px}}.editorial-item:hover{border-bottom-color:var(--color-brand)}.editorial-rank-column{justify-content:center;align-items:flex-start;padding-top:2px;display:flex}.editorial-rank-number{color:var(--text-muted);opacity:.45;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;letter-spacing:-.05em;font-family:Shippori Mincho,Zen Old Mincho,serif;font-size:1.65rem;font-weight:500}.editorial-item:hover .editorial-rank-number{color:var(--color-brand);opacity:1;transform:translateY(-2px)}.editorial-item-text{flex-direction:column;gap:10px;display:flex}.editorial-item-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.editorial-item-author{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.editorial-item-author:hover .editorial-item-name{color:var(--color-brand);text-decoration:underline}.editorial-item-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:20px;height:20px}.editorial-item-name{transition:var(--transition-smooth);font-weight:600}.editorial-item-title{color:#fff;letter-spacing:-.01em;transition:var(--transition-smooth);font-size:1.32rem;font-weight:700;line-height:1.45}.editorial-item:hover .editorial-item-title{color:var(--color-brand);transform:translate(4px)}.editorial-item-snippet{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.96rem;line-height:1.6;display:-webkit-box;overflow:hidden}.editorial-item-footer{color:var(--color-brand);opacity:0;transition:var(--transition-smooth);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex;transform:translate(-4px)}.editorial-item:hover .editorial-item-footer{opacity:1;transform:translate(0)}.editorial-item-thumbnail-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-color);align-self:center;width:100%;height:130px;overflow:hidden}@media (width<=600px){.editorial-item-thumbnail-wrapper{display:none}}.editorial-item-thumbnail{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.editorial-item:hover .editorial-item-thumbnail{transform:scale(1.05)}.editorial-pagination{justify-content:space-between;align-items:center;padding:32px 0 16px;display:flex}.pagination-arrow{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);border-radius:30px;padding:10px 20px;font-size:.8rem;font-weight:600}.pagination-arrow:hover:not(:disabled){background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand);transform:translateY(-1px)}.pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{align-items:center;gap:6px;display:flex}.pagination-num{width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-smooth);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.pagination-num:hover{color:#fff;background:#ffffff0d}.pagination-num.active{background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand);box-shadow:var(--border-glow)}.pagination-ell{color:var(--text-muted);font-size:.9rem}.sidebar-container{flex-direction:column;gap:36px;display:flex}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);padding:24px}.widget-title{text-transform:uppercase;letter-spacing:.08em;color:#fff;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:10px;font-size:.95rem;font-weight:800;display:flex}.curator-note-card{background:radial-gradient(circle at top right, #5dbee50d, transparent 60%), var(--bg-card);border-left:2.5px solid var(--color-brand);position:relative}.curator-content{flex-direction:column;gap:12px;display:flex}.curator-greeting{color:var(--color-brand);letter-spacing:.02em;font-family:Shippori Mincho,Zen Old Mincho,serif;font-size:.95rem;font-weight:700}.curator-text{color:var(--text-secondary);text-align:justify;font-size:.82rem;line-height:1.6}.curator-text em{color:#fff;font-weight:500}.curator-signature{text-align:right;color:var(--text-muted);margin-top:6px;font-family:Shippori Mincho,Zen Old Mincho,serif;font-size:.85rem;font-style:italic}.sidebar-search-box{width:100%;position:relative}.sidebar-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sidebar-search-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff08;padding:12px 14px 12px 38px;font-size:.85rem}.sidebar-search-input:focus{border-color:var(--color-brand);box-shadow:0 0 15px var(--color-brand-glow), var(--border-glow);background:#ffffff0f;outline:none}.stats-list{flex-direction:column;gap:12px;display:flex}.stat-item{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.stat-val{color:#fff;font-weight:700}.feed-empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:14px;padding:50px 20px;display:flex}.empty-icon{color:var(--text-muted);margin-bottom:8px}.reset-search-btn{background:var(--grad-primary);color:var(--text-primary);transition:var(--transition-smooth);border-radius:20px;padding:10px 24px;font-size:.8rem;font-weight:600}.reset-search-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #5dbee54d}.skeleton-pulse *{animation:1.8s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{opacity:.55}50%{opacity:.25}to{opacity:.55}}.skeleton-badge{background:#ffffff14;border-radius:20px;width:140px;height:22px;margin:0 auto 14px}.skeleton-title{background:#ffffff1f;border-radius:8px;width:280px;height:48px;margin:0 auto 12px}.skeleton-subtitle{background:#ffffff12;border-radius:6px;width:440px;height:20px;margin:0 auto}.skeleton-guild-container{border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;margin-bottom:48px;padding-bottom:32px;display:flex}.skeleton-guild-title{background:#ffffff17;border-radius:4px;width:160px;height:24px;margin-bottom:24px}.skeleton-guild-grid{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.skeleton-member-circle{flex-direction:column;align-items:center;gap:8px;width:90px;display:flex}.skeleton-avatar{background:#ffffff17;border-radius:50%;width:68px;height:68px}.skeleton-name{background:#ffffff14;border-radius:4px;width:60px;height:12px}.skeleton-badge-sm{background:#ffffff0f;border-radius:3px;width:32px;height:10px}.skeleton-feed-toolbar{background:#ffffff17;border-radius:4px;width:180px;height:28px;margin-bottom:24px}.skeleton-article-row{border-bottom:1px solid var(--border-color);grid-template-columns:1fr;gap:20px;padding:28px 0;display:grid}@media (width>=600px){.skeleton-article-row{grid-template-columns:1fr 140px;gap:30px}}.skeleton-article-text{flex-direction:column;gap:12px;display:flex}.skeleton-article-meta{background:#ffffff12;border-radius:3px;width:150px;height:14px}.skeleton-article-title{background:#ffffff1a;border-radius:4px;width:80%;height:24px}.skeleton-article-snippet{background:#ffffff0f;border-radius:3px;width:95%;height:16px}.skeleton-article-snippet-short{background:#ffffff0f;border-radius:3px;width:60%;height:16px}.skeleton-article-thumb{border-radius:var(--radius-sm);background:#ffffff12;width:100%;height:140px}.skeleton-widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:14px;height:160px;padding:24px;display:flex}.skeleton-widget-title{background:#ffffff14;border-radius:4px;width:120px;height:16px}.skeleton-widget-body{border-radius:var(--radius-sm);background:#ffffff0a;flex-grow:1}@media (width<=1024px){.mobile-hide{display:none!important}}@media (width<=768px){.contributors-guild-section{text-align:left;border-bottom:1px solid #ffffff0d;margin-bottom:24px;padding-bottom:20px;padding-left:16px}.guild-title{justify-content:flex-start;margin-bottom:16px}.contributors-guild-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:16px;margin:0 -16px;padding:4px 16px 14px;display:flex;overflow-x:auto}.contributors-guild-grid::-webkit-scrollbar{display:none}.guild-member-card{scroll-snap-align:start;flex:0 0 76px;gap:8px}.guild-avatar-wrapper{width:58px;height:58px}.guild-member-name{font-size:.72rem}.guild-member-slug{font-size:.58rem}.skeleton-guild-container{align-items:flex-start;margin-bottom:24px;padding-bottom:20px;padding-left:16px}.skeleton-guild-title{margin-bottom:16px}.skeleton-guild-grid{flex-wrap:nowrap;justify-content:flex-start;gap:16px;margin:0 -16px;padding:0 16px;overflow-x:hidden}.skeleton-member-circle{flex:0 0 76px}.skeleton-avatar{width:58px;height:58px}}@media (width<=600px){.home-masthead{margin-bottom:24px;padding:20px 0}.masthead-title{margin-bottom:6px;font-size:1.8rem}.masthead-subtitle{font-size:.8rem;line-height:1.45}.editorial-item{grid-template-columns:28px 1fr;gap:14px;padding:20px 0}.editorial-rank-number{font-size:1.15rem}.editorial-item-text{gap:8px}.editorial-item-title{font-size:1.05rem;line-height:1.35}.editorial-item-snippet{font-size:.82rem;line-height:1.45}.editorial-item-meta{font-size:.72rem}}:root{--font-sans:"Outfit", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-brand:#5dbee5;--color-brand-hover:#31addd;--color-brand-glow:#5dbee526;--color-brand-glow-strong:#5dbee566;--bg-dark:#0c1322;--bg-card:#141f38a6;--bg-card-hover:#1b294bcc;--bg-modal:#0f1729f2;--border-color:#22345e66;--border-color-hover:#5dbee54d;--border-glow:0 0 15px #5dbee51a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#627084;--grad-primary:linear-gradient(135deg, #5dbee5, #558bf6);--grad-card:linear-gradient(135deg, #141f38e6, #10192de6);--grad-overlay:linear-gradient(180deg, transparent 40%, #0f172af2);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-circle:50%;--blur-val:blur(16px);--glass-shadow:0 8px 32px 0 #0006;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(at 0 0,#5dbee50d 0,#0000 50%),radial-gradient(at 100% 100%,#558bf60d 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-dark);transition:var(--transition-smooth);background:#1e2e52;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-brand)}.app-container{flex-direction:column;max-width:1300px;min-height:100vh;margin:0 auto;padding:0 24px 60px;display:flex}.main-content{flex-direction:column;flex-grow:1;gap:32px;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.loading-container,.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:80px 0;animation:.5s ease-out fadeIn;display:flex}.spinner{border:3px solid #5dbee51a;border-top-color:var(--color-brand);width:50px;height:50px;box-shadow:var(--border-glow);border-radius:50%;animation:1s cubic-bezier(.5,.1,.5,.9) infinite spin}.loading-text{color:var(--text-secondary);letter-spacing:.05em;font-size:1.1rem;font-weight:300}.error-card{background:var(--bg-card);border-radius:var(--radius-md);max-width:480px;-webkit-backdrop-filter:var(--blur-val);backdrop-filter:var(--blur-val);box-shadow:var(--glass-shadow);border:1px solid #eb474733;padding:40px}.error-title{color:#ed5e5e;margin-bottom:12px;font-size:1.5rem}.error-message{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.retry-button{background:var(--grad-primary);color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-smooth);padding:12px 28px;font-weight:600}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5dbee54d}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.notfound-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:75vh;padding:40px 24px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.notfound-artwork{justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex;position:relative}.notfound-glow{filter:blur(15px);pointer-events:none;background:radial-gradient(circle,#5dbee52e 0%,#0000 70%);width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notfound-icon-wrapper{color:var(--color-brand);filter:drop-shadow(0 0 15px var(--color-brand-glow-strong));z-index:2;-webkit-user-select:none;user-select:none;font-size:4.5rem;line-height:1;animation:4s ease-in-out infinite float-icon}@keyframes float-icon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}.notfound-code{background:linear-gradient(135deg, #fff 40%, var(--color-brand));-webkit-text-fill-color:transparent;letter-spacing:-.05em;text-shadow:0 8px 24px #0006;-webkit-background-clip:text;margin:0 0 8px;font-family:Shippori Mincho,Zen Old Mincho,serif;font-size:7.5rem;font-weight:900;line-height:1}.notfound-title{font-family:var(--font-sans);color:#fff;letter-spacing:-.01em;margin:12px 0 10px;font-size:1.8rem;font-weight:800}.notfound-subtitle{color:var(--text-secondary);max-width:480px;margin:0 auto 36px;font-size:.95rem;font-weight:350;line-height:1.6}.notfound-btn{background:var(--color-brand-glow);border:1px solid var(--color-brand);color:var(--color-brand);transition:var(--transition-smooth);border-radius:30px;align-items:center;gap:10px;padding:12px 28px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #0003}.notfound-btn:hover{background:var(--color-brand);color:var(--bg-dark);transform:translateY(-2px);box-shadow:0 8px 24px #5dbee559}.notfound-btn svg{transition:var(--transition-smooth)}.notfound-btn:hover svg{transform:translate(-4px)}