:root{color-scheme:dark;--ink:#f1f1f1;--muted:#a2a4a8;--line:#292c30;--paper:#0d1013;--accent:#8296fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft JhengHei",sans-serif;font-size:14px;line-height:1.45}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:hover{color:#ccc}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite,[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:72px;padding:26px 12px 20px;z-index:5;display:flex;flex-direction:column;background:var(--paper);border-right:1px solid #202327}.brand{width:44px;height:44px;display:grid;place-items:center;position:relative}.brand span{font:bold italic 35px Georgia,serif}.brand i{width:6px;height:6px;border-radius:50%;background:#c39bff;position:absolute;right:9px;top:10px}.sidebar nav{display:flex;flex-direction:column;gap:13px;margin-top:clamp(80px,18vh,176px)}.nav-item{width:48px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:9px}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active svg{stroke-width:2.4}.nav-item.active use[href="#i-home"]{fill:currentColor}.nav-item img{width:25px;height:25px;border-radius:50%;object-fit:cover}.nav-item.active img{outline:2px solid white;outline-offset:3px}.more-nav{margin-top:auto}.mobile-top{display:none}main{margin-left:72px;padding:18px 35px 0}.feed-layout{max-width:1020px;margin:auto;display:grid;grid-template-columns:630px 290px;gap:70px}.timeline{min-width:0}.stories{display:flex;gap:17px;padding:0 3px 24px;overflow:auto;scrollbar-width:none}.story{width:86px;padding:0;flex-shrink:0;text-align:center}.story-ring{display:block;width:84px;height:84px;padding:3px;background:linear-gradient(35deg,#ffcc51 5%,#ff7539 25%,#ff146f 60%,#c715ef 86%);border-radius:50%;margin-bottom:7px}.story.seen .story-ring{background:#41454c}.portrait{display:block;position:relative;overflow:hidden;border-radius:50%;width:100%;height:100%;background:#3d4350}.portrait img{display:block;width:100%;height:100%;object-fit:cover}.story-ring .portrait{border:3px solid var(--paper)}.story-name{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}.portrait-yuji img{transform:scale(2.6);transform-origin:67% 70%}.portrait-nobara img{transform:scale(2.4);transform-origin:22% 73%}.portrait-night img{filter:grayscale(1);transform:scale(1.4)}.feed-post{width:470px;max-width:100%;margin:0 auto 21px;padding-bottom:19px;border-bottom:1px solid var(--line)}.feed-post-header{display:flex;align-items:center;gap:10px;padding:10px 2px 13px}.feed-post-header .account-photo{width:35px;height:35px;padding:2px;background:linear-gradient(35deg,#ffbd45,#fe227a,#bd1bea)}.feed-post-header .account-photo img{border:2px solid var(--paper)}.feed-author{display:flex;align-items:center;gap:6px;font-size:13px}.feed-author button{padding:0;font-weight:650}.feed-author time{color:var(--muted);font-size:12px}.feed-place{display:block;font-size:11px;margin-top:1px}.feed-more{margin-left:auto}.feed-photo{width:100%;display:block;padding:0;overflow:hidden;border:1px solid #26282b;border-radius:4px;background:#080a0c;line-height:0}.feed-photo img{display:block;width:100%;height:auto;max-height:624px;object-fit:contain}.feed-actions{display:flex;align-items:center;gap:10px;padding:11px 0 8px}.feed-actions button{padding:0;display:flex;align-items:center;gap:5px;font-size:12px}.feed-actions .feed-save{margin-left:auto}.feed-actions svg{width:24px;height:24px}.feed-like[aria-pressed=true],#like[aria-pressed=true]{color:#ff4768}.feed-like[aria-pressed=true] svg,#like[aria-pressed=true] svg,.feed-save[aria-pressed=true] svg,#save[aria-pressed=true] svg{fill:currentColor}.feed-likes{font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px}.feed-likes img{width:18px;height:18px;border-radius:50%;object-fit:cover}.feed-caption{margin:8px 0 5px;font-size:13px;line-height:1.65}.feed-caption b{margin-right:7px}.feed-caption button{padding:0 4px;color:var(--muted);font-size:12px}.feed-comments{display:block;color:var(--muted);padding:3px 0;font-size:13px}.feed-add-comment{padding:7px 0 0;color:#85888c;font-size:13px}.feed-end{text-align:center;color:var(--muted);font-size:12px;padding:26px 0 45px}.feed-end span{display:block;color:#646970;margin-top:6px}.recommendations{padding-top:10px;min-width:0}.account-row{display:flex;align-items:center;gap:10px;padding:8px 0}.account-photo{display:block;width:44px;height:44px;padding:0;border-radius:50%;overflow:hidden;flex-shrink:0}.account-photo>img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.current-account .account-photo{width:48px;height:48px}.account-name{padding:0;text-align:left;min-width:0;flex:1}.account-name b{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-name span{display:block;font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:180px}.text-action{font-size:11px;font-weight:650;color:var(--accent);padding:0 2px 0 5px;white-space:nowrap}.text-action[aria-pressed=true]{color:#d6d6d6}.suggestion-title{display:flex;justify-content:space-between;align-items:center;margin:14px 0 5px;font-size:13px;color:var(--muted)}.suggestion-title button{font-size:11px;font-weight:650;padding:0;color:#f0f0f0}.network-note{font-size:11px;color:#767a80;margin:30px 0 15px;line-height:1.8}.network-credit{font-size:11px;color:#777c83}.icon-button{width:36px;height:36px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.flipped{transform:rotate(180deg)}#about{background:#202328;border:1px solid #393d43;border-radius:12px;color:var(--ink);padding:24px;max-width:330px;font-size:13px;box-shadow:0 15px 55px #0008}#about p{color:var(--muted);line-height:1.8}#about button{color:var(--accent);padding:6px 0}
#profile-screen{max-width:935px;margin:0 auto;padding:10px 0}.profile-topbar{display:flex;align-items:center;gap:15px;padding:0 0 24px}.profile-topbar button{padding:5px;display:flex}.profile-topbar span{color:var(--muted);font-size:12px;margin-left:auto}.profile{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:30px;padding:20px 20px 48px}.avatar-ring{width:156px;height:156px;margin:auto;padding:5px;background:linear-gradient(35deg,#ffb53e,#f72288,#c52ae9);border-radius:50%}.avatar{width:100%;height:100%;object-fit:cover;border:4px solid var(--paper);border-radius:50%}.profile-heading{display:flex;align-items:center;gap:28px;flex-wrap:wrap}h1{font-size:24px;font-weight:400;margin:0}.profile-actions{display:flex;gap:8px}.button{border-radius:7px;background:#30343b;padding:8px 17px;font-size:12px;font-weight:600;white-space:nowrap}.button.primary{background:#536fd7;color:#fff;min-width:78px}.button.primary[aria-pressed=true]{background:#30343b}.stats{display:flex;gap:29px;list-style:none;padding:0;margin:24px 0 19px;font-size:14px}.stats b{font-weight:650;margin-right:4px}.bio h2{font-size:14px;margin:0}.category{color:var(--muted);font-size:12px}.bio p{font-size:13px;line-height:1.75;margin:6px 0}.bio-location{font-size:12px;color:#b5bfee}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-bottom:18px}.tabs{display:flex;gap:35px}.tab{padding:16px 0 0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;border-top:1px solid transparent;margin-top:-1px}.tab svg{width:14px;height:14px}.tab.selected{color:var(--ink);border-color:var(--ink)}.gallery-count{padding-top:14px;font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.post-card{padding:0;position:relative;aspect-ratio:1/1.2;overflow:hidden;background:#1b2026;display:block}.post-card>img{width:100%;height:100%;object-fit:cover;display:block}.post-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:22px;background:#0006;opacity:0;color:white}.post-card:hover .post-overlay,.post-card:focus-visible .post-overlay{opacity:1}.post-overlay span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.post-overlay svg{width:20px;height:20px;fill:white}.pin{position:absolute;right:12px;top:12px;color:white;filter:drop-shadow(0 1px 3px #3337);width:19px;height:19px}.empty{padding:60px 20px;text-align:center;color:var(--muted)}footer{display:flex;gap:17px;align-items:center;padding:29px 0;color:#797e86;font-size:10px}footer span:last-child{margin-left:auto}.footer-brand{font-size:17px;font-weight:650}#search-panel{margin-bottom:22px}#search-panel label{font-size:12px;color:var(--muted)}.search-box{display:flex;gap:10px;align-items:center;background:#20242a;border:1px solid var(--line);border-radius:7px;padding:8px 12px;margin-top:7px}.search-box svg{width:18px}.search-box input{width:100%;border:0;background:none}.search-box button{color:var(--accent);white-space:nowrap;font-size:12px}
dialog{border:1px solid #262a30;padding:0;width:min(1050px,94vw);max-width:none;max-height:92dvh;background:#101318;border-radius:5px;box-shadow:0 24px 110px #0008;overflow:auto;color:var(--ink)}dialog::backdrop{background:#000b}.modal-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr);height:min(740px,88dvh)}.photo-panel{position:relative;background:#050608;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-panel>img{width:100%;height:100%;object-fit:contain}.photo-pagination{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#111c;color:#fff;border-radius:25px;padding:2px 6px}.photo-pagination span{font:11px monospace}.post-details{min-height:0;display:flex;flex-direction:column;overflow:hidden}.post-header{display:flex;align-items:center;gap:11px;padding:16px 19px;border-bottom:1px solid var(--line)}.small-avatar{width:33px;height:33px;object-fit:cover;border-radius:50%;flex-shrink:0}.post-header h2{font-size:12px;margin:0;font-weight:650}.post-header span{font-size:10px;color:var(--muted)}#close-dialog{margin-left:auto}.conversation{flex:1;overflow:auto;padding:24px 20px;min-height:100px}.caption-row,.comment-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.conversation p{font-size:13px;margin:0;line-height:1.8;overflow-wrap:anywhere;white-space:pre-line}.conversation b{font-weight:650;margin-right:5px}.conversation small{font-size:10px;color:#888;display:block;margin-top:7px}.hashtags{color:#b7c1f5;margin-top:10px!important}.comment-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#483b38;color:#e1c4ad;font-size:10px;flex-shrink:0;font-weight:650}.comment-row:nth-child(even) .comment-avatar{background:#303f39;color:#b9d6be}.post-bottom{padding:12px 19px 14px;border-top:1px solid var(--line)}.post-actions{display:flex;gap:6px;margin:0 -5px 8px}.save-button{margin-left:auto}#like-count{display:block;font-size:12px}#post-time{display:block;font-size:10px;color:var(--muted);margin-top:4px}.original-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;margin-top:12px}.original-link svg{width:13px;height:13px}.original-link:hover{text-decoration:underline}#comment-form{padding:14px 19px;border-top:1px solid var(--line);display:flex;gap:10px}#comment-input{width:100%;min-width:0;border:0;font-size:12px;padding:5px;background:transparent}#comment-form button{font-size:12px;font-weight:650;color:var(--accent);white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);background:#f2f2f2;color:#17191d;padding:11px 20px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}
@media(max-width:1200px){.feed-layout{grid-template-columns:minmax(0,630px);max-width:630px;gap:0}.recommendations{display:none}main{padding-left:25px;padding-right:25px}}
@media(max-width:760px){main{padding:15px 18px 0}.stories{gap:12px}.story{width:76px}.story-ring{width:74px;height:74px}.profile{grid-template-columns:130px 1fr;gap:20px;padding:10px 0 30px}.avatar-ring{width:110px;height:110px}.profile-heading{gap:10px}.profile-actions{gap:6px}.stats{gap:16px;font-size:12px}.button{padding:7px 12px;font-size:11px}.modal-shell{grid-template-columns:1fr;height:auto}.photo-panel{height:49dvh;order:1}.post-details{display:contents}.post-header{order:0;padding:11px 14px;position:sticky;top:0;background:#101318;z-index:1}.conversation{order:2;overflow:visible;padding:18px 15px;min-height:0}.caption-row,.comment-row{margin-bottom:16px}.post-bottom{order:3}#comment-form{order:4}dialog{width:min(480px,96vw);max-height:94dvh;border-radius:7px}.post-overlay{gap:10px}.post-overlay span{font-size:11px}.post-overlay svg{width:14px}}
@media(max-width:600px){.sidebar{inset:auto 0 0;width:100%;height:54px;border-right:0;border-top:1px solid var(--line);padding:0 10px;background:#0d1013f5}.sidebar .brand,.more-nav{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;align-items:center;margin:0;height:100%;gap:0}.nav-item{height:42px}.mobile-top{display:flex;height:55px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #202327}.mobile-top>a{font-size:27px;font-weight:bold;letter-spacing:-1.6px}.mobile-top>a span{font-size:20px;letter-spacing:0;margin-left:2px;color:#c39bff}main{margin:0;padding:15px 0 64px}.stories{padding:0 12px 18px;gap:13px}.story{width:68px}.story-ring{width:66px;height:66px;padding:2px}.story-ring .portrait{border-width:2px}.story-name{font-size:11px}.feed-post{width:470px;margin-bottom:17px}.feed-post-header{padding:8px 12px 11px}.feed-photo{border-radius:0;border-left:0;border-right:0}.feed-photo img{max-height:650px}.feed-actions{padding:11px 12px 8px}.feed-likes{padding:0 12px}.feed-caption{margin:8px 12px 5px}.feed-comments,.feed-add-comment{margin:0 12px}.feed-end{padding-bottom:10px}.feed-author{font-size:13px}.feed-author time{font-size:11px}#profile-screen{padding:0 15px}.profile-topbar{padding:0 0 16px}.profile{grid-template-columns:85px 1fr;gap:17px;padding:10px 0 28px;align-items:start}.avatar-ring{width:80px;height:80px;padding:3px;margin-top:5px}.avatar{border-width:3px}h1{font-size:21px}.profile-heading{display:block}.profile-actions{margin-top:10px}.button{padding:6px 10px;font-size:10px}.button.primary{min-width:61px}.stats{gap:10px;font-size:10px;margin:18px 0 15px}.stats b{margin-right:2px}.bio h2{font-size:12px}.category,.bio-location{font-size:10px}.bio p{font-size:11px}.grid{margin:0 -15px;gap:3px}.gallery-toolbar{margin-bottom:14px}.pin{width:16px;right:8px;top:8px}.gallery-count{font-size:10px}footer{font-size:8px;gap:10px;flex-wrap:wrap}.footer-brand{font-size:15px}#toast{bottom:70px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}