*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#ffffff;--fg:#1a1a1a;--fg-secondary:#666;--border:#e5e5e5;--accent:#0066cc;--card-bg:#fafafa;--shadow:0 1px 3px rgba(0, 0, 0, 0.1);--radius:8px;--max-width:720px}@media(prefers-color-scheme:dark){:root{--bg:#1a1a1a;--fg:#e5e5e5;--fg-secondary:#999;--border:#333;--accent:#5c9eff;--card-bg:#252525;--shadow:0 1px 3px rgba(0, 0, 0, 0.3)}}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif;font-size:16px;line-height:1.6;color:var(--fg);background-color:var(--bg);-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;padding:20px}.site-header{padding:40px 0 30px;text-align:center;border-bottom:1px solid var(--border);margin-bottom:30px}.site-title{font-size:1.8em;font-weight:700;margin-bottom:8px}.site-title a{color:var(--fg);text-decoration:none}.site-description{color:var(--fg-secondary);font-size:.95em}.main{min-height:60vh}.whisper-timeline{display:flex;flex-direction:column;gap:20px}.whisper-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.whisper-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.whisper-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.whisper-meta{display:flex;flex-direction:column}.whisper-author{font-weight:600;font-size:1em}.whisper-date{font-size:.85em;color:var(--fg-secondary)}.whisper-content{font-size:1em;line-height:1.7;margin-bottom:15px}.whisper-content p{margin-bottom:10px}.whisper-content p:last-child{margin-bottom:0}.whisper-image{margin-bottom:15px;border-radius:var(--radius);overflow:hidden}.whisper-images{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.whisper-images .whisper-image{margin-bottom:0}.whisper-image img{width:100%;height:auto;display:block}.whisper-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border);font-size:.9em}.whisper-link{color:var(--accent);text-decoration:none}.whisper-link:hover{text-decoration:underline}.whisper-reply-count{color:var(--fg-secondary)}.whisper-single{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.reply-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--border)}.reply-title{font-size:1.2em;margin-bottom:20px;font-weight:600}.reply-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.reply-item{display:flex;gap:12px;padding:12px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.reply-item.reply-role{background:rgba(0,102,204,5%);border-color:rgba(0,102,204,.2)}@media(prefers-color-scheme:dark){.reply-item.reply-role{background:rgba(92,158,255,.1);border-color:rgba(92,158,255,.2)}}.reply-avatar{font-size:1.5em;line-height:1;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.reply-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.reply-content{flex:1;min-width:0;display:flex;flex-direction:column}.reply-header{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-bottom:8px;font-size:.85em;line-height:1.4}.reply-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.85em;color:var(--fg-secondary)}.reply-actions{display:flex;align-items:center;gap:10px}.reply-floor{color:var(--fg-secondary);font-weight:500}.reply-nickname{font-weight:600}.reply-time{color:var(--fg-secondary)}.reply-text{font-size:.95em;line-height:1.6;word-wrap:break-word}.reply-to{color:var(--fg-secondary)}.reply-to-name{color:var(--accent);font-weight:500}.reply-btn{background:0 0;border:none;color:var(--fg-secondary);font-size:1em;cursor:pointer;padding:0;flex-shrink:0}.reply-btn:hover{color:var(--accent);text-decoration:underline}.no-replies{text-align:center;color:var(--fg-secondary);padding:30px 0;font-size:.95em}.cancel-reply-hint{font-size:.9em;color:var(--fg-secondary);margin-bottom:5px}#cancel-reply-btn{background:0 0;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:inherit}#cancel-reply-btn:hover{text-decoration:underline}.reply-form{display:flex;flex-direction:column;gap:10px}.reply-form input,.reply-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-family:inherit;font-size:.95em;resize:vertical}.reply-form input:focus,.reply-form textarea:focus{outline:none;border-color:var(--accent)}.reply-form button{align-self:flex-end;padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.95em;cursor:pointer;transition:opacity .2s}.reply-form button:hover{opacity:.9}.site-footer{margin-top:50px;padding-top:20px;border-top:1px solid var(--border);text-align:center;color:var(--fg-secondary);font-size:.9em}@media(max-width:640px){.container{padding:15px}.site-header{padding:30px 0 20px}.whisper-card{padding:15px}.whisper-single{padding:20px}}.whisper-image{position:relative;background:var(--card-bg);aspect-ratio:3/2;overflow:hidden}.whisper-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.whisper-card,.reply-item{contain:layout paint}.pagination{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"pages pages pages" "prev  jump  next";gap:12px;justify-items:center;align-items:center;margin-top:30px;padding:20px 0}.pagination-prev{grid-area:prev}.pagination-pages{grid-area:pages}.pagination-jump{grid-area:jump}.pagination-next{grid-area:next}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.9em;text-decoration:none;transition:all .2s ease}.pagination-btn:not(.pagination-disabled){background:var(--card-bg);border:1px solid var(--border);color:var(--fg)}.pagination-btn:not(.pagination-disabled):hover{border-color:var(--accent);color:var(--accent)}.pagination-disabled{color:var(--fg-secondary);opacity:.3;cursor:not-allowed}.pagination-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pagination-page{min-width:36px;height:36px;padding:0 10px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.9em;text-decoration:none;transition:all .2s ease;background:var(--card-bg);border:1px solid var(--border);color:var(--fg)}.pagination-page:hover{border-color:var(--accent);color:var(--accent)}.pagination-page.pagination-current{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default}.pagination-ellipsis{display:flex;align-items:center;color:var(--fg-secondary);font-size:.9em;user-select:none}.pagination-jump{}.pagination-jump-input{width:50px;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--fg);font-size:.9em;text-align:center;transition:border-color .2s ease}.pagination-jump-input:focus{outline:none;border-color:var(--accent)}.pagination-jump-input::placeholder{color:var(--fg-secondary);font-size:.85em}.pagination-jump-input::-webkit-outer-spin-button,.pagination-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-jump-input[type=number]{-moz-appearance:textfield}