:root{--text-color:#333;--bg-color:#fcfcfc;--header-bg:#fff;--header-text:#333;--accent-color:#0056b3;--border-color:#eaeaea;--card-bg:#fff;--font-main:'Noto Sans JP', sans-serif;--input-bg:#fff;--input-border:#ddd;--header-offset:100px;--footer-bg:#f7f9fc;--footer-text:#233042;--footer-subtext:#5e6b7d;--footer-border:#dbe2ec;--footer-chip-bg:#ffffff;}[data-theme="dark"]{--text-color:#e0e0e0;--bg-color:#121212;--header-bg:#1e1e1e;--header-text:#e0e0e0;--accent-color:#4dabf7;--border-color:#333;--card-bg:#1e1e1e;--input-bg:#2d2d2d;--input-border:#444;--footer-bg:#171b20;--footer-text:#e7edf5;--footer-subtext:#9ca8b8;--footer-border:#2a323d;--footer-chip-bg:#1f2630;}body{font-family:var(--font-main);color:var(--text-color);background-color:var(--bg-color);line-height:1.8;margin:0;padding:calc(var(--header-offset) + 16px) 0 0 0;transition:background-color 0.3s, color 0.3s;}#reading-progress-bar{position:fixed;top:0;left:0;width:0%;height:4px;background:var(--accent-color);z-index:10000;transition:width 0.1s ease-out;}.container{max-width:800px;margin:0 auto;padding:0 20px;}a{color:var(--text-color);text-decoration:none;transition:0.3s;}a:hover{color:var(--accent-color);}.site-header{background-color:var(--header-bg);padding:15px 0;border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;transition:background-color 0.3s;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;backface-visibility:hidden;}.site-header .container{display:flex;justify-content:space-between;align-items:center;}.logo a{font-size:1.5rem;font-weight:700;letter-spacing:0.05em;color:var(--header-text);}.header-actions{display:flex;align-items:center;gap:15px;}.header-btn{background:none;border:none;cursor:pointer;color:var(--header-text);padding:5px;font-size:1.1rem;display:flex;align-items:center;}.header-btn:hover{opacity:0.7;}.admin-nav{display:flex;font-size:0.85rem;}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1200;backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;}.overlay.active{opacity:1;visibility:visible;}.menu-drawer{position:fixed;top:0;right:0;width:280px;height:100%;background:var(--card-bg);box-shadow:-2px 0 10px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1201;display:flex;flex-direction:column;}.overlay.active .menu-drawer{transform:translateX(0);}.drawer-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);}.drawer-header h3{margin:0;font-size:1.2rem;}.close-btn{background:none;border:none;font-size:1.8rem;color:var(--text-color);cursor:pointer;line-height:1;}.drawer-nav{display:flex;flex-direction:column;padding:20px;gap:10px;}.drawer-nav a{padding:12px 15px;border-radius:8px;font-size:1rem;border:1px solid transparent;}.drawer-nav a:hover{background:rgba(0,0,0,0.05);color:var(--accent-color);}[data-theme="dark"] .drawer-nav a:hover{background:rgba(255,255,255,0.05);}.admin-drawer-link{background:var(--accent-color) !important;color:#fff !important;font-weight:700;}.admin-drawer-link:hover{opacity:0.9;}.logout-drawer-link{border:1px solid var(--border-color) !important;color:var(--text-color);opacity:0.8;}.drawer-divider{margin:10px 0;border:0;border-top:1px solid var(--border-color);opacity:0.5;}.site-nav{display:none;}#search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1100;justify-content:center;align-items:flex-start;padding-top:100px;}.search-box{background:var(--card-bg);padding:20px;border-radius:8px;width:90%;max-width:500px;display:flex;gap:10px;}.search-input{flex:1;padding:10px;font-size:1.1rem;border:1px solid var(--input-border);border-radius:4px;background-color:var(--input-bg);color:var(--text-color);}.post-preview{margin-bottom:50px;}.post-title{font-size:1.8rem;margin-bottom:10px;font-weight:700;}.post-meta{font-size:0.85rem;color:#888;margin-bottom:15px;display:block;}.post-snippet{font-size:1rem;color:inherit;opacity:0.8;}.read-more{display:inline-block;margin-top:10px;font-size:0.9rem;font-weight:700;border-bottom:1px solid var(--text-color);}.static-page .page-title{font-size:1.8rem;margin-bottom:20px;}.page-body ul{padding-left:20px;}.simple-list{list-style:none;padding:0;margin:0;}.simple-list li{margin-bottom:10px;}.muted{color:#888;font-size:0.85rem;margin-left:6px;}.contact-form{margin:20px 0;padding:20px;border:1px solid var(--border-color);background:var(--card-bg);border-radius:8px;}.taxonomy-section{margin-top:50px;padding:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;}.taxonomy-title{margin:0 0 12px;font-size:1.1rem;}.taxonomy-select select{width:100%;padding:10px 12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);border-radius:4px;font-size:1rem;}.post-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:18px;}.post-pdf-button{letter-spacing:0.02em;}#post-pdf-target{display:block;}.post-header{margin-bottom:30px;text-align:center;}.post-header .post-title{font-size:2.2rem;line-height:1.25;margin:0 0 10px;font-weight:700;}.post-meta-inline{margin-bottom:15px;}.post-meta-updated{color:#999;margin-left:10px;}.post-taxonomy{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;font-size:0.9rem;}.category-label{background:#eee;padding:4px 10px;border-radius:4px;color:#333;text-decoration:none;}.tags-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}.tag-label{color:var(--accent-color);text-decoration:none;}.post-history-link{margin-top:15px;font-size:0.9rem;}.post-history-link a{color:#666;text-decoration:underline;}.ai-content-notice{margin:15px auto 0;max-width:520px;text-align:left;border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;background:rgba(0,0,0,0.02);break-inside:avoid;page-break-inside:avoid;}.ai-content-notice summary{cursor:pointer;font-weight:700;}.ai-content-notice-body{margin-top:8px;font-size:0.9rem;color:#666;}.post-thumbnail{margin-bottom:40px;text-align:center;break-inside:avoid;page-break-inside:avoid;}.post-thumbnail img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.post-content img{max-width:100%;height:auto;border-radius:4px;margin:20px 0;}.post-content h2{margin-top:40px;font-size:1.5rem;border-left:4px solid var(--accent-color);padding-left:15px;}.post-content p{margin:0;white-space:pre-wrap;}.post-content{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;}.post-content .content-spacer{margin:0;height:1em;display:block;}.post-content pre, .post-content table{max-width:100%;overflow-x:auto;}.google-hashtags{margin-top:40px;padding:20px;background:rgba(0,0,0,0.02);border-radius:8px;break-inside:avoid;page-break-inside:avoid;}.google-hashtags-label{margin-bottom:10px;font-weight:bold;font-size:0.8rem;color:#888;text-transform:uppercase;letter-spacing:0.05em;}.google-hashtags-list{display:flex;gap:10px;flex-wrap:wrap;}.google-hashtags-list a{text-decoration:none;color:#4285F4;font-weight:bold;}.post-actions{margin:30px 0;display:flex;justify-content:flex-start;gap:20px;break-inside:avoid;}.like-button{background:var(--card-bg);border:2px solid var(--border-color);border-radius:50px;padding:8px 24px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;color:var(--text-color);transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.like-button:hover{transform:scale(1.05);border-color:#ff4757;color:#ff4757;}.like-button.liked{background:#ff4757;border-color:#ff4757;color:#fff;}.like-button svg{width:20px;height:20px;fill:currentColor;transition:transform 0.3s ease;}.like-button.liked svg{animation:heartBeat 0.5s ease-out;}@keyframes heartBeat{0%{transform:scale(1);}25%{transform:scale(1.3);}50%{transform:scale(1.1);}75%{transform:scale(1.4);}100%{transform:scale(1.2);}}.like-label{font-size:1rem;}.like-count{font-size:1rem;min-width:20px;margin-left:4px;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);}[data-theme="dark"] .like-count{border-left-color:rgba(255,255,255,0.2);}.like-button.liked .like-count{border-left-color:rgba(255,255,255,0.3);}.form-group{margin-bottom:20px;}input[type="text"], input[type="password"], input[type="url"], textarea, select{width:100%;padding:12px;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);border-radius:4px;font-size:1rem;box-sizing:border-box;}.btn{display:inline-block;padding:8px 16px;background:var(--text-color);color:var(--bg-color);border:1px solid var(--text-color);border-radius:6px;cursor:pointer;font-size:0.9rem;text-decoration:none;transition:all 0.2s ease;font-weight:500;line-height:1.4;}.btn:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,0.1);}.btn:active{transform:translateY(0);}.btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff;}.btn-danger{background:#d9534f;border-color:#d9534f;color:#fff;}.btn-outline{background:transparent;border-color:var(--border-color);color:var(--text-color);}.btn-outline:hover{background:var(--border-color);color:var(--text-color);}.btn-info{background:#17a2b8;border-color:#17a2b8;color:#fff;}.btn-secondary{background:#6c757d;border-color:#6c757d;color:#fff;}.btn-sm{padding:4px 10px;font-size:0.8rem;}.custom-checkbox-container{display:inline-flex;align-items:center;gap:12px;cursor:pointer;user-select:none;font-size:0.9rem;font-weight:500;}.custom-checkbox-container input{display:none !important;}.checkmark{width:36px;height:20px;background-color:#ccc;border-radius:20px;display:inline-block;position:relative;transition:background-color 0.3s;flex-shrink:0;border:none;}.custom-checkbox-container input:checked ~ .checkmark{background-color:var(--accent-color);}.checkmark:after{content:"";position:absolute;display:block !important;left:2px;top:2px;width:16px;height:16px;background-color:white;border-radius:50%;transition:transform 0.3s;box-shadow:0 2px 4px rgba(0,0,0,0.2);border:none;transform:none;}.custom-checkbox-container input:checked ~ .checkmark:after{transform:translateX(16px);}.author-profile{margin-top:50px;padding:25px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;gap:25px;break-inside:avoid;page-break-inside:avoid;}.author-info h3{color:var(--text-color);}.author-info p{color:inherit;opacity:0.8;}table.diff{table-layout:auto !important;width:100% !important;color:#333;}[data-theme="dark"] table.diff{color:#ccc;}[data-theme="dark"] table.diff th{background-color:#333;color:#eee;border-bottom-color:#444;}[data-theme="dark"] table.diff td{border-color:#444;}[data-theme="dark"] .diff_add{background-color:#1e3a23;color:#e6ffec;}[data-theme="dark"] .diff_chg{background-color:#4b4b00;color:#fffbdd;}[data-theme="dark"] .diff_sub{background-color:#4b1e1e;color:#ffebe9;}#editor-container{background:#fff;color:#000;}.flash-messages .flash{background:var(--card-bg);border:1px solid var(--border-color);}.site-footer{margin-top:60px;padding:22px 0 18px;border-top:1px solid var(--footer-border);background:var(--footer-bg);color:var(--footer-text);}.footer-primary-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}.footer-primary-links a{font-size:0.92rem;text-decoration:none;}.footer-primary-links a:hover{text-decoration:underline;text-underline-offset:2px;}.footer-details{margin-top:12px;border-top:1px solid var(--footer-border);padding-top:10px;}.footer-details summary{cursor:pointer;color:var(--footer-subtext);font-size:0.86rem;list-style:none;}.footer-details summary::-webkit-details-marker{display:none;}.footer-details summary::before{content:"+ ";}.footer-details[open] summary::before{content:"- ";}.footer-main{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:14px;margin-top:10px;}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(-10px);}100%{opacity:1;transform:translateY(0);}}.footer-column{padding:0;border:0;border-radius:0;background:transparent;}.footer-column h4{margin:0 0 6px;font-size:0.9rem;font-weight:700;letter-spacing:0.03em;}.footer-column ul{list-style:none;margin:0;padding:0;}.footer-column li{margin-bottom:4px;}.footer-nav-list li{margin:0;}.footer-nav-list a{display:block;padding:4px 0;border-radius:0;border:0;font-size:0.88rem;line-height:1.5;}.footer-nav-list a:hover{background:transparent;text-decoration:underline;text-underline-offset:2px;}.footer-bottom{padding-top:10px;}.copyright{margin:0;font-size:0.8rem;color:var(--footer-subtext);}.site-footer a{color:var(--footer-text);}.site-footer a:hover{color:var(--accent-color);}.footer-trust{border:0;}.footer-trust-list li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;line-height:1.45;}.trust-label{color:var(--footer-subtext);font-size:0.77rem;white-space:nowrap;}.trust-label::after{content:"：";}.trust-value{text-align:right;font-size:0.86rem;}.footer-policy-links{margin-top:6px;display:flex;flex-wrap:wrap;gap:0;}.footer-policy-links a{font-size:0.84rem;padding:0;border:0;border-radius:0;background:transparent;}.footer-policy-links a + a::before{content:" / ";color:var(--footer-subtext);}.footer-column + .footer-column{padding-top:10px;border-top:1px solid var(--footer-border);}html, body{overflow-x:hidden;max-width:100%;width:100%;}.post-thumbnail-wrapper{margin-bottom:15px;border-radius:8px;overflow:hidden;max-height:300px;}.post-thumbnail-wrapper img{width:100%;height:auto;object-fit:cover;}.post-preview-meta{font-size:0.85rem;color:#999;margin-bottom:10px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;}.post-preview-category{background:#eee;padding:2px 8px;border-radius:3px;color:#555;text-decoration:none;}[data-theme="dark"] .post-preview-category{background:#2d2d2d;color:#ccc;}.post-preview-tags{display:flex;gap:5px;}.post-preview-tag{color:var(--accent-color);text-decoration:none;}.post-preview-likes{display:flex;align-items:center;gap:4px;color:#ff4757;font-weight:bold;margin-left:5px;}.pagination-controls{margin-top:40px;display:flex;justify-content:center;gap:15px;}.pagination-info{text-align:center;margin-top:10px;font-size:0.8rem;color:#999;}img.emoji{height:1.2em;width:1.2em;margin:0 .05em 0 .1em;vertical-align:-0.1em;}background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);transition:all 0.3s;}.pagination-controls button:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);}@media (max-width:600px){body{padding-top:calc(var(--header-offset) + 12px);}.container{padding:0 14px;}.admin-nav{display:none;}.site-header{padding:8px 0;}.site-header .container{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;}.logo{width:auto;flex-shrink:1;min-width:0;}.logo a{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}.header-actions{width:auto;justify-content:flex-end;gap:12px;padding-top:0;border-top:none;flex-shrink:0;}.header-btn svg{width:20px;height:20px;}.footer-primary-links{gap:10px 14px;}.footer-main{grid-template-columns:1fr;gap:10px;margin-top:8px;}.footer-trust-list li{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:6px;}.trust-value{text-align:left;font-size:0.9rem;}.trust-label::after{content:"";}.footer-bottom{padding-top:12px;}.author-profile{flex-direction:column;text-align:center;padding:20px;gap:15px;}.author-avatar{margin:0 auto;}.author-links{justify-content:center;flex-wrap:wrap;}.post-content img{max-width:100%;height:auto;}input, textarea{font-size:16px;}.diff-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;}}@media print{.site-header, .site-footer, .no-pdf, #reading-progress-bar{display:none !important;}body{padding-top:0 !important;background:#fff !important;}.container{max-width:none;padding:0;}#post-pdf-target{margin:0;}}.link-card, .link-card-placeholder{border:1px solid var(--border-color);border-radius:4px;margin:4px 0;overflow:hidden;background-color:var(--card-bg);transition:border-color 0.2s;max-width:100%;}.link-card-placeholder{opacity:0.6;position:relative;height:45px;}.link-card:hover{border-color:var(--accent-color);}.link-card a, .link-card-placeholder a{display:block;text-decoration:none;color:inherit;}.link-card-content{display:flex;height:45px;flex-direction:row !important;align-items:center;}.link-card-text{flex:1;padding:0 10px;min-width:0;display:flex;flex-direction:column;justify-content:center;}.link-card-title{font-size:0.82rem;font-weight:700;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;color:var(--text-color);}.link-card-meta{font-size:0.62rem;color:var(--footer-subtext);display:flex;align-items:center;gap:6px;margin-top:1px;}.link-card-site-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}.link-card-url{opacity:0.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.link-card-image{width:45px;height:45px;flex-shrink:0;background-color:rgba(0,0,0,0.02);border-left:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;}.link-card-fallback-icon{color:var(--footer-subtext);opacity:0.5;display:flex;align-items:center;justify-content:center;}.link-card-image img{width:100%;height:100%;object-fit:cover;}[data-theme="dark"] .link-card-image{background-color:rgba(255,255,255,0.03);}@media (max-width:480px){.link-card-content{height:42px;}.link-card-image{width:42px;height:42px;}.link-card-title{font-size:0.8rem;}}