:root{--nav-bg: #333a42;--nav-hi: #4d555f;--nav-lo: #1b1f24;--tab-bg: #1d2126;--tab-hi: #363d45;--chrome-btn: #4a535d;--chrome-btn-hi: #5d6772;--chrome-btn-on: #262c33;--blue: #4a7ab5;--blue-hi: #6a97cd;--blue-lo: #2f5a8c;--blue-on: #3f6ba1;--page: #ebebeb;--outer: #23272d;--card: #ffffff;--line: #d5d5d5;--line-soft: #e6e6e6;--ink: #222222;--ink-mid: #666666;--ink-soft: #9a9a9a;--white: #ffffff;--red: #b3352f;--green: #3f8f4f;--app-w: 620px;--side-w: 210px;--nav-h: 44px;--tab-h: 50px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0}html{background:var(--outer)}body{background:var(--outer);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue-hi);outline-offset:-2px}.shell{display:block}.app{max-width:var(--app-w);margin:0 auto;min-height:100vh;background:var(--page);border-left:1px solid var(--nav-lo);border-right:1px solid var(--nav-lo)}.screen{padding-bottom:calc(var(--tab-h) + 10px)}.navbar{position:sticky;top:0;z-index:30;height:var(--nav-h);background:var(--nav-bg);border-top:1px solid var(--nav-hi);border-bottom:1px solid var(--nav-lo);display:flex;align-items:center;gap:8px;padding:0 7px}.navbar-side{display:flex;align-items:center;gap:6px;min-width:62px}.navbar-side.right{justify-content:flex-end}.navbar-mid{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.navbar-title{color:var(--white);font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbtn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 11px;background:var(--chrome-btn);border:1px solid var(--nav-lo);border-top-color:var(--chrome-btn-hi);border-radius:4px;color:var(--white);font-size:13px;font-weight:600}.cbtn:hover{background:var(--chrome-btn-hi)}.cbtn:active,.cbtn.on{background:var(--chrome-btn-on);border-top-color:var(--nav-lo)}.cbtn.icon{padding:0 9px}.cbtn.blue{background:var(--blue);border-top-color:var(--blue-hi);border-color:var(--blue-lo)}.cbtn.blue:hover{background:var(--blue-hi)}.cbtn.blue:active,.cbtn.blue.on{background:var(--blue-on)}.seg{display:inline-flex;border:1px solid var(--blue-lo);border-radius:4px;overflow:hidden}.seg-item{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 16px;background:var(--chrome-btn);color:var(--white);font-size:13px;font-weight:600;border-right:1px solid var(--nav-lo)}.seg-item:last-child{border-right:none}.seg-item:hover{background:var(--chrome-btn-hi)}.seg-item.on,.seg-item.on:hover{background:var(--blue)}.seg.wide{display:flex;width:100%}.seg.wide .seg-item{flex:1}.mainnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-w);height:var(--tab-h);z-index:40;background:var(--tab-bg);border-top:1px solid var(--tab-hi);display:flex}.mainnav-brand,.tablabel{display:none}.tab{flex:1;display:flex;align-items:center;justify-content:center;color:#7c848d;border-right:1px solid #121518}.tab:last-child{border-right:none}.tab:hover{color:#b9c0c7}.tab.on{color:var(--white);background:#2a2f36}.tab.camera{background:var(--blue);color:var(--white);border-right-color:var(--blue-lo)}.tab.camera:hover{background:var(--blue-hi)}.phead{background:var(--nav-bg);border-bottom:1px solid var(--nav-lo);padding:12px;display:flex;gap:12px}.phead-photo{width:84px;height:84px;flex-shrink:0;border:3px solid var(--white);background:var(--chrome-btn);overflow:hidden}.phead-photo img{width:100%;height:100%;object-fit:cover;display:block}.phead-main{flex:1;min-width:0;display:flex;flex-direction:column}.phead-name{color:var(--white);font-size:21px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phead-handle{color:#a8b0b9;font-size:13px;margin-top:1px}.stats{display:flex;gap:6px;margin-top:10px}.stat{flex:1;background:var(--blue);border:1px solid var(--blue-lo);border-top-color:var(--blue-hi);border-radius:4px;padding:4px 2px 5px;text-align:center;min-width:0}.stat.plain{background:var(--chrome-btn);border-color:var(--nav-lo);border-top-color:var(--chrome-btn-hi)}.stat-num{display:block;color:var(--white);font-size:19px;font-weight:700;line-height:1.1}.stat-label{display:block;color:#dbe4ee;font-size:11px;line-height:1.2}.pbio{background:var(--card);border-bottom:1px solid var(--line);padding:10px 12px;font-size:14px;color:var(--ink)}.pbio .addr{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;color:var(--ink-mid);border:1px solid var(--line);border-radius:3px;padding:3px 7px;background:#f6f6f6}.pbio .addr:hover{border-color:var(--blue);color:var(--blue-lo)}.pactions{background:var(--card);border-bottom:1px solid var(--line);padding:9px 12px;display:flex;gap:8px}.lbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;background:#f4f4f4;border:1px solid #bfbfbf;border-top-color:#fff;border-radius:4px;color:#333;font-size:13px;font-weight:600}.lbtn:hover{background:#e9e9e9}.lbtn:disabled{color:var(--ink-soft);cursor:not-allowed}.lbtn.blue{background:var(--blue);border-color:var(--blue-lo);border-top-color:var(--blue-hi);color:var(--white)}.lbtn.blue:hover{background:var(--blue-hi)}.lbtn.blue:disabled{background:#9db4cf;border-color:#8aa3c0}.lbtn.on{background:#dcdcdc;border-top-color:#cfcfcf;color:#444}.lbtn.grow{flex:1}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#cfcfcf;border-bottom:1px solid var(--line)}.tile{position:relative;display:block;width:100%;aspect-ratio:1 / 1;background:#b9bec4;overflow:hidden}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile-text{display:flex;align-items:center;justify-content:center;height:100%;padding:6px;background:#46505c;color:#dfe5ea;font-size:11px;line-height:1.25;text-align:center;overflow:hidden}.tile-badge{position:absolute;right:0;bottom:0;background:var(--nav-lo);color:var(--white);font-size:10px;font-weight:700;padding:1px 4px;display:flex;align-items:center;gap:3px}.feedgrid{display:block}.card{background:var(--card);border-bottom:1px solid var(--line)}.card-head{display:flex;align-items:center;gap:8px;padding:7px 9px;border-bottom:1px solid var(--line-soft)}.card-head .who{flex:1;min-width:0}.card-name{display:block;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-name:hover{color:var(--blue-lo)}.card-sub{display:block;font-size:11px;color:var(--ink-soft)}.card-photo{display:block;width:100%;aspect-ratio:1 / 1;max-height:min(52vh,480px);object-fit:cover;background:#b9bec4;border-bottom:1px solid var(--line-soft)}.card-photo.pending{background:#c6cbd1}.card-body{padding:9px 10px 4px;font-size:14px;white-space:pre-wrap;overflow-wrap:break-word}.card-body.noimage{font-size:17px;line-height:1.35;padding:16px 12px 10px;color:#1a1a1a}.card-foot{display:flex;align-items:center;gap:6px;padding:6px 8px 8px}.act{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid #c8c8c8;border-top-color:#fff;border-radius:4px;background:#f4f4f4;color:#555;font-size:12px;font-weight:700}.act:hover{background:#e9e9e9}.act.on{background:var(--blue);border-color:var(--blue-lo);border-top-color:var(--blue-hi);color:var(--white)}.act.danger:hover{background:var(--red);border-color:#8d2822;color:var(--white)}.ticker{font-weight:700;color:var(--blue-lo)}.link{color:var(--blue-lo);font-weight:600;overflow-wrap:anywhere}.link:hover{text-decoration:underline}.comments{border-top:1px solid var(--line-soft);background:#fafafa;padding:6px 10px 8px}.crow{display:flex;gap:7px;padding:5px 0}.crow-main{flex:1;min-width:0;font-size:13px}.crow-name{font-weight:700;color:var(--ink)}.crow-name:hover{color:var(--blue-lo)}.crow-time{font-size:11px;color:var(--ink-soft);margin-left:5px}.cbox{display:flex;gap:6px;margin-top:6px}.newsrow{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--card);border-bottom:1px solid var(--line)}.newsrow-main{flex:1;min-width:0;font-size:13px;line-height:1.35}.newsrow-actor{font-weight:700;color:var(--ink)}.newsrow-actor:hover{color:var(--blue-lo)}.newsrow-time{display:block;font-size:11px;color:var(--ink-soft);margin-top:1px}.newsrow-thumb{width:38px;height:38px;flex-shrink:0;background:#2b3038;border:1px solid var(--line);object-fit:cover;display:block}.userrow{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--card);border-bottom:1px solid var(--line)}.userrow-main{flex:1;min-width:0}.userrow-name{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userrow-sub{display:block;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{display:block;flex-shrink:0;background:var(--chrome-btn);border:1px solid var(--line);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-letters{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--white);font-weight:700;-webkit-user-select:none;user-select:none}.bar{background:#dfdfdf;border-bottom:1px solid var(--line);padding:6px 8px;display:flex;align-items:center;gap:8px}.bar.dark{background:var(--nav-bg);border-bottom-color:var(--nav-lo);border-top:1px solid var(--nav-hi)}.note{padding:7px 10px;background:#dfe7f1;border-bottom:1px solid #b9c8dc;font-size:12px;color:#35506f}.state{padding:26px 16px;text-align:center;color:var(--ink-soft);font-size:13px;background:var(--card);border-bottom:1px solid var(--line)}.morebtn{display:block;width:100%;padding:11px;background:#e4e4e4;border-bottom:1px solid var(--line);color:#4a5561;font-size:12px;font-weight:700}.morebtn:hover{background:#d9d9d9}.morebtn:disabled{color:var(--ink-soft);cursor:default}.input{width:100%;background:var(--white);border:1px solid #b5b5b5;border-top-color:#8f8f8f;border-radius:3px;color:var(--ink);font-family:inherit;font-size:14px;padding:7px 9px}.input:focus{outline:none;border-color:var(--blue);border-top-color:var(--blue-lo)}textarea.input{resize:vertical;min-height:84px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:700;color:#4a5561;margin-bottom:4px}.field-err{font-size:12px;color:var(--red);margin-top:4px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--outer);display:flex;flex-direction:column}.sheet-inner{width:100%;max-width:var(--app-w);margin:0 auto;flex:1;display:flex;flex-direction:column;background:var(--page);border-left:1px solid var(--nav-lo);border-right:1px solid var(--nav-lo);overflow:hidden}.sheet-body{flex:1;overflow-y:auto;padding:12px}.panel{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:12px;margin-bottom:12px}.panel-title{font-size:13px;font-weight:700;color:#4a5561;margin-bottom:8px}.walletrow{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;background:#f4f4f4;border:1px solid #bfbfbf;border-top-color:#fff;border-radius:4px;margin-bottom:8px;font-size:15px;font-weight:600}.walletrow:hover:not(:disabled){background:#e9e9e9;border-color:var(--blue)}.walletrow:disabled{color:var(--ink-soft);cursor:wait}.walletrow .arrow{color:var(--blue-lo);font-weight:700}.hint{font-size:12px;color:var(--ink-mid);margin-top:8px}.imgprev{position:relative;margin-top:10px;border:1px solid var(--line)}.imgprev img{display:block;width:100%;max-height:300px;object-fit:contain;background:#2b3038}.imgprev button{position:absolute;top:5px;right:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--nav-bg);border:1px solid var(--nav-lo);border-radius:3px;color:var(--white)}.counter{font-size:12px;color:var(--ink-soft)}.counter.low{color:var(--red);font-weight:700}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tab-h) + 10px);z-index:80;width:calc(100% - 24px);max-width:380px;display:flex;flex-direction:column;gap:6px}.toast{background:var(--nav-bg);border:1px solid var(--nav-lo);border-top-color:var(--nav-hi);border-radius:4px;color:var(--white);padding:9px 12px;font-size:13px}.toast.error{background:var(--red);border-color:#7f231e;border-top-color:#c9564f}@media (min-width: 900px){.shell{display:flex;align-items:flex-start}.mainnav{position:sticky;top:0;left:auto;bottom:auto;transform:none;width:var(--side-w);max-width:none;height:100vh;flex:0 0 var(--side-w);flex-direction:column;border-top:none;border-right:1px solid var(--nav-lo)}.mainnav-brand{display:flex;align-items:center;height:var(--nav-h);padding:0 14px;background:var(--nav-bg);border-bottom:1px solid var(--nav-lo);color:var(--white);font-size:17px;font-weight:700;flex-shrink:0}.tablabel{display:inline;font-size:14px;font-weight:600}.tab{flex:0 0 auto;height:42px;justify-content:flex-start;gap:11px;padding:0 14px;border-right:none;border-bottom:1px solid #121518}.tab.camera{border-right:none}.app{flex:1;max-width:none;margin:0;min-height:100vh;border-right:none}.screen{padding-bottom:30px}.feedgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:start;gap:14px;padding:14px}.feedgrid .card{border:1px solid var(--line);border-radius:4px}.card-photo{max-height:300px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.newsrow,.userrow{padding-left:14px;padding-right:14px}.toasts{left:auto;right:20px;bottom:20px;transform:none}.sheet{padding:24px;align-items:center;justify-content:center}.sheet-inner{max-width:460px;height:auto;flex:0 1 auto;max-height:86vh;border:1px solid var(--nav-lo);border-radius:5px}.sheet-body{flex:0 1 auto;min-height:0}}@media (max-width: 430px){.grid{grid-template-columns:repeat(3,1fr)}.phead-photo{width:70px;height:70px}.phead-name{font-size:18px}.stat-num{font-size:17px}.seg-item{padding:0 11px}}@media (max-width: 360px){.navbar-side{min-width:44px}.cbtn{padding:0 8px}}