:root{--ink:#22251f;--muted:#81847d;--line:#e9e8e2;--paper:#fff;--canvas:#f6f5f1;--green:#b9ed68;--green-dark:#263719;--lav:#e9e4ff;--purple:#6453bf;--orange:#ffc990;--radius:16px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;flex:0 0 250px;background:#fff;border-right:1px solid var(--line);padding:29px 18px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 0 55px 5px;text-decoration:none;color:var(--ink);font:800 21px Manrope,sans-serif;letter-spacing:-1.2px}.brand-light{font-weight:500;color:#777a72}.brand-mark{width:29px;height:29px;border-radius:10px;background:var(--green);display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-6deg)}.brand-mark i{display:block;width:3px;background:#28371d;border-radius:3px}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:11px}.workspace-label,.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#999b93}.workspace-label{padding-left:12px;margin-bottom:12px}.main-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;border-radius:9px;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:12px;font:600 12px 'DM Sans',sans-serif;color:#777a72;cursor:pointer}.nav-item:hover{background:#f7f7f4;color:var(--ink)}.nav-item.active{background:#f1f5e9;color:#2e3b24}.nav-icon{font-size:17px;width:18px;text-align:center;color:#92958c}.nav-count{margin-left:auto;font-size:10px;color:#a4a79f}.sidebar-bottom{margin-top:auto}.community-card{border-radius:13px;padding:16px 14px;background:#f5f3ff;margin:0 1px 16px}.community-spark{font-size:20px;color:var(--purple);margin-bottom:12px}.community-card strong{font:700 12px Manrope,sans-serif}.community-card p{font-size:10px;line-height:1.55;color:#77748e;margin:6px 0 15px}.community-card>span{font-size:8px;letter-spacing:1.2px;color:#8d85bf;font-weight:700}.profile-mini{width:100%;border:0;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;text-align:left;padding:14px 4px 2px;cursor:pointer}.avatar{width:32px;height:32px;border-radius:11px;display:inline-grid;place-items:center;font:700 12px Manrope,sans-serif;flex:0 0 auto}.avatar-violet{color:#564b9b;background:#ece8ff}.profile-mini-copy{display:grid;gap:3px;margin-left:9px}.profile-mini-copy b{font-size:11px}.profile-mini-copy small{font-size:9px;color:#999b93}.more{margin-left:auto;font-size:20px;color:#999}.main-area{min-width:0;flex:1}.topbar{height:70px;background:rgba(255,255,255,.78);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5.1%}.breadcrumbs{font-size:11px;color:#9b9d96;display:flex;gap:11px;align-items:center}.breadcrumbs b{color:#474a43;font-weight:600}.crumb-slash{color:#d2d2cc}.top-actions{display:flex;align-items:center;gap:16px}.testnet-pill{border:1px solid #e3e6dd;border-radius:20px;padding:7px 10px;color:#777a72;font-size:9px;display:flex;align-items:center;gap:7px}.pulse{width:6px;height:6px;border-radius:50%;background:#97c94f}.connect-button{border:0;border-radius:8px;background:#262820;color:white;padding:9px 14px;font:600 10px 'DM Sans';display:flex;align-items:center;gap:7px;cursor:pointer}.connect-button:hover{background:#3b3f31}.pi-glyph{font-size:15px;color:var(--green);font-weight:700}.content{max-width:1160px;margin:0 auto;padding:44px 5.1% 70px}.hero{display:flex;justify-content:space-between;align-items:end;margin:0 0 31px}.hero-copy{max-width:540px}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#878a81}.eyebrow .tiny-star{font-size:14px;color:#8ab64a}.hero h1{font:700 clamp(28px,3vw,39px)/1.15 Manrope,sans-serif;letter-spacing:-1.8px;margin:0 0 11px}.hero p{margin:0;color:#82857d;font-size:12px;line-height:1.7;max-width:450px}.button{border:0;border-radius:9px;padding:12px 16px;font:700 11px 'DM Sans';cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:14px}.button-primary{background:var(--green);color:#263319}.button-primary:hover{background:#a9de56}.button-secondary{background:white;color:#474a43;border:1px solid var(--line)}.button-secondary:hover{background:#fafaf7}.button .arrow{font-size:16px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:13px;background:#fff;margin-bottom:34px}.stat{padding:15px 20px;display:flex;align-items:center;gap:12px}.stat+.stat{border-left:1px solid var(--line)}.stat-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f1f5e9;color:#607d3e;font-size:14px}.stat:nth-child(2) .stat-icon{background:#f5f1ff;color:#7663c8}.stat:nth-child(3) .stat-icon{background:#fff2e6;color:#c77d39}.stat-copy{display:grid;gap:2px}.stat-copy strong{font:700 14px Manrope,sans-serif}.stat-copy span{font-size:9px;color:#92958d}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font:700 17px Manrope,sans-serif;letter-spacing:-.4px;margin:0}.section-heading>span{font-size:10px;color:#92958d}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:17px}.search-wrap{position:relative;flex:1;max-width:300px}.search-wrap span{position:absolute;left:12px;top:9px;font-size:15px;color:#9b9d96}.search-wrap input,.toolbar select{height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;font:10px 'DM Sans';color:#4f524a;outline:0}.search-wrap input{width:100%;padding:0 12px 0 32px}.search-wrap input:focus,.toolbar select:focus,input:focus,textarea:focus{border-color:#afcc84;box-shadow:0 0 0 3px #b9ed6829}.toolbar select{padding:0 28px 0 11px;cursor:pointer}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.task-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 16px 14px;min-height:206px;display:flex;flex-direction:column;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s}.task-card:hover{transform:translateY(-2px);border-color:#d6dfc8;box-shadow:0 8px 24px #3039270b}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.category-pill{font-size:9px;padding:5px 8px;border-radius:20px;background:#f2f0ff;color:#6c5baa;font-weight:600}.category-pill.translation{background:#fff2e7;color:#b87539}.category-pill.design{background:#eef5e7;color:#628044}.category-pill.technology{background:#eaf3f6;color:#4c7d89}.category-pill.learning{background:#fff0f0;color:#a65f6b}.category-pill.research{background:#f4f0e7;color:#927543}.time-label{font-size:9px;color:#9b9d96}.task-card h3{font:700 13px/1.45 Manrope,sans-serif;letter-spacing:-.15px;margin:0 0 7px}.task-card p{font-size:10px;line-height:1.6;color:#85887f;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{margin-top:auto;padding-top:11px;border-top:1px solid #f0f0eb;display:flex;align-items:center;justify-content:space-between}.person{display:flex;align-items:center;gap:7px}.person .avatar{width:24px;height:24px;border-radius:8px;font-size:9px}.person-name{font-size:9px;color:#777a72}.reward{font:700 11px Manrope,sans-serif;display:flex;align-items:center;gap:4px}.reward em{font-style:normal;color:#9abf52;font-size:12px}.empty-state{grid-column:1/-1;padding:40px 20px;text-align:center;border:1px dashed #d9d9d1;border-radius:12px;color:#888b82;font-size:12px;background:#fff}.view-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.view-header h1{font:700 30px Manrope,sans-serif;letter-spacing:-1.2px;margin:0 0 7px}.view-header p{font-size:11px;color:#82857d;margin:0}.activity-card,.profile-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:13px}.activity-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #f0f0eb}.activity-row:last-child{border-bottom:0}.activity-row .activity-copy{flex:1}.activity-copy strong{font:700 12px Manrope}.activity-copy p{font-size:10px;color:#85887f;margin:5px 0 0}.status{padding:5px 9px;border-radius:20px;background:#f1f5e9;color:#668147;font-size:9px;font-weight:700}.status.pending{background:#fff4e8;color:#b5773e}.profile-cover{height:100px;border-radius:11px;background:linear-gradient(115deg,#e8e3ff,#f4f1ff 50%,#e6f2d8);position:relative;margin-bottom:42px}.profile-large{position:absolute;left:22px;bottom:-30px;width:62px;height:62px;border:4px solid white;border-radius:20px;font-size:21px}.profile-title{display:flex;align-items:start;justify-content:space-between}.profile-title h2{font:700 20px Manrope;margin:0 0 5px}.profile-title p{font-size:10px;color:#85887f;margin:0}.profile-bio{font-size:11px;line-height:1.7;color:#777a72;max-width:560px;margin:19px 0}.skill-chip{display:inline-block;padding:7px 10px;background:#f4f3ef;border-radius:20px;font-size:9px;color:#66695f;margin:0 5px 5px 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;border-radius:9px;padding:11px 15px;background:#262820;color:#fff;font-size:11px;box-shadow:0 8px 24px #0002;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:17px;box-shadow:0 24px 90px #22251f38;padding:0;color:var(--ink);width:min(520px,calc(100% - 30px));max-height:90vh;overflow:auto}dialog::backdrop{background:#20221eb0;backdrop-filter:blur(3px)}.task-dialog-inner,.post-dialog form{padding:25px}.dialog-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.dialog-top h2{font:700 23px Manrope;letter-spacing:-.7px;margin:3px 0 0}.icon-close{border:0;background:#f2f2ee;border-radius:50%;width:29px;height:29px;font-size:19px;color:#686b63;cursor:pointer}.detail-description{font-size:12px;line-height:1.75;color:#73766e;white-space:pre-wrap;margin:15px 0 22px}.detail-meta{display:flex;gap:20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:#777a72}.detail-meta b{color:#33362f}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.post-dialog form>label,.post-dialog .form-row label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#575a52;margin-bottom:14px}.post-dialog input,.post-dialog select,.post-dialog textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px;font:11px 'DM Sans';outline:0;color:#393c35;background:white}.post-dialog textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{display:flex;gap:8px;align-items:flex-start;border-radius:8px;background:#f5f3ff;color:#77748e;padding:10px;font-size:9px;line-height:1.55;margin:3px 0 16px}.form-note span:first-child{color:var(--purple);font-size:14px}.submit-post{width:100%;justify-content:space-between}.submit-post span{font-size:16px}@media(max-width:950px){.sidebar{width:215px;flex-basis:215px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding-left:4%;padding-right:4%}}@media(max-width:700px){.sidebar{width:60px;flex-basis:60px;padding:18px 8px}.brand{margin:0 auto 40px;font-size:0}.brand>span:last-child,.workspace-label,.nav-item:not(.active),.nav-item{font-size:0}.main-nav{gap:8px}.nav-item{justify-content:center;padding:11px 0}.nav-icon{font-size:18px}.nav-count,.community-card,.profile-mini-copy,.more{display:none}.profile-mini{justify-content:center;padding:13px 0 0}.topbar{height:60px;padding:0 16px}.breadcrumbs{font-size:9px;gap:7px}.testnet-pill{display:none}.top-actions{gap:0}.connect-button{padding:8px 10px}.content{padding:30px 16px 55px}.hero{align-items:start;gap:18px;flex-direction:column}.hero h1{font-size:31px}.hero p{font-size:11px}.stat{padding:12px 8px;gap:7px}.stat-icon{width:25px;height:25px;font-size:12px}.stat-copy strong{font-size:12px}.stat-copy span{font-size:8px}.task-grid{grid-template-columns:1fr}.task-card{min-height:180px}.toolbar{flex-wrap:wrap}.search-wrap{max-width:none;flex-basis:100%}.toolbar select{flex:1}.view-header{align-items:start;gap:10px}.view-header h1{font-size:25px}.form-row{grid-template-columns:1fr}.activity-row{align-items:start}.activity-row>.status{margin-left:auto}}
.avatar-coral{color:#945d67;background:#ffe8e6}.avatar-blue{color:#4f6f96;background:#e5f0ff}.avatar-peach{color:#9d633c;background:#fff0df}.avatar-mint{color:#4e8063;background:#e4f4e9}.avatar-lilac{color:#675d9a;background:#eeeaff}.avatar-yellow{color:#8d7137;background:#fff5d9}