*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-20{height:5rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-neutral-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(245 245 245 / var(--tw-divide-opacity, 1))}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[var\(--border-line\)\]{border-color:var(--border-line)}.border-neutral-200{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.bg-\[\#0d0710\]{--tw-bg-opacity: 1;background-color:rgb(13 7 16 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-600{--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg-base: #0d0710;--bg-panel: #16101f;--bg-panel2: #1c1428;--border-line: #2c2138;--accent-blue: #3ba7ff;--accent-blue-dark:#1c5fa8;--text-main: #e5e1ec;--text-sub: #9a90ab;--danger: #ff5c7a}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--text-main);font-family:Noto Sans JP,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}*{box-sizing:border-box}input,textarea{font-family:inherit}.zatsu-panel{background:var(--bg-panel);border:1px solid var(--border-line);border-radius:1rem}.zatsu-card{background:var(--bg-panel2);border:1px solid var(--border-line);border-radius:.75rem}.zatsu-btn{background:linear-gradient(135deg,#3ba7ff,#1c5fa8);color:#fff;transition:opacity .15s}.zatsu-btn:hover{opacity:.85}.zatsu-btn:disabled{opacity:.4;cursor:not-allowed}.zatsu-btn-outline{border:1px solid var(--accent-blue);color:var(--accent-blue);background:transparent}.zatsu-btn-outline:hover{background:#3ba7ff1a}.zatsu-input{background:#0f0a17;border:1px solid var(--border-line);color:var(--text-main);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.zatsu-input::-moz-placeholder{color:var(--text-sub)}.zatsu-input::placeholder{color:var(--text-sub)}.zatsu-input:focus{outline:none;border-color:var(--accent-blue)}.zatsu-accent{color:var(--accent-blue)}.zatsu-linkish{color:var(--accent-blue);text-decoration:underline;cursor:pointer}.zatsu-tab{color:var(--text-sub);border-bottom:2px solid transparent}.zatsu-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.zatsu-unread{border-color:var(--accent-blue);box-shadow:inset 0 0 0 1px #3ba7ff40;position:relative}.zatsu-unread:before{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--accent-blue)}.zatsu-locked-badge{background:#ff5c7a26;color:var(--danger);border:1px solid rgba(255,92,122,.4)}.zatsu-premium-badge{background:linear-gradient(135deg,#ffd76a,#ff9f4a);color:#2a1a00}.zatsu-pinned{border-color:#ffd64a80!important;background:#ffd64a0f!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-line);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.zatsu-fade-in{animation:zatsuFadeIn .2s ease-out}@keyframes zatsuFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.zatsu-highlight{animation:zatsuHighlight 1.2s ease-out}@keyframes zatsuHighlight{0%{background-color:#ffd64a40}to{background-color:transparent}}.topics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:12px;background:linear-gradient(180deg,#1a1226fa,#150e1ffa);border:1px solid rgba(58,45,76,.96);border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff05}.topics-toolbar-left{display:flex;align-items:baseline;gap:14px;min-width:0}.topics-toolbar-title{margin:0;font-size:1.05rem;font-weight:800;color:#f3eef8;letter-spacing:0}.topics-toolbar-count{font-size:.92rem;color:#b7aec5;white-space:nowrap}.topics-add-btn{flex:none;min-height:44px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.95rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#4db0ff,#3188db);box-shadow:inset 0 1px #ffffff1f,0 6px 18px #12559438}.topics-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.topics-card{background:linear-gradient(180deg,#1b1227,#191123);border:1px solid rgba(56,43,73,.96);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff05}.topics-card-link{min-height:98px;padding:18px 18px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:inherit;text-decoration:none}.topics-card-main{min-width:0;flex:1}.topics-card-title{font-size:1rem;line-height:1.25;font-weight:800;color:#f4eef9;letter-spacing:-.01em;word-break:break-word}.topics-card-desc{margin-top:8px;font-size:.9rem;line-height:1.35;color:#c3b8d2;word-break:break-word}.topics-card-desc.is-empty{color:#8f839f;font-style:italic}.topics-card-side{flex:none;width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;align-self:stretch}.topics-post-count{min-width:32px;height:32px;padding:0 8px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--accent-blue);color:var(--accent-blue);font-size:.96rem;font-weight:700;line-height:1}.topics-card-time{font-size:.8rem;line-height:1;color:#b4a9c4;white-space:nowrap}.topics-empty,.topic-form-card{background:linear-gradient(180deg,#1b1227,#191123);border:1px solid rgba(56,43,73,.96);border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff05}.topics-empty{text-align:center}.topics-empty-title{margin:0;font-size:1rem;font-weight:800;color:#f3eef8}.topics-empty-text{margin:8px 0 16px;font-size:.88rem;line-height:1.45;color:#b8afc6}.topic-form-title{margin:0;font-size:1rem;font-weight:800;color:#f3eef8}.topic-form-stack{margin-top:14px;display:flex;flex-direction:column;gap:12px}.topic-field-label{display:block;margin-bottom:6px;font-size:.78rem;color:#a79cb7}.topic-form-actions{display:flex;justify-content:space-between;gap:10px}.topic-back-link{color:var(--accent-blue);text-decoration:none}.topic-detail-desc{margin-top:8px;font-size:.92rem;line-height:1.5;color:#cbc2d7;white-space:pre-wrap}.topics-toolbar--list{padding:16px 14px 14px;border-radius:0;margin:-14px -10px 14px;border-left:0;border-right:0;border-top:0;background:#0a0610f5;box-shadow:none}.topics-toolbar--list .topics-toolbar-title{font-size:1.18rem;font-weight:800;color:#f3eef8}.topics-list--cards{gap:14px}.topic-list-card{position:relative;background:linear-gradient(180deg,#181024,#181023);border:1px solid rgba(65,51,84,.92);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff05}.topic-list-card-link{display:block;padding:18px 16px 0;color:inherit;text-decoration:none}.topic-list-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.topic-list-title{min-width:0;flex:1;font-size:1.02rem;line-height:1.28;font-weight:800;color:#f4eef9;word-break:break-word}.topic-list-comment{flex:none;display:inline-flex;align-items:center;gap:4px;color:#a8a0b5;padding-top:1px}.topic-list-comment-icon{display:inline-flex;width:18px;height:18px}.topic-list-comment-icon svg{width:18px;height:18px;display:block}.topic-list-comment-count{font-size:.95rem;line-height:1}.topic-list-meta{margin-top:7px;font-size:.95rem;line-height:1.25;color:#988ea8}.topic-list-meta-dot{margin:0 3px}.topic-list-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 14px}.topic-list-actions-left{display:inline-flex;align-items:center;gap:10px;color:#8f849f}.topic-list-icon-btn{border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;gap:4px;padding:0;font-size:.92rem}.topic-list-icon-btn[disabled],.topic-list-menu-btn[disabled]{opacity:.45}.topic-list-inline-icon{display:inline-flex;width:16px;height:16px}.topic-list-inline-icon svg{width:16px;height:16px;display:block}.topic-list-menu-btn{width:28px;height:28px;color:#8f849f}.topic-list-trash-btn{border:0;background:transparent;color:#8f849f;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0}.topic-list-trash-btn svg{width:17px;height:17px;display:block}.topic-create-modal[hidden]{display:none}.topic-create-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.topic-create-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000094}.topic-create-panel{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#1b1227,#191123);border:1px solid rgba(65,51,84,.94);border-radius:18px;box-shadow:0 18px 48px #00000073,inset 0 0 0 1px #ffffff05;padding:24px 16px 16px}.topic-create-title{font-size:1.1rem;font-weight:800;color:#f4eef9}.topic-create-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.topic-create-input,.topic-create-textarea{width:100%;border-radius:14px;background:#0c0713;border-color:#382b49f5;font-size:1rem;color:#ddd5e7}.topic-create-input{height:50px;padding:0 14px}.topic-create-textarea{min-height:148px;padding:14px;resize:none}.topic-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:2px}.topic-create-cancel,.topic-create-cancel-link{border:0;background:transparent;color:#f1ebf8;font-size:1rem;text-decoration:none}.topic-create-submit{min-width:106px;height:46px;border:0;border-radius:12px;padding:0 18px;font-size:1rem;font-weight:700}.zatsu-bottom-nav{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:20;background:#16101ffa;border-top:1px solid var(--border-line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 0 calc(8px + env(safe-area-inset-bottom,0px));min-height:72px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zatsu-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;min-height:72px;font-size:.75rem;color:#b9b0c7;text-decoration:none}.zatsu-bottom-nav-item.active{color:var(--accent-blue)}.nav-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-label{line-height:1;font-size:.75rem}.zatsu-bottom-nav-badge{position:absolute;top:-2px;right:-4px;min-width:15px;height:15px;padding:0 4px;border-radius:9999px;background:#ff4343;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bg-panel)}.timeline-like-icon svg,.timeline-menu-btn svg{width:18px;height:18px;display:block}.nav-icon,.top-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.nav-icon svg,.top-icon svg{width:22px;height:22px;display:block}.zatsu-topbar{position:sticky;top:0;z-index:30;height:56px;display:flex;align-items:center;padding:0 18px;background:#16101ff5;border-bottom:1px solid rgba(44,33,56,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zatsu-topbar-title{font-weight:700;letter-spacing:0;font-size:1.08rem;color:#f2eff8}.zatsu-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.zatsu-topbar-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9999px;color:#d6cfdf}.zatsu-topbar-icon:hover{background:#ffffff0d;color:var(--text-main)}.zatsu-topbar-dot{position:absolute;top:1px;right:1px;width:8px;height:8px;border-radius:9999px;background:var(--accent-blue);border:2px solid var(--bg-panel)}.zatsu-main{width:100%;max-width:100%;margin:0 auto;padding:14px 10px calc(84px + env(safe-area-inset-bottom,0px))}@media (min-width: 640px){.zatsu-main{max-width:32rem;padding-left:14px;padding-right:14px}}.avatar-circle{border:1px solid var(--border-line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0f;line-height:1;text-align:center;overflow:hidden}.avatar-circle-sm{width:36px;height:36px;font-size:18px}.avatar-circle-md{width:44px;height:44px;font-size:22px}.timeline-list{display:flex;flex-direction:column;gap:16px}.composer-card{padding:14px 12px 12px;border-radius:18px;margin-bottom:20px;background:#181024;box-shadow:inset 0 0 0 1px #58437329}.composer-form{display:flex;flex-direction:column;gap:12px}.composer-textarea{min-height:110px;border-radius:14px;padding:14px 16px;background:#0c0713;color:#c9c1d6;font-size:14px;line-height:1.45}.composer-textarea::-moz-placeholder{color:#8f84a2}.composer-textarea::placeholder{color:#8f84a2}.composer-actions{display:flex;justify-content:flex-end}.composer-submit{min-width:92px;height:46px;border:0;border-radius:12px;padding:0 18px;font-size:15px;font-weight:700;box-shadow:inset 0 -1px #00000026}.composer-preview{min-height:14px;font-size:12px;color:var(--text-sub)}.timeline-card{padding:18px 14px 14px;border-radius:18px;background:#181024;box-shadow:inset 0 0 0 1px #58437329}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-author-wrap{display:flex;align-items:center;gap:12px;min-width:0}.timeline-avatar{width:36px;height:36px;color:#9d8fb3;background:#ffffff0a;border-color:#ffffff0a}.timeline-avatar svg{width:20px;height:20px}.timeline-author-name{font-weight:700;font-size:15px;color:#f1edf7}.timeline-head-side{display:flex;align-items:center;gap:10px}.timeline-date{font-size:12px;color:#8f849f;white-space:nowrap}.timeline-image{width:100%;max-height:340px;-o-object-fit:cover;object-fit:cover;border-radius:14px;margin-top:12px}.timeline-body{margin-top:14px;font-size:15px;line-height:1.55;color:#ece6f5;white-space:pre-wrap;word-break:break-word}.timeline-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:#9f94b0}.timeline-like-btn,.timeline-menu-btn,.timeline-delete-btn{border:0;background:transparent;color:inherit}.timeline-like-btn{display:inline-flex;align-items:center;gap:4px;padding:0;font-size:14px;color:#8d819d}.timeline-like-btn:hover,.timeline-menu-btn:hover{color:#c6bdd3}.timeline-menu-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;opacity:.92;color:#8e839d}.timeline-delete-btn{font-size:12px;color:#ff7b97;padding:0 4px}.timeline-sheet[hidden]{display:none}.timeline-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.timeline-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000007a}.timeline-sheet-panel{position:absolute;left:0;right:0;bottom:0;background:#1a1125;border-top-left-radius:18px;border-top-right-radius:18px;border:1px solid rgba(68,54,88,.9);padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 32px #00000059}.timeline-sheet-item,.timeline-sheet-cancel{width:100%;min-height:56px;border:0;background:transparent;color:#f2edf8;font-size:15px;font-weight:600}.timeline-sheet-item{border-bottom:1px solid rgba(92,78,115,.45)}.timeline-sheet-item.is-danger{color:#ff8f96}.timeline-sheet-cancel{margin-top:12px;border-radius:14px;background:#23324a;color:#f2f6ff}.me-page{display:flex;flex-direction:column;gap:16px}.me-page-title{margin:0;font-size:1.1rem;font-weight:800;color:#f4eef9}.me-profile-card{background:linear-gradient(180deg,#1a1126,#191123);border:1px solid rgba(67,52,87,.95);border-radius:20px;padding:26px 18px 20px;box-shadow:inset 0 0 0 1px #ffffff05;text-align:center}.me-profile-avatar,.me-post-avatar,.me-follow-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.me-profile-avatar{width:92px;height:92px;margin:0 auto 12px;border-radius:9999px;background:#f1cf68;color:#2d2411;box-shadow:inset 0 0 0 1px #00000014}.me-avatar-emoji{font-size:2.9rem;line-height:1}.me-avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.me-profile-name{font-size:1.08rem;font-weight:800;color:#fff}.me-profile-status{margin-top:6px;font-size:.95rem;color:#9d92ad}.me-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.me-stat-item{text-decoration:none;color:inherit}.me-stat-link{cursor:pointer}.me-stat-value{font-size:1.6rem;line-height:1;font-weight:800;color:#fff}.me-stat-label{margin-top:7px;font-size:.9rem;color:#9f94af}.me-edit-trigger{width:100%;min-height:68px;border:1px solid rgba(67,52,87,.95);border-radius:18px;background:linear-gradient(180deg,#1a1126,#191123);color:#fff;display:inline-flex;align-items:center;gap:10px;padding:0 18px;font-size:1rem;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff05}.me-edit-trigger-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.me-edit-trigger-icon svg{width:20px;height:20px;display:block}.me-section{display:flex;flex-direction:column;gap:12px}.me-section-title{margin:0;font-size:1.02rem;font-weight:800;color:#fff}.me-post-list,.me-follow-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.me-post-card,.me-follow-card,.me-empty-card{background:linear-gradient(180deg,#1a1126,#191123);border:1px solid rgba(67,52,87,.95);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff05}.me-post-card{padding:16px 16px 12px}.me-post-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.me-post-author-wrap{display:flex;align-items:center;gap:10px;min-width:0}.me-post-avatar,.me-follow-avatar{width:44px;height:44px;border-radius:9999px;background:#f4f2ed;color:#2e2714}.me-post-avatar .me-avatar-emoji,.me-follow-avatar .me-avatar-emoji{font-size:1.7rem}.me-post-author-name,.me-follow-name{font-size:1rem;font-weight:800;color:#fff}.me-post-time{font-size:.92rem;color:#9388a4;white-space:nowrap}.me-post-body{margin-top:14px;font-size:1rem;line-height:1.55;color:#f1ebf8;white-space:pre-wrap;word-break:break-word}.me-post-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#9287a2}.me-post-like,.me-post-trash{border:0;background:transparent;color:inherit;padding:0}.me-post-like{display:inline-flex;align-items:center;gap:4px;font-size:.98rem}.me-post-like-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.me-post-like-icon svg,.me-post-trash svg{width:18px;height:18px;display:block}.me-post-trash{width:22px;height:22px;color:#6d6578}.me-follow-card{padding:18px 16px;display:flex;align-items:center;gap:14px}.me-empty-card{padding:18px 16px;color:#a297b1;font-size:.95rem}.me-ad-banner{margin:2px -10px 0;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#171021fa;border-top:1px solid rgba(67,52,87,.88);border-bottom:1px solid rgba(67,52,87,.88);color:#f0edf6;font-size:.92rem;font-weight:700}.me-ad-badge{flex:none;font-size:.72rem;font-weight:700;color:#f8f8fb;background:#ffffff14;border-radius:4px;padding:2px 5px}.me-edit-modal[hidden]{display:none}.me-edit-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.me-edit-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000094}.me-edit-panel{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#1b1227,#191123);border:1px solid rgba(65,51,84,.94);border-radius:18px;box-shadow:0 18px 48px #00000073,inset 0 0 0 1px #ffffff05;padding:22px 16px 16px}.me-edit-title{font-size:1.04rem;font-weight:800;color:#f4eef9}.me-edit-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.me-edit-label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:#a89db9}.me-edit-input{height:48px;border-radius:14px;font-size:.98rem}.me-edit-actions{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.me-edit-cancel,.me-edit-save{min-width:110px;height:46px;border:0;border-radius:14px;font-size:.95rem;font-weight:700}.me-edit-cancel{background:transparent;color:#9fb9ff}.me-edit-save{background:linear-gradient(180deg,#4db0ff,#3188db);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 6px 18px #12559438}.me-subpage{gap:14px}.me-subpage-header{display:flex;align-items:center;gap:12px}.me-subpage-title{font-size:1.08rem}.me-subpage-back-btn{width:34px;height:34px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#f2edf8;text-decoration:none;background:#ffffff0a;border:1px solid rgba(67,52,87,.9);flex:none}.me-subpage-back-btn svg{width:19px;height:19px;display:block}.topic-detail-header-card,.topic-detail-composer-card{background:linear-gradient(180deg,#1a1126,#191123);border:1px solid rgba(67,52,87,.95);border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff05}.topic-detail-header-card{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 15px}.topic-detail-back-btn{width:34px;height:34px;margin-top:2px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#f2edf8;background:#ffffff0a;border:1px solid rgba(67,52,87,.9);flex:none}.topic-detail-back-btn svg{width:19px;height:19px;display:block}.topic-detail-header-body{min-width:0;flex:1}.topic-detail-title{margin:0;font-size:1.12rem;line-height:1.25;font-weight:800;color:#f4eef9}.topic-thread-list{margin-top:14px}.topic-thread-card{padding:16px 14px 14px;border-radius:18px}.topic-thread-avatar{color:#9d8fb3}.topic-thread-trash-btn{width:28px;height:28px;border:0;padding:0;background:transparent;color:#8e839d;display:inline-flex;align-items:center;justify-content:center}.topic-thread-trash-btn svg{width:17px;height:17px;display:block}.topic-reply-preview{width:100%;margin-top:12px;padding:10px 12px;border:1px solid rgba(75,61,96,.9);border-radius:14px;background:#ffffff08;text-align:left;color:inherit}.topic-reply-preview-author{font-size:.82rem;font-weight:700;color:#a69cb6}.topic-reply-preview-body{margin-top:4px;font-size:.9rem;line-height:1.45;color:#d8d0e4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topic-thread-body{margin-top:14px;font-size:.98rem;line-height:1.58;color:#f1ebf8;white-space:pre-wrap;word-break:break-word}.topic-thread-actions-row{margin-top:14px;display:flex;align-items:center;gap:18px;color:#9388a4}.topic-thread-action-btn,.topic-thread-delete-link{border:0;background:transparent;color:inherit;padding:0;display:inline-flex;align-items:center;gap:5px;font-size:.93rem}.topic-thread-action-icon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center}.topic-thread-action-icon svg{width:17px;height:17px;display:block}.topic-thread-action-icon--heart{font-size:16px;line-height:1}.topic-thread-delete-link{margin-left:auto;color:#8e839d}.topic-detail-composer-card{margin-top:14px;padding:14px}.topic-detail-composer-form{display:flex;flex-direction:column;gap:10px}.topic-replying-indicator{min-height:42px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(75,61,96,.9);padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d7d0e4;font-size:.88rem}.topic-replying-cancel{width:26px;height:26px;border:0;border-radius:9999px;background:#ffffff0f;color:#f1ebf8;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:none}.topic-detail-textarea{min-height:112px;border-radius:14px;padding:14px 16px;background:#0c0713;color:#ece6f5;font-size:14px;line-height:1.45;resize:none}.topic-detail-textarea::-moz-placeholder{color:#8f84a2}.topic-detail-textarea::placeholder{color:#8f84a2}.topic-detail-composer-actions{display:flex;justify-content:flex-end}.topic-detail-submit{min-width:96px;height:44px;border:0;border-radius:12px;padding:0 18px;font-size:.95rem;font-weight:700}.topic-thread-card.is-highlighted{box-shadow:inset 0 0 0 1px #ffd64a73,0 0 0 1px #ffd64a2e;background:linear-gradient(180deg,#ffd64a14,#191123)}.placeholder-card{padding:18px 16px;border-radius:18px;background:linear-gradient(180deg,#1a1126,#191123);border:1px solid rgba(67,52,87,.95);box-shadow:inset 0 0 0 1px #ffffff05}.placeholder-title{margin:0;font-size:1rem;font-weight:800;color:#f4eef9}.placeholder-text{margin:10px 0 0;font-size:.92rem;line-height:1.55;color:#a69bb7}.hover\:bg-neutral-100:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}