:root{--bg: #000000;--fg: #f5f5f7;--muted: #a1a1a6;--card: #1c1c1e;--line: #3a3a3c;--accent: #0a7cff;--bezel: #2c2c2e;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans", "Noto Sans CJK SC", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select{font:inherit;color:inherit}#app{height:100dvh;max-width:560px;margin:0 auto;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 8px) 12px calc(env(safe-area-inset-bottom) + 8px);gap:8px;user-select:none;-webkit-user-select:none}.tagline{flex:none;display:flex;justify-content:center;gap:4px;font-size:11px;line-height:14px;color:var(--muted);white-space:nowrap}.tagline span{overflow:hidden;text-overflow:ellipsis}.by{color:var(--muted);text-decoration:underline;text-underline-offset:2px;flex:none}.by:hover{color:var(--fg)}.bar{display:flex;flex-direction:column;gap:6px;flex:none}.bar-row{display:flex;gap:6px}.seg{display:flex;background:var(--card);border-radius:10px;padding:3px;gap:2px}.seg-scene{flex:1}.seg button{flex:1;border:0;background:none;padding:6px 4px;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap}.seg button.on{background:#3a3a3c;font-weight:600}.seg button:disabled{opacity:.35;cursor:default}.text-btn{flex:none;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:0 12px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lang-btn{flex:none;border:1px solid var(--line);background:none;border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer;margin-top:2px}.icon-btn{flex:0 0 40px;border:0;border-radius:10px;background:var(--card);font-size:15px;cursor:pointer}.stage{position:relative;flex:1;min-height:0}.frame{position:absolute;overflow:hidden;background:#fff;box-shadow:0 0 0 5px var(--bezel)}.foot{flex:none;height:38px;text-align:center;margin-bottom:4px}.count,.foot-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count{font-size:15px;font-weight:600;line-height:20px;font-variant-numeric:tabular-nums}.foot-note{font-size:12px;line-height:16px;color:var(--muted);margin-top:2px}.btn,.modal-actions button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 10px;font-size:15px;font-weight:600;background:var(--card);color:var(--fg);text-decoration:none;cursor:pointer;white-space:nowrap}.primary{background:var(--accent)!important;color:#fff!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px}.modal-body{background:#111;border-radius:16px;padding:12px;width:100%;max-width:640px;max-height:100%;overflow:auto}.modal-body img{width:100%;display:block;border-radius:8px}.modal-actions{display:flex;gap:8px;margin-top:12px}.modal-actions>*{flex:1}.sheet{padding:20px;max-width:420px}.sheet h1{font-size:24px;margin:0 0 8px}.sheet p{line-height:1.55;font-size:15px;color:#d1d1d6;margin:0 0 14px}.device{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.device select{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--fg)}.disclaimer{font-size:12px!important;color:var(--muted)!important;margin:14px 0 0!important}.offscreen{position:absolute;left:-10000px;top:0;visibility:hidden}.screen{position:relative;transform-origin:top left;overflow:hidden;background:#fff;color:#000;font-family:var(--font);font-size:17px;line-height:22px}.screen>div,.rail>div,.legacy-rail>div{position:absolute}.topbar{background:#f6f6f8;border-bottom:.5px solid #d1d1d6;display:flex;flex-direction:column;justify-content:flex-end}.topbar-title{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.status-time{font-weight:600;font-size:16px;text-align:center}.status-icons{font-size:10px;letter-spacing:1px;text-align:center;line-height:18px}.island,.punch{background:#000;border-radius:20px}.msgs{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.msgs::-webkit-scrollbar,.web-page::-webkit-scrollbar{display:none}.msgs-inner{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:8px 12px}.bubble{flex-shrink:0;max-width:72%;padding:8px 12px;border-radius:18px;overflow-wrap:anywhere}.bubble.new{animation:pop .18s ease-out}.bubble.me{align-self:flex-end;background:#0a7cff;color:#fff}.bubble.them{align-self:flex-start;background:#e9e9eb}@keyframes pop{0%{transform:scale(.9);opacity:0}}.inputbar{display:flex;align-items:center;gap:8px;padding:0 10px;background:#fff;cursor:text}.input-plus{flex:0 0 32px;height:32px;border-radius:50%;background:#e9e9eb;color:#6e6e73;display:flex;align-items:center;justify-content:center;font-size:22px}.input-field{flex:1;min-width:0;height:36px;border:1px solid #c7c7cc;border-radius:18px;padding:0 14px;line-height:34px;font-size:16px;white-space:nowrap;overflow:hidden}.input-field.empty{color:#a1a1a6}.input-field.focused.empty:before{content:"";display:inline-block;width:2px;height:20px;margin-right:2px;background:#0a7cff;vertical-align:-4px;animation:blink 1s steps(1) infinite}.input-field.focused:not(.empty):after{content:"";display:inline-block;width:2px;height:20px;margin-left:1px;background:#0a7cff;vertical-align:-4px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.input-send{display:none;flex:0 0 30px;height:30px;border-radius:50%;background:#0a7cff;color:#fff;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer}.input-send.show{display:flex}.rail{background:#f6f6f8;border-left:.5px solid #d1d1d6}.rail-island,.legacy-island{background:#000;border-radius:19px}.rail-time,.legacy-time{text-align:center;font-weight:600;font-size:15px;line-height:18px}.rail-icons{text-align:center;font-size:9px;letter-spacing:1px;line-height:14px}.rail-btn{border-radius:50%;background:#e5e5ea;color:#0a7cff;display:flex;align-items:center;justify-content:center;font-size:22px}.legacy-rail{background:#000}.legacy-time{color:#fff}.home-indicator{background:#000;border-radius:3px}.web-page{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:12px 16px 24px;font-size:17px;line-height:1.6}.web-page h1{font-size:26px;line-height:1.25;margin:4px 0 14px}.web-page p{margin:0 0 14px}.web-bar{border-radius:22px;background:#f2f2f7eb;box-shadow:0 2px 10px #0000001f;display:flex;align-items:center;justify-content:center;font-size:15px;color:#3a3a3c}.web-bar-top{border-radius:20px;box-shadow:none;background:#eceef1}.kb{position:absolute;left:0;z-index:2;background:#d1d3d9;display:flex;flex-direction:column;animation:kb-up .2s ease-out}@keyframes kb-up{0%{transform:translateY(40px);opacity:.6}}.kb-bar{display:flex;align-items:center;justify-content:space-around;color:#1d1d1f;border-bottom:.5px solid #bcbec4}.kb-cand{padding:4px 8px;border-radius:6px;cursor:pointer;white-space:nowrap}.kb-cand.down{background:#fff}.kb-keys{display:flex;flex-direction:column}.kb-row{display:flex;justify-content:center}.kb-key{background:#fff;border-radius:6px;box-shadow:0 1px #898a8d;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer}.kb-special{background:#abb0bc}.kb-key.down{background:#e4e5e8}.kb-special.down,.kb-special.on{background:#fff}.kb-home{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 28px 0}.kb-glyph{color:#555;font-size:22px}.app{background:#fff}.app.dark{background:#000;color:#fff}.app .rail-btn{font-size:20px;color:#3a3a3c}.app .rail-btn:nth-of-type(1){color:#0a7cff}.rail-glass{background:#00000059!important;border-left:0!important;color:#fff}.rail-glass .rail-island{background:#000}.rail-glass .rail-btn{background:#ffffff2e!important;color:#fff!important}.tabbar{display:flex;justify-content:space-around;align-items:center;background:#f9f9fb;border-top:.5px solid #d1d1d6;font-size:22px;color:#8e8e93;z-index:1}.tabbar span{flex:1;text-align:center;height:49px;line-height:49px}.tabbar .on{color:#0a7cff}.dark .tabbar{background:#000;border-top-color:#222;color:#8e8e93}.dark .tabbar .on{color:#fff}.dark .home-indicator,.fullvideo .home-indicator{background:#fff}.player{color:#fff;cursor:pointer;overflow:hidden}.player>div{position:absolute}.player-play{left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#00000059;display:flex;align-items:center;justify-content:center;font-size:24px}.player-progress{left:12px;right:44px;bottom:14px;height:3px;background:#fff6;border-radius:2px}.player-progress span{position:absolute;left:0;top:0;bottom:0;width:35%;background:#fff;border-radius:2px}.player-full{right:12px;bottom:4px;font-size:20px;line-height:24px}.fullvideo{background:#000;cursor:pointer}.vlist,.feed{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vlist::-webkit-scrollbar,.feed::-webkit-scrollbar,.clips::-webkit-scrollbar{display:none}.vlist{padding:10px 12px 12px}.v-title{font-size:17px;font-weight:600;line-height:23px}.v-meta{font-size:13px;color:#8e8e93;margin:4px 0 10px}.v-actions{display:flex;justify-content:space-between;font-size:14px;color:#3a3a3c;padding:8px 4px 12px;border-bottom:.5px solid #e5e5ea;margin-bottom:10px}.rec{display:flex;gap:10px;margin-bottom:12px}.rec-thumb{flex:0 0 150px;height:84px;border-radius:8px}.rec-text{min-width:0}.rec-title{font-size:15px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rec-meta{font-size:12px;color:#8e8e93;margin-top:6px}.clips{overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.clip{position:relative;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.clip-video{position:absolute}.clip-video>div{position:absolute;left:0;right:0;text-align:center}.clip-burn-title{margin:0 auto;width:max-content;max-width:80%;padding:6px 14px;border-radius:8px;background:#00000073;font-size:20px;font-weight:700}.clip-subject{top:34%;width:140px;height:140px;margin:0 auto;border-radius:50%;background:#ffffff40}.clip-burn-sub{font-size:18px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);padding:0 24px}.clip-side{position:absolute;right:10px;bottom:120px;display:flex;flex-direction:column;gap:18px;text-align:center;white-space:pre;font-size:13px;line-height:18px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.clip-side span:first-line{font-size:26px;line-height:32px}.clip-info{position:absolute;left:12px;right:70px;bottom:20px;font-size:15px;line-height:20px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.clip-info b{display:block;margin-bottom:4px}.clip-tabs{display:flex;justify-content:center;gap:22px;font-size:16px;color:#ffffffa6;line-height:32px;pointer-events:none}.clip-tabs .on{color:#fff;font-weight:700}.feed-header{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;border-bottom:.5px solid #e5e5ea;background:#fff}.post{display:flex;gap:12px;padding:12px 16px;border-bottom:.5px solid #e5e5ea}.post-avatar{flex:0 0 40px;height:40px;border-radius:50%}.post-body{min-width:0;flex:1}.post-name{font-weight:600;font-size:15px}.post-name span{font-weight:400;color:#8e8e93}.post-text{font-size:16px;line-height:22px;margin-top:2px}.post-img{margin-top:8px;border-radius:12px}.post-actions{display:flex;gap:28px;font-size:13px;color:#8e8e93;margin-top:8px}.crease{position:absolute;left:0;right:0;z-index:3;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.025) 40%,rgba(0,0,0,.045) 50%,rgba(0,0,0,.025) 60%,transparent)}.crease-v{top:0;bottom:0;right:auto;background:linear-gradient(to right,transparent,rgba(255,255,255,.025) 40%,rgba(255,255,255,.045) 50%,rgba(255,255,255,.025) 60%,transparent)}.modal-body{position:relative}.modal-close{position:absolute;top:6px;right:6px;z-index:1;width:30px;height:30px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:14px;cursor:pointer}.share-text{font-size:13px;line-height:1.5;color:#d1d1d6;margin:10px 2px 0}.hint-link{color:var(--accent)}.share-hint{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 2px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chips button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:10px 14px;font-size:15px;cursor:pointer}.chips button:active{background:var(--accent);border-color:var(--accent);color:#fff}.picker-links{display:flex;justify-content:space-between}.link-btn{border:0;background:none;color:var(--muted);font-size:14px;padding:4px 0;cursor:pointer;text-decoration:underline}