:root{--m-pad: 16px}:root[data-accent=green],:root[data-accent=matcha]{--bg: #ffffff;--surface: #ffffff;--surface-2: #f5f7f6;--surface-3: #ebeeec;--border: #e6e9e7;--border-2: #d2d7d4;--border-3: #b6bdb9;--fg: #0f1714;--fg-muted: #283330;--fg-dim: #4a5550;--fg-faint: #6d7873;--hover-bg: rgba(15, 23, 20, .04);--hover-border: rgba(15, 23, 20, .2);--active-bg: rgba(15, 23, 20, .06);--accent: #00c264;--accent-line: rgba(0, 194, 100, .35);--accent-dim: rgba(0, 194, 100, .1);--owl: #0f1714;--ok: #00a85a;--warn: #d49a35;--error: #d8554a;--info: #5a85b8}:root[data-theme=dark][data-accent=green],:root[data-theme=dark][data-accent=matcha]{--bg: #0a0d0b;--surface: #131815;--surface-2: #1a201d;--surface-3: #232a26;--border: #232a26;--border-2: #303a35;--border-3: #3f4a44;--fg: #e8efea;--fg-muted: #a3b0a8;--fg-dim: #6f7a74;--fg-faint: #4a544f;--hover-bg: rgba(232, 239, 234, .04);--hover-border: rgba(232, 239, 234, .18);--active-bg: rgba(232, 239, 234, .07);--accent: #1ee07d;--accent-line: rgba(30, 224, 125, .4);--accent-dim: rgba(30, 224, 125, .12);--owl: #e8efea}html,body{margin:0;background:var(--bg);color:var(--fg)}html.m-app-lock,html.m-app-lock body{height:100%;overflow:hidden;overscroll-behavior:none}.m-shell{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.m-top{display:grid;grid-template-columns:auto auto minmax(0,auto) 1fr auto auto auto;gap:8px;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 12px) var(--m-pad) 10px;border-bottom:1px solid var(--border);background:var(--bg)}.m-logobtn{width:30px;height:30px;display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-brand{min-width:0;overflow:hidden;display:flex;align-items:center;gap:8px;font-weight:600;font-size:18px;letter-spacing:-.01em;background:none;border:0;padding:0;cursor:pointer;color:inherit;font-family:inherit;-webkit-tap-highlight-color:transparent}.m-brand-tag{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.06em;margin-left:4px}.m-bell{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;position:relative;color:var(--fg-muted);background:none;border:0;cursor:pointer}.m-bell:active{background:var(--surface-2)}.m-bal{display:inline-flex;align-items:center;gap:3px;padding:4px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--fg);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.m-bal:active{background:var(--bg-sub, var(--surface-2))}.m-bal-coin{color:var(--accent)}.m-bell-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg)}.m-tabs{display:flex;justify-content:center;gap:30px;border-bottom:1px solid var(--border);background:var(--bg)}.m-tab{background:none;border:0;padding:14px 2px;font-size:15px;color:var(--fg-dim);cursor:pointer;text-align:center;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.m-tab.is-active{color:var(--fg);font-weight:600;border-bottom-color:var(--accent)}.m-feed{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding:14px var(--m-pad) calc(env(safe-area-inset-bottom,0px) + 168px);display:flex;flex-direction:column;gap:12px;background:var(--bg);width:100%}.m-feed::-webkit-scrollbar{width:0}.m-search{display:flex;align-items:center;gap:10px}.m-search-input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--fg);font-size:14px;font-family:inherit;outline:none}.m-search-input:focus{border-color:var(--accent)}.m-search-input::placeholder{color:var(--fg-faint)}.m-search-count{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);white-space:nowrap}.m-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.m-head{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:start}.m-actor{width:36px;height:36px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:14px;font-family:var(--font-mono);color:var(--fg)}.m-actor--owl{background:#1a1410;color:#fff}.m-actor--violet{background:#a78bfa;color:#fff}.m-actor--ok{background:#00c2641a;color:var(--accent);border:1px solid var(--accent-line)}.m-actor--mark{background:#1a1410;color:#fff}.m-actor-row{display:flex;flex-direction:column;gap:2px}.m-actor-line{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:14px}.m-actor-name{font-weight:600;color:var(--fg)}.m-actor-verb{color:var(--fg-dim)}.m-actor-target{color:var(--fg);font-weight:500}.m-time{font-size:12px;color:var(--fg-faint)}.m-pill{font-family:var(--font-mono);font-size:12px;padding:4px 9px;border-radius:6px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-line);white-space:nowrap}.m-pill--violet{background:#a78bfa1a;color:#7c3aed;border-color:#a78bfa4d}.m-card-title{margin:12px 0 8px;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.m-card-title em{font-style:normal;color:var(--accent)}.m-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.m-tag{font-family:var(--font-mono);font-size:11.5px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);background:var(--surface-2)}.m-chart{height:90px;margin-bottom:12px;display:block}.m-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:10px;border-top:1px solid var(--border)}.m-stats>div{min-width:0}.m-stat-label{font-size:10.5px;color:var(--fg-dim);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-stat-val{font-family:var(--font-mono);font-size:12px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-stat-val .down{color:var(--accent)}.m-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.m-act{background:var(--surface, #fff);border:1px solid var(--border);box-shadow:0 1px 1px #0000000a,0 1px 3px #0000000f;font-size:13px;font-weight:600;color:var(--fg, #161616);padding:9px 4px;gap:7px;-webkit-tap-highlight-color:transparent;transition:transform .08s,box-shadow .08s;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;cursor:pointer;border-radius:6px}.m-act svg{flex-shrink:0}.m-act:active{transform:scale(.97);background:var(--active-bg);box-shadow:inset 0 1px 2px #00000014}.m-act--view:active{border-color:var(--fg-dim);color:var(--fg)}.m-act--fork:active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface, #fff))}.m-act--fork:active svg{stroke:var(--accent)}.m-card-open{cursor:pointer;border-radius:8px;transition:background .12s ease;-webkit-tap-highlight-color:transparent}.m-card-open:active{background:var(--active-bg)}.m-card--feed{transition:none}.m-reward-strip{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:12px}.m-reward-strip-l{color:var(--fg-dim)}.m-reward-strip-r{display:flex;align-items:center;gap:6px;font-weight:600}.m-reward-coin{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ffce5c,#f59f00);display:grid;place-items:center;color:#fff;font-size:10px}.m-system{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}.m-system-shield{width:40px;height:40px;border-radius:50%;background:#00c26414;border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center}.m-earned-amt{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--fg);text-align:right}.m-earned-unit{font-size:11px;color:var(--fg-dim);display:flex;gap:4px;align-items:center;justify-content:flex-end;margin-top:2px}.m-card-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid var(--border)}.m-card-stats-row>div{min-width:0}.m-card-stats-row .m-stat-val{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-bottom{position:fixed;left:0;right:0;bottom:0;padding:3px max(8px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 5px) max(8px,env(safe-area-inset-left,0px));background:var(--bg);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);z-index:50}.m-bnav{background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:9.5px;color:var(--fg-dim)}.m-bnav.is-active{color:var(--accent)}.m-bnav svg{display:block;width:19px;height:19px}.m-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#d6e0db,#aab8b1);border:1px solid var(--border-2);padding:0;cursor:pointer;display:inline-block;overflow:hidden}.m-avatar:active{filter:brightness(.97)}.m-avatar img{width:100%;height:100%;object-fit:cover;display:block}.m-signin{font-family:var(--font-mono);font-size:13px;font-weight:600;padding:9px 15px;border-radius:9px;background:var(--accent);color:#fff;border:0;cursor:pointer;white-space:nowrap;min-height:38px}.m-signin:disabled{opacity:.55}.m-signin:active:not(:disabled){filter:brightness(.95)}.m-signin-err{margin:0;padding:9px var(--m-pad);background:color-mix(in srgb,var(--error) 12%,var(--bg));border-bottom:1px solid color-mix(in srgb,var(--error) 32%,var(--bg));color:var(--error);font-size:12.5px;line-height:1.45}.m-auth-gate{padding:36px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.m-auth-gate-title{font-size:15px;font-weight:600;color:var(--fg)}.m-auth-gate-sub{font-family:var(--font-mono);font-size:13px;color:var(--fg-dim);line-height:1.5;max-width:30ch}.m-auth-gate .m-signin{font-size:14px;padding:11px 22px}.m-sheet-backdrop{position:fixed;inset:0;z-index:60;background:#0f171452}.m-notif{position:fixed;z-index:61;top:calc(env(safe-area-inset-top,0px) + 58px);left:var(--m-pad);right:var(--m-pad);max-height:72dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 44px #0003}.m-notif-head{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-weight:600;font-size:15px}.m-notif-head .m-notif-spacer{flex:1}.m-notif-mark{background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:12px;color:var(--accent);padding:4px 6px}.m-notif-close{background:none;border:0;cursor:pointer;font-size:18px;color:var(--fg-dim);line-height:1;width:30px;height:30px;display:grid;place-items:center}.m-notif-empty{padding:34px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--font-mono);font-size:13px;color:var(--fg-dim)}.m-notif-item{display:block;text-decoration:none;color:inherit;padding:13px 16px;border-bottom:1px solid var(--border)}.m-notif-item:last-child{border-bottom:0}.m-notif-item.is-unread{background:var(--accent-dim, rgba(0,194,100,.06))}.m-notif-title{font-weight:600;font-size:14px;color:var(--fg)}.m-notif-body{font-size:13px;color:var(--fg-dim);margin-top:2px;line-height:1.4;word-break:break-word}.m-notif-time{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);margin-top:4px}.m-feed-empty{margin:8px 0;padding:30px 22px;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.m-feed-empty-title{font-weight:600;font-size:14px;color:var(--fg)}.m-feed-empty-sub{font-family:var(--font-mono);font-size:13px;color:var(--fg-dim);line-height:1.5;max-width:32ch}@media(orientation:landscape)and (max-height:600px){.m-top{padding-top:8px;padding-bottom:8px}.m-tab{padding-top:9px;padding-bottom:9px}}.m-burger{background:none;border:0;cursor:pointer;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--fg);padding:0}.m-burger:active{background:var(--surface-2)}.m-drawer-bg{position:fixed;inset:0;z-index:70;background:#0000006b;border:0;padding:0;margin:0;cursor:default;animation:m-drawer-fade .15s ease}.m-drawer{position:fixed;z-index:71;top:0;bottom:0;left:0;width:min(78vw,320px);background:var(--bg);border-right:1px solid var(--border);box-shadow:4px 0 28px #0000002e;display:flex;flex-direction:column;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);padding-left:env(safe-area-inset-left,0px);animation:m-drawer-slide .18s ease;overflow-y:auto}.m-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 14px;border-bottom:1px solid var(--border);margin-bottom:6px}.m-drawer-x{background:none;border:0;cursor:pointer;font-size:16px;color:var(--fg-dim);padding:6px 8px}.m-drawer-item{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:13px 18px;font-size:16px;color:var(--fg);font-family:inherit;text-decoration:none}.m-drawer-item:active{background:var(--surface-2)}.m-drawer-item.is-active{color:var(--accent);font-weight:600}.m-drawer-item--ext{color:var(--fg-dim);font-size:14px;margin-top:auto}@keyframes m-drawer-fade{0%{opacity:0}}@keyframes m-drawer-slide{0%{transform:translate(-100%)}}