:root{--pico-primary: #d4a5a5;--pico-primary-hover: #c99393;--pico-primary-focus: rgba(212, 165, 165, .25);--pico-primary-inverse: #fff;--pico-background-color: #faf8f5;--pico-color: #4a4543;--pico-card-background-color: #ffffff;--pico-card-border-color: #e8e4df;--pico-card-box-shadow: 0 2px 8px rgba(74, 69, 67, .06);--pico-secondary: #8b8178;--pico-secondary-hover: #7a7068;--pico-secondary-focus: rgba(139, 129, 120, .25);--pico-secondary-inverse: #fff;--pico-muted-color: #a39e97;--pico-muted-border-color: #e8e4df;--pico-form-element-background-color: #fff;--pico-form-element-border-color: #e0dbd5;--pico-form-element-focus-color: var(--pico-primary);--pico-border-radius: 12px;--pico-spacing: 1.25rem;--pico-font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic", "Meiryo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--pico-font-size: 16px;--pico-line-height: 1.7}body{background-color:var(--pico-background-color);font-feature-settings:"palt";letter-spacing:.02em}.layout{min-height:100vh;display:flex;flex-direction:column}.layout>main{flex:1;padding-top:1rem;padding-bottom:2rem}.layout>header{background:var(--pico-card-background-color);border-bottom:1px solid var(--pico-card-border-color);box-shadow:0 1px 3px #0000000a}.layout>footer{padding:1.5rem 0;text-align:center;border-top:1px solid var(--pico-card-border-color);background:var(--pico-card-background-color)}.app-title{color:var(--pico-primary);font-weight:600;letter-spacing:.05em}.instance-badge{margin-left:.75rem;padding:.2rem .6rem;background:var(--pico-background-color);border-radius:20px;color:var(--pico-muted-color);font-size:.75rem}.readonly-badge{padding:.25rem .65rem;background:#eab30826;border:1px solid rgba(234,179,8,.4);border-radius:20px;color:#92400e;font-size:.75rem;font-weight:500;cursor:help;transition:all .2s ease}.readonly-badge:hover{background:#eab30840;border-color:#eab30899}.footer-text{color:var(--pico-muted-color)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-card{max-width:400px;width:100%;background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);box-shadow:var(--pico-card-box-shadow);border:1px solid var(--pico-card-border-color)}.login-card header{text-align:center;padding-bottom:0}.login-title{color:var(--pico-primary);font-size:2rem;font-weight:600;margin-bottom:.5rem;letter-spacing:.1em}.login-subtitle{color:var(--pico-muted-color);font-size:.9rem;margin-bottom:0}.login-card footer{text-align:center;padding-top:0}.login-help{color:var(--pico-muted-color)}.login-method-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:0 1.5rem}.login-method-tabs button{flex:1;padding:.5rem 1rem;border:1px solid var(--pico-card-border-color);background:transparent;color:var(--pico-muted-color);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease;margin:0}.login-method-tabs button:hover{border-color:var(--pico-primary);color:var(--pico-primary);transform:none}.login-method-tabs button.active{background:var(--pico-primary);border-color:var(--pico-primary);color:#fff}.success-message{background:#f0fdf4;border:2px solid #22c55e;border-radius:var(--pico-border-radius);padding:1.5rem;margin-bottom:1rem;animation:slideInDown .4s ease-out;text-align:center}.success-message p{color:#15803d;margin:0;font-size:1.125rem;font-weight:600}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--pico-border-radius);padding:.75rem 1rem;margin-bottom:1rem}.error-message p{color:#b91c1c;margin:0;font-size:.875rem}.error-message a{color:#b91c1c;text-decoration:underline;margin-top:.5rem;display:inline-block}.timeline-selector-container{max-width:800px;margin:0 auto}.timeline-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);border:1px solid var(--pico-card-border-color);overflow-x:auto;scrollbar-width:thin;flex-wrap:wrap}.timeline-tabs::-webkit-scrollbar{height:6px}.timeline-tabs::-webkit-scrollbar-thumb{background:var(--pico-muted-border-color);border-radius:3px}.timeline-tab{padding:.6rem 1.2rem;border:1px solid var(--pico-card-border-color);background:transparent;color:var(--pico-muted-color);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin:0;white-space:nowrap;flex-shrink:0}.timeline-tab:hover{border-color:var(--pico-primary);color:var(--pico-primary);background:#d4a5a50d;transform:translateY(-1px)}.timeline-tab.active{background:var(--pico-primary);border-color:var(--pico-primary);color:#fff;font-weight:500}.timeline-tab.active:hover{transform:translateY(0)}.timeline{max-width:600px;margin:0 auto}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.timeline-header h2{margin:0;font-size:1.25rem;font-weight:500;color:var(--pico-color)}.timeline-header button{padding:.5rem 1rem;font-size:.875rem}.timeline-loading,.timeline-error,.timeline-empty{text-align:center;padding:3rem 1rem;color:var(--pico-muted-color)}.timeline-notes{display:flex;flex-direction:column;gap:1rem}.note{background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);border:1px solid var(--pico-card-border-color);padding:1rem 1.25rem;box-shadow:var(--pico-card-box-shadow);margin:0;transition:box-shadow .2s ease}.note:hover{box-shadow:0 4px 12px #4a454314}.renote-indicator{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--pico-muted-border-color)}.renote-indicator small{color:var(--pico-muted-color);font-size:.8rem}.note-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar.small{width:28px;height:28px}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--pico-primary) 0%,#e8c4c4 100%);flex-shrink:0}.avatar-placeholder.small{width:28px;height:28px}.note-author{flex:1;min-width:0}.display-name{display:block;font-weight:500;color:var(--pico-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.username{display:block;color:var(--pico-muted-color);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-time{color:var(--pico-muted-color);font-size:.8rem;flex-shrink:0}.note-content{margin-left:calc(40px + .75rem)}.note-text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6;color:var(--pico-color)}.content-warning{background:#fef3c7;border-radius:8px;padding:.5rem .75rem;margin:0 0 .5rem;font-size:.9rem;color:#92400e}.cw-toggle{padding:.25rem .75rem;font-size:.8rem;margin-bottom:.5rem}.renoted-note{background:var(--pico-background-color);border-radius:8px;padding:.75rem;border:1px solid var(--pico-muted-border-color)}.renoted-note .note-header{margin-bottom:.5rem}.renoted-note .note-content{margin-left:calc(28px + .75rem)}.emoji-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.emoji-picker-modal{background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);box-shadow:0 8px 32px #0003;max-width:420px;width:90%;max-height:520px;display:flex;flex-direction:column;animation:fadeInScale .2s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.emoji-picker-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--pico-card-border-color);background:var(--pico-background-color);border-radius:var(--pico-border-radius) var(--pico-border-radius) 0 0}.emoji-search{flex:1;border:1px solid var(--pico-form-element-border-color);border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem;background:var(--pico-card-background-color)}.emoji-search:focus{outline:none;border-color:var(--pico-primary)}.emoji-close{width:2rem;height:2rem;border:none;background:transparent;font-size:1.75rem;cursor:pointer;color:var(--pico-muted-color);padding:0;line-height:1;transition:color .2s}.emoji-close:hover{color:var(--pico-color)}.emoji-categories{display:flex;overflow-x:auto;gap:.25rem;padding:.5rem .75rem;border-bottom:1px solid var(--pico-card-border-color);background:var(--pico-background-color);scrollbar-width:thin}.emoji-categories::-webkit-scrollbar{height:4px}.emoji-categories::-webkit-scrollbar-thumb{background:var(--pico-muted-border-color);border-radius:2px}.emoji-category-tab{padding:.3rem .75rem;border-radius:1rem;border:none;background:transparent;cursor:pointer;white-space:nowrap;font-size:.85rem;transition:all .2s;color:var(--pico-muted-color)}.emoji-category-tab:hover{background:var(--pico-card-background-color);color:var(--pico-color)}.emoji-category-tab.active{background:var(--pico-primary);color:#fff}.emoji-grid{overflow-y:auto;flex:1;background:var(--pico-card-background-color);padding:.75rem}.emoji-grid-content{width:100%}.emoji-grid-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.25rem;will-change:transform}.emoji-grid::-webkit-scrollbar{width:8px}.emoji-grid::-webkit-scrollbar-thumb{background:var(--pico-muted-border-color);border-radius:4px}.emoji-item{aspect-ratio:1;border:none;background:transparent;cursor:pointer;border-radius:.375rem;padding:.25rem;transition:all .15s}.emoji-item:hover{background:var(--pico-background-color);transform:scale(1.1)}.emoji-item img{width:100%;height:100%;object-fit:contain}.emoji-empty{grid-column:1 / -1;text-align:center;padding:2rem 1rem;color:var(--pico-muted-color)}.emoji-empty p{margin:0}.image-gallery{display:grid;gap:.5rem;margin-top:.75rem;border-radius:8px;overflow:hidden}.image-gallery.single{grid-template-columns:1fr;justify-items:center}.image-gallery.double,.image-gallery.triple{grid-template-columns:1fr 1fr}.image-gallery.triple .image-attachment:first-child{grid-column:1 / -1;justify-self:center}.image-gallery.multiple{grid-template-columns:1fr 1fr}.image-attachment{position:relative;width:100%;max-width:600px;max-height:600px;overflow:hidden;border-radius:8px;background:var(--pico-background-color);transition:transform .2s ease;aspect-ratio:auto}.image-attachment:hover{transform:scale(1.01)}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;filter:blur(20px);transform:scale(1.1);z-index:0}.image-content{position:relative;width:100%;height:100%;object-fit:contain;display:block;background:#f5f5f5;z-index:1}.image-loading{opacity:0;transition:opacity .3s ease}.image-loaded{opacity:1}.image-sensitive-hidden{width:100%;height:100%;object-fit:cover;display:block;filter:blur(40px);transform:scale(1.1)}.sensitive-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;cursor:pointer;transition:background .2s ease}.sensitive-overlay:hover{background:#0006}.sensitive-warning{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fffffff2;border-radius:8px;text-align:center;box-shadow:0 4px 12px #00000026}.sensitive-icon{font-size:2rem}.sensitive-text{font-weight:600;color:var(--pico-color);font-size:.9rem}.sensitive-hint{color:var(--pico-muted-color);font-size:.75rem}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;animation:lightbox-fade-in .2s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:95vh;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #00000080;cursor:zoom-out;animation:lightbox-zoom-in .2s ease}@keyframes lightbox-zoom-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:fixed;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;font-size:2rem;font-weight:300;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;z-index:10000}.lightbox-close:hover{background:#ffffff4d;border-color:#ffffff80;transform:rotate(90deg)}.lightbox-close:active{transform:rotate(90deg) scale(.95)}@media(max-width:576px){.image-gallery.double,.image-gallery.triple,.image-gallery.multiple{grid-template-columns:1fr}.image-gallery.triple .image-attachment:first-child{grid-column:auto}.lightbox-overlay{padding:1rem}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem}.lightbox-image{max-height:90vh}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:50vh}.loading-container p{color:var(--pico-muted-color);font-size:1rem}button,[role=button]{border-radius:var(--pico-border-radius);font-weight:500;letter-spacing:.02em;transition:all .2s ease}button:not(.outline):not(.secondary):hover{transform:translateY(-1px)}input,select,textarea{border-radius:var(--pico-border-radius);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--pico-primary);box-shadow:0 0 0 3px var(--pico-primary-focus)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.streaming-indicator{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:#10b981;font-weight:600}@media(max-width:576px){.login-page{padding:3rem 1rem 1rem;align-items:flex-start}.login-card{box-shadow:none;border:none;background:transparent}.note-content{margin-left:0;margin-top:.5rem}.timeline-header{flex-direction:column;gap:1rem;align-items:flex-start}}.mfm-content{word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.mfm-code-block{background:var(--mfm-code-bg, #f5f5f5);border:1px solid var(--mfm-code-border, #ddd);border-radius:4px;padding:1em;overflow-x:auto;margin:.5em 0}.mfm-code-block code{background:transparent;padding:0;border:none}code{background:var(--mfm-inline-code-bg, #f5f5f5);padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.mfm-quote{border-left:4px solid var(--mfm-quote-border, #ccc);padding-left:1em;margin:.5em 0;color:var(--mfm-quote-color, #666)}.mfm-center{text-align:center;margin:.5em 0}.mfm-url,.mfm-link{color:var(--link-color, #0066cc);text-decoration:none}.mfm-url:hover,.mfm-link:hover{text-decoration:underline}.mfm-link-silent{color:inherit}.mfm-mention{color:var(--mention-color, #008000);text-decoration:none;font-weight:500}.mfm-mention:hover{text-decoration:underline}.mfm-hashtag{color:var(--hashtag-color, #1e90ff);text-decoration:none;font-weight:500}.mfm-hashtag:hover{text-decoration:underline}.mfm-emoji{font-size:1.2em;vertical-align:-.1em}.mfm-emoji-image{display:inline-block;height:1.5em;width:auto;vertical-align:-.3em;margin:0 .1em;object-fit:contain}.mfm-emoji-code{display:inline-block;font-weight:500;color:var(--mfm-emoji-fallback-color, #888)}.mfm-math-inline{font-family:Computer Modern,serif;font-style:italic}.mfm-math-block{margin:.5em 0;text-align:center;font-family:Computer Modern,serif;font-style:italic}.mfm-search{display:inline-flex;align-items:center;gap:.5em;padding:.5em;background:var(--mfm-search-bg, #f0f0f0);border-radius:4px;margin:.5em 0}.mfm-search-button{padding:.3em .8em;background:var(--primary-color, #0066cc);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.9em}.mfm-search-button:hover{background:var(--primary-color-hover, #0052a3)}.mfm-fn{display:inline-block}.mfm-fn-tada{animation:mfm-tada 1s ease-in-out infinite;transform-origin:center}@keyframes mfm-tada{0%,to{transform:scale(1) rotate(0)}10%,30%{transform:scale(.9) rotate(-3deg)}20%,40%{transform:scale(1.1) rotate(3deg)}50%{transform:scale(1.1) rotate(-3deg)}60%{transform:scale(1.1) rotate(3deg)}70%{transform:scale(1) rotate(0)}}.mfm-fn-jelly{animation:mfm-jelly 1s ease-in-out infinite;transform-origin:center}@keyframes mfm-jelly{0%,to{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(1.1) scaleY(.9)}50%{transform:scaleX(.9) scaleY(1.1)}75%{transform:scaleX(1.05) scaleY(.95)}}.mfm-fn-bounce{animation:mfm-bounce .75s ease-in-out infinite;transform-origin:center bottom}@keyframes mfm-bounce{0%,to{transform:translateY(0) scaleY(1)}25%{transform:translateY(-.3em) scaleY(1.1)}50%{transform:translateY(0) scaleY(.9)}}.mfm-fn-spin{animation:mfm-spin 1.5s linear infinite}@keyframes mfm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mfm-fn-shake{animation:mfm-shake .3s ease-in-out infinite}@keyframes mfm-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px) rotate(-2deg)}75%{transform:translate(4px) rotate(2deg)}}.mfm-fn-twitch{animation:mfm-twitch .5s ease-in-out infinite}@keyframes mfm-twitch{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,2px) rotate(-2deg)}50%{transform:translate(2px,-2px) rotate(2deg)}75%{transform:translate(-2px,-2px) rotate(-1deg)}}.mfm-fn-rainbow{animation:mfm-rainbow 2s linear infinite;background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}@keyframes mfm-rainbow{0%{background-position:0% 50%}to{background-position:200% 50%}}.mfm-fn-flip{display:inline-block;transform:scaleX(-1)}.mfm-fn-x2{font-size:2em}.mfm-fn-x3{font-size:3em}.mfm-fn-x4{font-size:4em}.mfm-fn-blur{filter:blur(4px);transition:filter .3s}.mfm-fn-blur:hover{filter:blur(0)}.mfm-fn-rotate{display:inline-block;transform:rotate(90deg)}.mfm-fn-font-serif{font-family:serif}.mfm-fn-font-monospace{font-family:monospace}.mfm-fn-font-cursive{font-family:cursive}.mfm-fn-font-fantasy{font-family:fantasy}@media(prefers-color-scheme:dark){.mfm-code-block{background:var(--mfm-code-bg, #2d2d2d);border-color:var(--mfm-code-border, #444)}code{background:var(--mfm-inline-code-bg, #2d2d2d)}.mfm-quote{border-left-color:var(--mfm-quote-border, #666);color:var(--mfm-quote-color, #aaa)}.mfm-search{background:var(--mfm-search-bg, #2d2d2d)}}@media(max-width:768px){.mfm-fn-x3{font-size:2em}.mfm-fn-x4{font-size:2.5em}}@media(prefers-reduced-motion:reduce){.mfm-fn-tada,.mfm-fn-jelly,.mfm-fn-bounce,.mfm-fn-spin,.mfm-fn-shake,.mfm-fn-twitch,.mfm-fn-rainbow{animation:none}.mfm-fn-blur{filter:none}}.perf-section{margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.perf-section h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.stat-card{padding:1rem;background:var(--background);border-radius:6px;border:1px solid var(--border)}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.perf-details{margin-top:1rem}.perf-details summary{cursor:pointer;padding:.5rem;background:var(--background);border-radius:4px;font-weight:500;-webkit-user-select:none;user-select:none}.perf-details summary:hover{background:var(--surface)}.perf-table{width:100%;margin-top:1rem;border-collapse:collapse}.perf-table thead{background:var(--surface)}.perf-table th{padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border)}.perf-table td{padding:.75rem;border-bottom:1px solid var(--border)}.perf-table tr:hover{background:var(--surface)}.perf-table .success{color:var(--success, #22c55e)}.perf-table .error{color:var(--error, #ef4444)}.no-data{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic}.perf-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.perf-actions button{flex:1;min-width:150px}