.post-title-input{width:100%;margin:0 0 10px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;outline:0;background:var(--surface-muted);color:var(--ink);font:700 1rem var(--body)}.post-title-input::placeholder{color:var(--ink-soft);font-weight:600}.post-card-title{margin:16px 3px 0;color:var(--ink);font-size:1.12rem;line-height:1.4}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 3px 10px}.post-tags span{color:var(--matcha-dark);font-size:.66rem}.composer-selects{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px}.composer-selects label{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.7rem;font-weight:700}.composer-selects select{padding:7px 28px 7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink);outline:0;font-size:.72rem}.tag-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.tag-picker>span{margin-right:3px;color:var(--ink-soft);font-size:.68rem;font-weight:800}.tag-picker button{padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink-soft);font-size:.66rem}.tag-picker button.selected,.tag-picker button:hover{border-color:var(--line-strong);background:#0a84ff1a;color:var(--matcha-dark)}.section-filter{color:#bf5af2!important}.loading-state{display:grid;place-items:center;gap:8px;min-height:160px;border:1px dashed var(--line);border-radius:16px;color:var(--ink-soft);font-size:.78rem}.loading-state span{color:var(--pink);font-size:1.8rem;animation:float-mark 1.3s ease-in-out infinite}.network-error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px;padding:11px 13px;border:1px solid rgba(255,69,58,.3);border-radius:11px;background:#ff453a14;color:#ff6482;font-size:.72rem}.network-error button{padding:6px 9px;border-radius:7px;background:#ff453a21;color:#ff6482;font-size:.68rem;font-weight:800}.load-more{display:block;width:100%;margin-top:14px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--matcha-dark);font-size:.73rem;font-weight:800}.load-more:disabled{opacity:.5}.profile-badge{display:inline-block;margin:0 0 13px;padding:5px 9px;border-radius:999px;background:#bf5af22e;color:#bf5af2;font-size:.65rem;font-weight:800}.profile-empty{display:grid;place-items:center;gap:8px;min-height:180px;padding:22px 16px}.profile-empty>span{color:var(--pink);font-size:2rem}.profile-empty strong{font-size:.78rem}.profile-empty p{margin:0;color:var(--ink-soft);font-size:.68rem}.account-panel{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:17px 24px;margin:0 0 26px;padding:20px 22px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface-strong);box-shadow:var(--shadow)}.account-copy h2{margin:5px 0 4px;font:400 1.35rem var(--display)}.account-copy p{margin:0;color:var(--ink-soft);font-size:.74rem}.account-tabs{align-self:end;justify-self:end;display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px}.account-tabs button{padding:6px 12px;border-radius:6px;background:transparent;color:var(--ink-soft);font-size:.7rem;font-weight:800}.account-tabs button.active{background:#0a84ff1f;color:var(--matcha-dark)}.account-form{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.account-form input,.verify-form input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:var(--surface-muted);color:var(--ink);font-size:.73rem}.account-form .primary-button{justify-self:end;min-width:125px}.dev-link,.watch-notice,.account-ready,.verify-form,.agreement-gate{grid-column:1 / -1}.dev-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;background:#0a84ff1a;color:var(--matcha-dark);font-size:.7rem}.dev-link a{color:var(--matcha-dark);text-decoration:underline;font-weight:800}.account-logged{grid-template-columns:1fr auto}.account-logged>.subtle-button{align-self:center}.verify-form{padding-top:12px;border-top:1px solid var(--line)}.verify-form p{margin:0 0 8px;color:var(--ink-soft);font-size:.73rem}.inline-form{display:flex;gap:7px;max-width:430px}.inline-form .subtle-button{padding:8px 13px}.verify-form small{display:block;margin-top:6px;color:var(--ink-soft);font-size:.63rem}.agreement-gate{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.agreement-body{max-height:165px;overflow:auto;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted)}.agreement-body strong{color:var(--matcha-dark);font-size:.74rem}.agreement-body p{margin:7px 0 0;white-space:pre-wrap;color:var(--ink-soft);font-size:.69rem;line-height:1.7}.agreement-gate .primary-button{justify-self:start}.account-ready{display:flex;align-items:center;gap:10px;padding-top:11px;border-top:1px solid var(--line)}.account-ready>span{color:var(--matcha);font-size:1.4rem}.account-ready p{margin:0;color:var(--ink-soft);font-size:.72rem;line-height:1.6}.account-ready strong{color:var(--matcha-dark)}.watch-notice{padding:9px 11px;border-radius:9px;background:#ff9f0a1f;color:#ff9f0a;font-size:.7rem}.reaction-action{display:contents}.reaction-line{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0 3px}.reaction-line button{padding:3px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--ink-soft);font-size:.64rem}.reaction-line button.mine{border-color:#ff64828c;background:#ff648221;color:#ff6482}.reaction-line.compact{margin-top:4px}.comment-content{flex:1;min-width:0}.comment-tools{display:flex;gap:8px;margin-top:3px}.comment-tools button{padding:0;background:transparent;color:var(--ink-soft);font-size:.62rem}.comment-tools button:hover{color:var(--matcha-dark)}.reply-hint{display:inline-flex;align-items:center;gap:4px;color:var(--matcha-dark);font-size:.65rem;white-space:nowrap}.reply-hint button{padding:0;background:transparent;color:var(--ink-soft)}@keyframes float-mark{50%{transform:translateY(-5px);opacity:.55}}@media(max-width:700px){.account-panel{display:block;padding:17px 15px}.account-tabs{margin:13px 0 11px;width:fit-content}.account-form{display:grid;grid-template-columns:1fr}.account-form .primary-button{width:100%}.account-logged>.subtle-button{position:absolute;top:15px;right:14px}.account-copy{padding-right:90px}.post-card-title{font-size:1rem}.composer-selects{align-items:flex-start;flex-direction:column;gap:7px}.reaction-picker{right:-3px}}.image-pickers{display:flex;flex-wrap:wrap;gap:8px}.image-picker.search-toggle{cursor:pointer}.image-search{display:grid;gap:9px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-muted)}.image-search-form{display:flex;gap:8px}.image-search-form input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);color:var(--ink);font-size:.75rem;outline:0}.image-search-form input:focus{border-color:var(--line-strong)}.image-search-form .subtle-button{padding:8px 13px}.image-search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.image-search-item{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);aspect-ratio:1;transition:border-color .18s ease}.image-search-item:hover{border-color:var(--matcha)}.image-search-item img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:700px){.image-search-grid{grid-template-columns:repeat(3,1fr)}}:root{--cream: #0A0E1A;--cream-deep: #0D1424;--surface: #141B2E;--surface-strong: #1B2440;--surface-muted: #101627;--ink: #F2F5FA;--ink-soft: #9DB0CC;--line: #2A3A5C;--line-strong: #3B4E78;--matcha: #0A84FF;--matcha-dark: #0A84FF;--pink: #FF6482;--lavender: #BF5AF2;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--display: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--body: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--cream)}body{margin:0;min-width:320px;font-family:var(--body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--matcha);outline-offset:2px}.material-symbols-rounded{display:inline-flex;flex:none;align-items:center;justify-content:center;font-style:normal;font-size:1.15em;line-height:1;vertical-align:-.18em;-webkit-user-select:none;user-select:none}.material-symbols-rounded svg{width:1em;height:1em;display:block}.app{min-height:100vh;background:var(--cream)}.app.dark{color-scheme:dark}.topbar{position:sticky;top:0;z-index:5;height:74px;border-bottom:1px solid var(--line);background:var(--surface)}.topbar-inner{width:min(1260px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:baseline;gap:8px;color:var(--matcha-dark);text-decoration:none}.brand span{font:700 2rem/1 var(--display);letter-spacing:.02em}.brand small{color:var(--ink-soft);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.desktop-nav{display:flex;align-items:stretch;gap:6px;height:100%}.desktop-nav button{position:relative;padding:0 16px;background:transparent;color:var(--ink-soft);font-weight:700;font-size:.9rem}.desktop-nav button:after{position:absolute;right:16px;bottom:0;left:16px;height:3px;border-radius:3px 3px 0 0;background:var(--matcha);content:"";opacity:0;transform:translateY(3px);transition:.2s ease}.desktop-nav button.active,.desktop-nav button:hover{color:var(--matcha-dark)}.desktop-nav button.active:after{opacity:1;transform:none}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.theme-button,.avatar-button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface-muted);border:1px solid var(--line);transition:border-color .2s,color .2s}.theme-button{font-size:1.05rem;color:var(--ink-soft)}.theme-button:hover,.avatar-button:hover{border-color:var(--line-strong);color:var(--matcha-dark)}.avatar-button{padding:3px;overflow:hidden}.avatar-button img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.page-shell{width:min(1260px,calc(100% - 48px));margin:auto}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:38px 0 26px}.eyebrow{color:var(--matcha-dark);font-size:.66rem;font-weight:800;letter-spacing:.16em}.welcome h1{margin:10px 0 8px;color:var(--ink);font:400 clamp(1.75rem,3.1vw,2.6rem)/1.2 var(--display);letter-spacing:0}.welcome h1 em{color:var(--matcha-dark);font-style:normal}.welcome h1 span{color:var(--ink-soft)}.welcome p{margin:0;color:var(--ink-soft);font-size:.95rem}.welcome-stamp{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px dashed var(--line-strong);border-radius:16px;color:var(--ink-soft)}.welcome-stamp span{color:var(--pink);font-size:1.9rem}.welcome-stamp small{font-size:.68rem;line-height:1.45;letter-spacing:.06em}.mobile-quick{display:none}.workspace{display:grid;grid-template-columns:226px minmax(0,1fr) 250px;align-items:start;gap:30px;padding-bottom:54px}.panel-label{margin-bottom:12px;color:var(--ink-soft);font-size:.63rem;font-weight:800;letter-spacing:.16em}.profile-card,.discover-block,.memory-note,.composer,.post-card,.compose-trigger{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.profile-card{padding:22px 18px 18px;border-radius:16px;text-align:center}.profile-art{position:relative;display:grid;place-items:center;width:114px;height:114px;margin:0 auto 16px}.profile-art img{position:relative;z-index:1;width:76px;height:76px;border:4px solid var(--surface-strong);border-radius:50%;object-fit:cover;border-color:var(--line)}.orbit{position:absolute;border:1px solid var(--line-strong);border-radius:50%;transform:rotate(-24deg)}.orbit-one{top:11px;right:0;bottom:11px;left:0}.orbit-two{top:0;right:13px;bottom:0;left:13px;transform:rotate(42deg);border-color:#ff648280}.profile-card h2{margin:0;font:400 1.45rem var(--display)}.handle{margin:2px 0 12px;color:var(--matcha-dark);font-size:.78rem}.profile-bio{min-height:44px;margin:0 auto 18px;color:var(--ink-soft);font-size:.79rem;line-height:1.6}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:13px 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-stats div{display:flex;flex-direction:column;gap:1px}.profile-stats b{color:var(--ink);font-size:.95rem}.profile-stats span{color:var(--ink-soft);font-size:.65rem}.subtle-button{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--matcha-dark);font-size:.76rem;font-weight:800;transition:background .2s,border-color .2s}.subtle-button:hover{background:var(--surface-muted);border-color:var(--line-strong)}.full-width{width:100%;margin-top:15px}.memory-note{display:flex;gap:10px;margin-top:14px;padding:14px;border-radius:16px;background:var(--surface-muted)}.note-pin{color:var(--pink);font-size:1.15rem}.memory-note strong{font-size:.76rem}.memory-note p{margin:3px 0 0;color:var(--ink-soft);font-size:.68rem;line-height:1.5}.feed-column{min-width:0}.compose-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:14px 17px;border-radius:16px;color:var(--ink-soft);text-align:left;transition:border-color .2s,color .2s}.compose-trigger:hover{border-color:var(--line-strong);color:var(--ink)}.trigger-avatar{display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border:2px solid var(--surface-strong);border-radius:50%;background:var(--cream-deep)}.trigger-avatar img{width:100%;height:100%;object-fit:cover}.compose-trigger b{margin-left:auto;color:var(--matcha-dark);font-size:1.3rem;font-weight:400}.feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:26px 0 14px}.feed-heading h2{margin:4px 0 0;font:800 1.18rem var(--body);letter-spacing:.01em}.feed-heading h2 small{display:inline-grid;place-items:center;width:25px;height:22px;margin-left:4px;border-radius:8px;background:#0a84ff1f;color:var(--matcha-dark);font:800 .68rem var(--body);vertical-align:middle}.sort-tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--surface-muted)}.sort-tabs button{padding:6px 10px;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:.72rem;font-weight:800}.sort-tabs button.active{background:var(--surface-strong);color:var(--matcha-dark);border:1px solid var(--line)}.filter-row{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:17px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-soft);font-size:.71rem}.filter-row button:hover,.filter-row button.active{border-color:var(--line);background:var(--surface-strong);color:var(--matcha-dark)}.filter-row button.active span{color:var(--filter-color, var(--matcha))}.author-filter{color:var(--pink)!important}.feed-list{display:grid;gap:13px}.post-card{padding:20px 21px 15px;border-radius:16px;animation:rise .45s both;transition:border-color .2s ease,box-shadow .2s ease}.post-card:hover{border-color:var(--line-strong)}.post-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.author-block{display:flex;align-items:center;gap:10px;min-width:0}.avatar,.mini-avatar{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;object-fit:cover}.avatar-letter,.mini-avatar{background:var(--cream-deep);color:var(--matcha-dark);font-weight:800}.author-block strong{display:block;font-size:.82rem}.author-block span{display:block;margin-top:1px;color:var(--ink-soft);font-size:.67rem}.mood-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--mood-tint);color:var(--mood-color);font-size:.68rem;white-space:nowrap}.mood-tag b{font-size:.84rem;font-weight:400}.post-copy{margin:17px 4px 18px;white-space:pre-wrap;color:var(--ink);font-size:.92rem;line-height:1.78}.post-image{width:100%;max-height:300px;border-radius:12px;object-fit:cover}.post-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:11px;border-top:1px solid var(--line)}.action-button{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:.71rem;transition:background .18s ease,color .18s ease}.action-button:hover,.action-button.active{background:#ff648221;color:#ff6482}.action-button.active-comment{background:#0a84ff1f;color:var(--matcha-dark)}.action-button span{font-size:1rem}.post-id{margin-left:auto;color:var(--ink-soft);font-size:.64rem}.comments-panel{margin:12px 0 0;padding:12px;border-radius:12px;background:var(--surface-muted)}.comment-row{display:flex;align-items:flex-start;gap:8px;padding:6px 0}.comment-row .avatar{width:25px;height:25px;font-size:.64rem}.comment-row p{margin:1px 0 0;color:var(--ink-soft);font-size:.75rem;line-height:1.55}.comment-row strong{margin-right:6px;color:var(--ink)}.comment-form{display:flex;gap:6px;margin-top:8px}.comment-form input{min-width:0;flex:1;padding:9px 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:var(--surface-strong);color:var(--ink);font-size:.72rem}.comment-form button{width:34px;border-radius:12px;background:var(--matcha);color:#fff;font-weight:800}.muted-text{margin:3px 0 9px;color:var(--ink-soft);font-size:.72rem}.composer{position:relative;padding:22px;border-radius:16px}.composer-head{display:flex;justify-content:space-between;align-items:flex-start}.composer h2{margin:5px 0 15px;font:400 1.45rem var(--display)}.composer-mark{color:var(--pink);font-size:2rem}.composer textarea{width:100%;min-height:118px;resize:vertical;padding:14px;border:1px solid var(--line);border-radius:12px;outline:0;background:var(--surface-muted);color:var(--ink);font-size:.85rem;line-height:1.7}.composer textarea::placeholder,.comment-form input::placeholder{color:var(--ink-soft)}.composer-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:13px}.mood-picker{display:flex;flex-wrap:wrap;gap:5px}.mood-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:.68rem;transition:background .18s ease,color .18s ease,border-color .18s ease}.mood-chip:hover,.mood-chip.selected{border-color:color-mix(in srgb,var(--mood-color) 28%,transparent);background:var(--mood-tint);color:var(--mood-color)}.mood-chip span{font-size:.9rem}.composer-actions{display:flex;align-items:center;gap:9px}.icon-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:12px;color:var(--matcha-dark);cursor:pointer}.icon-button input{display:none}.char-count{color:var(--ink-soft);font-size:.68rem;white-space:nowrap}.primary-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:12px;background:var(--matcha);color:#fff;font-size:.72rem;font-weight:800;transition:background .18s ease}.primary-button:hover:not(:disabled){background:#2997ff}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.image-preview{position:relative;width:100px;margin-top:12px}.image-preview img{display:block;width:100px;height:80px;border-radius:9px;object-fit:cover}.image-preview button{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--cream);line-height:1}.composer-close{position:absolute;top:19px;right:48px;display:inline-flex;align-items:center;gap:3px;padding:4px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--matcha-dark);font-size:.68rem;font-weight:700;transition:border-color .18s ease,background .18s ease}.composer-close:hover{border-color:var(--line-strong);background:var(--surface-muted)}.composer-close svg{width:.95em;height:.95em}.form-error{margin:10px 0 0;color:#ff6482;font-size:.72rem}.discover-panel{display:flex;flex-direction:column;gap:12px}.discover-block{padding:17px 15px;border-radius:16px}.authors-block{margin-top:0}.block-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.block-title h3{margin:0;font-size:.8rem}.block-title span{color:var(--ink-soft);font-size:.65rem}.mood-bars{display:grid;gap:9px}.mood-bar{display:grid;grid-template-columns:69px minmax(0,1fr) 17px;align-items:center;gap:7px;padding:0;background:transparent;text-align:left}.mood-bar:hover .bar-label,.mood-bar.active .bar-label{color:var(--ink)}.bar-label{display:flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:.66rem}.bar-label i{font-size:.85rem;font-style:normal}.bar-track{height:5px;overflow:hidden;border-radius:999px;background:var(--cream-deep)}.bar-track i{display:block;height:100%;border-radius:inherit;transition:width .4s ease}.mood-bar>b{color:var(--ink-soft);font-size:.63rem;font-weight:600;text-align:right}.author-row{display:flex;align-items:center;width:100%;gap:8px;padding:7px 0;background:transparent;text-align:left}.author-row:hover strong{color:var(--matcha-dark)}.mini-avatar{width:27px;height:27px;font-size:.69rem}.mini-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.author-row span:nth-child(2){display:flex;flex-direction:column;min-width:0}.author-row strong{font-size:.71rem}.author-row small{margin-top:1px;color:var(--ink-soft);font-size:.62rem}.author-row>b{margin-left:auto;color:var(--ink-soft);font-size:.8rem;font-weight:400}.discover-footer{display:flex;align-items:flex-start;gap:10px;margin-top:6px;padding:10px 5px;color:var(--ink-soft)}.discover-footer .sparkle{color:var(--pink);font-size:1.3rem}.discover-footer p{margin:0;font-size:.7rem;line-height:1.65}.discover-footer strong{color:var(--matcha-dark)}.empty-state{padding:50px 20px;border:1px dashed var(--line-strong);border-radius:16px;text-align:center}.empty-state>span{color:var(--pink);font-size:2rem}.empty-state h3{margin:10px 0 5px;font:400 1.2rem var(--display)}.empty-state p{margin:0;color:var(--ink-soft);font-size:.75rem}.footer{display:flex;justify-content:space-between;gap:20px;width:min(1260px,calc(100% - 48px));margin:auto;padding:23px 0 35px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.66rem}.floating-compose,.bottom-nav{display:none}.toast{position:fixed;z-index:10;right:24px;bottom:24px;padding:11px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-strong);box-shadow:var(--shadow);color:var(--matcha-dark);font-size:.76rem;animation:toast-in .25s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:980px){.workspace{grid-template-columns:192px minmax(0,1fr);gap:22px}.discover-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.discover-panel>.panel-label{grid-column:1 / -1;margin-bottom:-7px}.discover-footer{grid-column:1 / -1;margin-top:0}}@media(max-width:700px){.topbar{height:62px}.topbar-inner,.page-shell,.footer{width:min(100% - 28px,560px)}.topbar-inner{gap:12px}.brand span{font-size:1.65rem}.brand small,.desktop-nav,.mode-pill{display:none}.top-actions{gap:8px}.welcome{padding:40px 0 25px}.welcome h1{font-size:2.25rem}.welcome p{max-width:260px;font-size:.82rem}.welcome-stamp{display:none}.mobile-quick{display:flex;gap:4px;margin-bottom:23px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}.mobile-quick button{flex:1;padding:8px;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:.74rem;font-weight:800}.mobile-quick button.active{background:var(--surface-strong);color:var(--matcha-dark);box-shadow:0 3px 8px #0000000f}.workspace{display:block;padding-bottom:80px}.profile-panel{display:none}.discover-panel{display:flex;flex-direction:column;gap:12px;margin-top:30px}.discover-panel>.panel-label{margin-bottom:12px}.discover-block,.authors-block{margin-top:0}.discover-footer{margin-top:15px}.composer{padding:18px 15px}.composer-tools{display:block}.composer-actions{justify-content:flex-end;margin-top:12px}.composer-close{top:16px;right:38px}.feed-heading{margin-top:28px}.feed-heading h2{font-size:1.4rem}.post-card{padding:17px 15px 13px}.post-copy{margin:14px 2px 16px;font-size:.86rem}.footer{display:none}.floating-compose{display:grid;place-items:center;position:fixed;right:18px;bottom:74px;z-index:4;width:48px;height:48px;border-radius:50%;background:var(--matcha);color:#fff;font-size:1.5rem;border:1px solid var(--cream)}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:space-around;height:58px;border-top:1px solid var(--line);background:var(--surface)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:70px;background:transparent;color:var(--ink-soft);font-size:.6rem}.bottom-nav button span{font-size:1.1rem}.bottom-nav button.active{color:var(--matcha-dark)}.bottom-nav .bottom-create{display:grid;width:45px;min-width:45px;height:45px;margin-top:-19px;border:4px solid var(--cream);border-radius:50%;background:var(--matcha);color:#fff;font-size:1.45rem}.bottom-nav .bottom-create span{font-size:1.4rem}}@media(max-width:420px){.topbar-inner,.page-shell{width:calc(100% - 22px)}.welcome h1{font-size:2rem}.mood-picker{gap:2px}.mood-chip{padding:6px}.mood-chip:not(.selected){font-size:0}.mood-chip:not(.selected) span{font-size:.95rem}.post-topline{gap:8px}.mood-tag{padding:4px 7px}}.route-page{width:min(720px,100%);margin:6px auto 44px;display:grid;gap:18px}.route-page.wide{width:min(1040px,100%)}.route-page.narrow{width:min(460px,100%)}.page-head{display:grid;gap:6px}.page-head h1{margin:0;font:400 1.6rem var(--display);color:var(--ink)}.page-head p{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.6}.page-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong);box-shadow:var(--shadow)}.page-card+.page-card{margin-top:0}.page-card h2{margin:0 0 12px;font:800 1.02rem var(--body);color:var(--ink);letter-spacing:.01em}.page-card h3{margin:0 0 8px;font:700 .82rem var(--body);color:var(--ink)}.field{display:grid;gap:6px;margin-bottom:13px}.field>label{font-size:.72rem;font-weight:700;color:var(--ink-soft)}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);color:var(--ink);font:400 .82rem var(--body);outline:0}.field textarea{min-height:120px;resize:vertical;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #0a84ff24}.field .hint{font-size:.66rem;color:var(--ink-soft)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button-row .spacer{flex:1}.link-button{padding:0;border:0;background:none;color:var(--matcha-dark);font:inherit;font-size:.72rem;font-weight:700;text-decoration:underline;cursor:pointer}.status-banner{padding:12px 14px;border-radius:12px;font-size:.78rem;line-height:1.6}.status-banner.ok{background:#0a84ff1f;color:var(--matcha-dark)}.status-banner.err{background:#ff453a1a;color:#ff6482}.status-banner.info{background:#ff9f0a1f;color:#ff9f0a}.placeholder-card{display:grid;place-items:center;gap:10px;min-height:240px;text-align:center}.placeholder-card .mark{font-size:2.2rem;color:var(--pink);animation:float-mark 1.4s ease-in-out infinite}.placeholder-card strong{font-size:.95rem;color:var(--ink)}.placeholder-card p{margin:0;max-width:380px}.account-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#04070e61}.account-overlay-card{width:min(700px,100%);max-height:90vh;overflow:auto;border-radius:16px}.account-overlay-card .account-panel{margin:0}.muted-text{color:var(--ink-soft);font-size:.74rem}.page-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px}.page-tabs button{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-size:.72rem;font-weight:700}.page-tabs button.active{border-color:var(--line-strong);background:#0a84ff1f;color:var(--matcha-dark)}.post-detail-title{margin:14px 0 6px;font:400 1.5rem/1.35 var(--display);color:var(--ink)}.post-detail-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:14px;color:var(--ink-soft);font-size:.72rem}.post-detail-meta .pin-flag{color:#ff9f0a;font-weight:700}.post-detail-body{margin:0 0 14px;color:var(--ink);font-size:.92rem;line-height:1.85;white-space:pre-wrap}.author-name{color:var(--ink);text-decoration:none}.author-name:hover{color:var(--matcha-dark);text-decoration:underline}.comment-list{display:grid;gap:16px}.comment-compose{display:grid;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}.comment-compose textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);color:var(--ink);font:400 .82rem var(--body);line-height:1.6;outline:0;resize:vertical}.comment-compose textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #0a84ff24}.comment-compose-actions{display:flex;align-items:center;gap:10px}.comment-compose-actions .char-count{margin-right:auto}.comment-thread{display:grid;gap:14px}.comment-group{display:grid;gap:10px}.comment-row.is-reply{margin-left:34px;padding-left:12px;border-left:2px solid var(--line)}.comment-head{display:flex;gap:8px;align-items:baseline;margin:0}.comment-head strong{color:var(--ink);font-size:.8rem}.comment-head span{color:var(--ink-soft);font-size:.64rem}.comment-body{margin:3px 0 0;color:var(--ink);font-size:.82rem;line-height:1.7;white-space:pre-wrap}.form-note{margin:4px 0 0;color:var(--ink-soft);font-size:.66rem}.agreement-full{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);color:var(--ink-soft);font-size:.82rem;line-height:1.85;white-space:pre-wrap;max-height:52vh;overflow:auto}.composer-image{display:grid;gap:8px;margin:10px 0 2px}.image-picker{position:relative;display:inline-flex;align-items:center;justify-self:start;padding:7px 12px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--surface-muted);color:var(--ink-soft);font-size:.72rem;font-weight:700;cursor:pointer;overflow:hidden}.image-picker:hover{border-color:var(--matcha);color:var(--matcha-dark)}.image-picker input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-preview{display:flex;gap:10px;align-items:center}.image-preview img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.image-preview-meta{display:grid;gap:6px}.image-preview-meta span{color:var(--ink-soft);font-size:.66rem}.image-preview-meta button{justify-self:start;padding:4px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink-soft);font-size:.66rem}.composer-image .form-error{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.state-picker{display:grid;gap:7px;margin:2px 0 13px}.state-label{color:var(--ink-soft);font-size:.67rem;font-weight:800;letter-spacing:.04em}.composer-foot{display:flex;align-items:center;gap:12px;margin-top:13px}.section-inline{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:.7rem;font-weight:700}.section-inline select{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink);font-size:.72rem;outline:0}.composer-foot .char-count{margin-left:auto}.bell-button{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.95rem;line-height:1}.bell-button:hover{border-color:var(--line-strong)}.bell-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--pink);color:#fff;font-size:.58rem;font-weight:800;line-height:17px;text-align:center}.icon-round{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);transition:transform .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease}.icon-round:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:var(--matcha-dark);border-color:var(--line-strong)}.icon-round .material-symbols-rounded{font-size:1.25rem}.top-search{display:flex;align-items:center;gap:6px}.top-search form{display:flex;align-items:center}.top-search input{width:0;opacity:0;padding:0;border:1px solid transparent;border-radius:999px;background:var(--surface-strong);color:var(--ink);font-size:.78rem;outline:0;transition:width .28s ease,opacity .2s ease,padding .28s ease,border-color .2s ease}.top-search.open input{width:172px;opacity:1;padding:8px 13px;border-color:var(--line)}.avatar-menu{position:relative}.avatar-dropdown{position:absolute;top:calc(100% + 9px);right:0;z-index:30;min-width:172px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.avatar-menu:hover .avatar-dropdown,.avatar-dropdown:focus-within{opacity:1;visibility:visible;transform:none}.avatar-dropdown button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border-radius:9px;background:transparent;color:var(--ink);font-size:.78rem;text-align:left;transition:background .16s ease,color .16s ease}.avatar-dropdown button:hover{background:#0a84ff1a;color:var(--matcha-dark)}.avatar-dropdown .material-symbols-rounded{font-size:1.1rem;color:var(--matcha-dark)}.online-now{display:flex;flex-direction:column;gap:8px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-muted)}.online-avatars{display:flex}.online-avatar{display:grid;place-items:center;width:26px;height:26px;margin-left:-7px;padding:0;border:2px solid var(--surface);border-radius:50%;background:linear-gradient(135deg,#0a84ff40,#ff648240);color:var(--matcha-dark);font-size:.62rem;font-weight:800;overflow:hidden;transition:transform .18s ease}.online-avatar:first-child{margin-left:0}.online-avatar:hover{transform:translateY(-2px);z-index:1}.online-avatar img{width:100%;height:100%;object-fit:cover}.online-count{display:flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:.68rem}.online-count b{color:var(--matcha-dark)}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--matcha);box-shadow:0 0 0 3px #0a84ff29;animation:pulse-dot 2.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.island-view-card{padding:16px}.island-view-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.island-view-head h2{margin:0}.island-view-head span{color:var(--ink-soft);font-size:.68rem}.island-canvas-wrap{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}.island-canvas{display:block;width:100%;cursor:pointer}.island-tip{position:absolute;z-index:2;display:grid;gap:2px;max-width:168px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-strong);pointer-events:none}.island-tip strong{color:var(--matcha-dark);font-size:.68rem}.island-tip span{color:var(--ink-soft);font-size:.66rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.island-hint{position:absolute;right:10px;bottom:8px;padding:3px 9px;border-radius:999px;background:#0f19238c;color:#fff;font-size:.6rem;pointer-events:none}.island-weather{display:flex;align-items:center;gap:8px;margin:12px 0 2px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}.island-weather>.material-symbols-rounded{font-size:1.3rem;color:var(--matcha-dark)}.island-weather span{color:var(--ink);font-size:.76rem;font-weight:700}.island-weather small{margin-left:auto;color:var(--ink-soft);font-size:.63rem}.daily-q{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:13px;padding:11px 13px;border:1px dashed var(--line-strong);border-radius:13px;background:var(--surface-muted);color:var(--ink);text-align:left;transition:background .18s ease}.daily-q:hover{background:#0a84ff14}.daily-q>.material-symbols-rounded{color:var(--matcha-dark);font-size:1.2rem}.daily-q-text{flex:1;min-width:0;display:grid;gap:2px;font-size:.78rem;line-height:1.4}.daily-q-text small{color:var(--matcha-dark);font-size:.6rem;font-weight:800;letter-spacing:.06em}.daily-q em{flex:0 0 auto;font-style:normal;color:var(--ink-soft);font-size:.62rem}.qq-row{display:flex;align-items:center;gap:10px}.qq-row input{flex:1;min-width:0}.qq-preview{flex:0 0 auto;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;object-fit:cover}.reaction-picker{display:flex;flex-wrap:wrap;gap:6px;width:100%;padding:9px 10px;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);animation:rise .22s ease both}.reaction-pick{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid transparent;border-radius:999px;background:var(--surface);color:var(--ink-soft);font-size:.7rem;white-space:nowrap;transition:color .16s ease,background .16s ease,border-color .16s ease}.reaction-pick:hover{border-color:color-mix(in srgb,var(--reaction-color) 40%,transparent);color:var(--reaction-color)}.reaction-pick.selected{border-color:var(--reaction-color);background:color-mix(in srgb,var(--reaction-color) 14%,transparent);color:var(--reaction-color)}.reaction-pick .material-symbols-rounded{font-size:1rem}.notif-list{display:grid;gap:6px}.notif-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:left}.notif-item.unread{border-color:#0a84ff73;background:#0a84ff12}.notif-item:hover{border-color:var(--line-strong)}.notif-icon{flex-shrink:0;display:grid;place-items:center;color:var(--pink)}.notif-icon .avatar{width:30px;height:30px;font-size:.7rem}.notif-body{flex:1;min-width:0;display:grid;gap:2px}.notif-text{color:var(--ink-soft);font-size:.76rem}.notif-text strong{color:var(--ink)}.notif-body small{color:var(--ink-soft);font-size:.64rem}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);flex-shrink:0}.authorize-lead{margin:0 0 8px;font-size:.95rem;color:var(--ink)}.authorize-lead strong{color:var(--matcha-dark)}.scope-list{display:grid;gap:8px;margin:14px 0}.scope-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted)}.scope-check{color:var(--matcha-dark);font-weight:800}.scope-item strong{display:block;color:var(--ink);font-size:.8rem}.scope-item small{color:var(--ink-soft);font-size:.66rem}.drift-card{display:flex;align-items:center;gap:11px;width:100%;padding:13px 14px;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(135deg,#0a84ff24,#ff64821f);color:var(--ink);text-align:left;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.drift-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0a84ff2e}.drift-card:disabled{opacity:.65;transform:none}.drift-mark{font-size:1.5rem;line-height:1}.drift-text{flex:1;min-width:0;display:grid;gap:2px}.drift-text strong{font-size:.86rem;color:var(--matcha-dark)}.drift-text small{color:var(--ink-soft);font-size:.63rem;line-height:1.4}.drift-go{color:var(--matcha-dark);font-size:1rem}.drift-msg{margin:8px 2px 0;color:#ff9f0a;font-size:.66rem}.pulse-row{display:flex;flex-wrap:wrap;gap:4px 12px;margin:12px 2px 0;color:var(--ink-soft);font-size:.65rem}.pulse-row b{color:var(--matcha-dark);font-size:.82rem}.hot-list{display:grid;gap:1px}.hot-row{display:flex;gap:9px;align-items:flex-start;width:100%;padding:7px 0;background:transparent;text-align:left}.hot-row:hover .hot-main strong{color:var(--matcha-dark)}.hot-rank{flex:0 0 auto;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:var(--cream-deep);color:var(--ink-soft);font-size:.64rem;font-weight:800}.hot-rank.top{background:#ff648252;color:#ff6482}.hot-main{flex:1;min-width:0;display:grid;gap:2px}.hot-main strong{font-size:.74rem;color:var(--ink);line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hot-main small{color:var(--ink-soft);font-size:.6rem}.hot-section{color:var(--matcha-dark)}.reply-row{display:flex;gap:9px;align-items:flex-start;width:100%;padding:8px 0;background:transparent;text-align:left}.reply-row:hover .reply-main strong{color:var(--matcha-dark)}.reply-row .avatar{width:26px;height:26px;font-size:.62rem}.reply-main{flex:1;min-width:0;display:grid;gap:1px}.reply-main strong{font-size:.71rem;color:var(--ink)}.reply-main em{font-style:normal;color:var(--ink-soft);font-size:.71rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-main small{color:var(--ink-soft);font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.side-empty{margin:4px 0;color:var(--ink-soft);font-size:.68rem;line-height:1.5}.post-card.is-collapsed{padding-bottom:16px}.post-card.is-collapsed .post-card-title{margin-top:10px}.post-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:11px}.section-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:7px;background:#0a84ff1f;color:var(--matcha-dark);font-size:.64rem;font-weight:700}.post-stat{color:var(--ink-soft);font-size:.68rem}.tag-chip{color:var(--ink-soft);font-size:.66rem}.expand-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:4px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--matcha-dark);font-size:.66rem;font-weight:700;transition:background .18s ease,border-color .18s ease}.expand-toggle:hover{border-color:var(--line-strong);background:#0a84ff14}.expand-toggle span{font-size:.58rem}.post-body{margin-top:14px;animation:rise .3s both}.post-body .post-copy{margin:4px 2px 16px}.post-detail-link{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--matcha-dark);font-size:.7rem;font-weight:700;text-decoration:none;transition:background .18s ease,border-color .18s ease}.post-detail-link:hover{border-color:var(--line-strong);background:#0a84ff14}.feed-search{display:flex;align-items:center;gap:8px;margin:0 0 14px}.feed-search input{flex:1;min-width:0;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--ink);font-size:.78rem;outline:0;transition:border-color .18s ease}.feed-search input:focus{border-color:var(--line-strong)}.feed-search button[type=submit]{flex:0 0 auto;padding:9px 16px;border-radius:999px;background:var(--matcha);color:#fff;font-size:.72rem;font-weight:800}.search-clear{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:transparent;color:var(--ink-soft);font-size:.68rem}.filter-group{display:flex;align-items:center;gap:10px;margin-bottom:6px}.filter-label{flex:0 0 auto;width:26px;color:var(--ink-soft);font-size:.62rem;font-weight:800;letter-spacing:.06em}.filter-group .filter-row{flex:1;min-width:0;padding-bottom:6px}.search-note{margin:6px 0 12px;color:var(--ink-soft);font-size:.72rem}.xp-block{margin:2px 0 12px;text-align:left}.xp-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px}.xp-level{font-size:.8rem;font-weight:800}.xp-points{color:var(--ink-soft);font-size:.66rem}.xp-track{height:7px;overflow:hidden;border-radius:999px;background:var(--cream-deep)}.xp-track i{display:block;height:100%;border-radius:inherit;transition:width .5s ease}.xp-hint{display:block;margin-top:5px;color:var(--ink-soft);font-size:.62rem;line-height:1.4}.checkin-button{width:100%;margin-bottom:14px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:11px;background:#0a84ff1a;color:var(--matcha-dark);font-size:.74rem;font-weight:800;transition:background .18s ease,transform .18s ease}.checkin-button:hover:not(:disabled){background:#0a84ff2e;transform:translateY(-1px)}.checkin-button.done{border-color:var(--line);background:var(--surface-muted);color:var(--ink-soft);cursor:default}.profile-empty .subtle-button{margin-top:14px}.profile-hero{display:flex;gap:18px;align-items:flex-start}.profile-hero-main{flex:1;min-width:0}.profile-hero-main h1{margin:0 0 2px;font:400 1.5rem var(--display);color:var(--ink)}.profile-badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 6px}.chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-muted);color:var(--ink-soft);font-size:.68rem;font-weight:700}.chip.accent{border-color:#bf5af266;background:#bf5af22e;color:#bf5af2}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.project-card{position:relative;display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-decoration:none;color:inherit;overflow:hidden}.project-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.project-card img{width:100%;height:108px;object-fit:cover;border-radius:9px}.project-cover-fallback{display:grid;place-items:center;height:108px;border-radius:9px;background:var(--surface-muted);color:var(--pink);font-size:1.6rem}.project-card-body strong{color:var(--ink);font-size:.84rem}.project-card-body p{margin:3px 0 0;color:var(--ink-soft);font-size:.72rem;line-height:1.5}.project-card-body a{color:var(--matcha-dark);font-size:.68rem;word-break:break-all}.featured-flag{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:999px;background:#ff9f0aeb;color:#fff;font-size:.6rem;font-weight:800}.mini-post-list{display:grid;gap:8px}.mini-post{display:grid;gap:3px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-decoration:none}.mini-post:hover{border-color:var(--line-strong)}.mini-post-title{color:var(--ink);font-size:.84rem;font-weight:700}.mini-post-meta{color:var(--ink-soft);font-size:.68rem}.island-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 2px}.island-badge{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid rgba(10,132,255,.35);border-radius:999px;background:#0a84ff1a;color:var(--matcha-dark);font-size:.66rem;font-weight:700}.island-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:12px 0 4px;color:var(--ink-soft);font-size:.72rem}.island-meta b{color:var(--ink);font-size:.92rem}.island-meta .island-level{color:var(--matcha-dark);font-weight:700}.trace-list{display:grid;gap:8px}.trace-row{display:grid;gap:3px;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:left;transition:border-color .2s,transform .2s}.trace-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.trace-content{color:var(--ink);font-size:.82rem;line-height:1.6}.trace-row small{color:var(--ink-soft);font-size:.64rem}.reward-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reward-stat{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);text-align:center}.reward-stat b{color:var(--matcha-dark);font-size:1.05rem}.reward-stat span{color:var(--ink-soft);font-size:.66rem}.title-store{display:grid;gap:9px;margin-top:8px}.title-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.title-item-main strong{color:var(--ink);font-size:.82rem}.title-item-main p{margin:2px 0 5px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row strong{color:var(--ink);font-size:.82rem}.setting-row p{margin:3px 0 0}.subtle-button.danger{color:#ff6482;border-color:#ff453a59}.admin-stats{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.admin-list{display:grid}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.admin-row:last-child{border-bottom:0}.admin-row-main{flex:1;min-width:0}.admin-row-main strong{color:var(--ink);font-size:.82rem}.admin-row-main p{margin:2px 0 0}.admin-row select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:.72rem}.admin-search{flex:1;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted);color:var(--ink);font-size:.76rem;outline:0}.admin-num{width:70px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--ink);font-size:.74rem;text-align:center;outline:0}@media(max-width:700px){.route-page{width:100%;margin-bottom:84px}.field-row{grid-template-columns:1fr}.page-card{padding:16px}.post-detail-title{font-size:1.28rem}.comment-row.is-reply{margin-left:16px;padding-left:10px}.profile-hero{flex-direction:column}.reward-summary{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.setting-row,.admin-row{flex-direction:column;align-items:flex-start}.composer-foot{flex-wrap:wrap;gap:9px}.top-search.open input{width:min(150px,38vw)}}.agreement-note{margin:2px 0 12px;padding:9px 12px;border:1px dashed var(--line-strong);border-radius:10px;background:var(--surface-muted);color:var(--ink-soft);font-size:.68rem;line-height:1.6}.agreement-field{margin:4px 0 12px}.agreement-check{display:flex;align-items:flex-start;gap:8px;font-size:.74rem;line-height:1.6;cursor:pointer}.agreement-check input{margin-top:3px;accent-color:var(--matcha-dark)}.agreement-preview{margin:0 0 12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);font-size:.72rem;line-height:1.8;max-height:40vh;overflow:auto}.agreement-preview h3{margin:0 0 8px;font-size:.8rem}.agreement-preview p{margin:0 0 6px}.link-button{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--matcha-dark);font-size:.74rem;font-weight:700;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.link-button:hover{background:#0a84ff1a;border-color:var(--line-strong);transform:translateY(-1px)}.route-page{animation:route-in .32s ease both}@keyframes route-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.app.dark .drift-msg{color:#ffb340}.app.dark .hot-rank.top{color:#ff8fa6;background:#ff64822e}.app.dark .section-chip{background:#0a84ff24}.app.dark .network-error{color:#ff8fa6}:focus-visible{outline:2px solid var(--matcha)!important;outline-offset:2px!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}