@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--ink:#151515;--muted:#716d66;--line:#dad6cb;--paper:#fffef9;--bg:#f5f4ef;--acid:#d8ff35;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:100;background:#f5f4eff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:1220px;margin:auto;height:72px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.brand{border:0;background:transparent;justify-self:start;display:flex;align-items:center;gap:10px;font-family:Space Grotesk;font-weight:700}.brand-mark{width:40px;height:31px;border-radius:8px;display:grid;place-items:center;background:var(--ink);color:var(--acid);font-size:12px}nav{display:flex;gap:28px}nav button{border:0;background:transparent;color:#77736b;font-weight:700}nav button.selected{color:var(--ink)}.nav-actions{justify-self:end;display:flex;align-items:center;gap:8px}.lang,.ghost,.primary,.follow,.account-btn{border-radius:10px;padding:10px 14px;font-weight:700;border:1px solid var(--ink)}.lang{background:var(--paper);border-color:var(--line)}.ghost,.follow,.account-btn{background:transparent}.primary{background:var(--ink);color:#fff}.follow{border-color:var(--line)}.following{background:var(--acid);border-color:#bfdc37}.account-wrap{position:relative}.account-menu{position:absolute;right:0;top:46px;width:150px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 30px #00000014}.account-menu button{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:8px}.account-menu button:hover{background:#f0eee8}.shell{max-width:1220px;margin:auto;padding:36px 24px 70px}.page-head{margin-bottom:18px}.page-head h1{font-family:Space Grotesk,Noto Sans SC;font-size:34px;letter-spacing:-.04em;margin:0}.page-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.search{flex:1;max-width:560px;height:44px;background:var(--paper);border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 14px}.search input{width:100%;border:0;outline:0;background:transparent}.sorts{display:flex;gap:7px}.sorts button{white-space:nowrap;border:1px solid var(--line);background:transparent;border-radius:100px;padding:8px 11px;font-size:12px;color:var(--muted)}.sorts button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.feed{max-width:940px;display:flex;flex-direction:column;gap:18px;margin-top:22px}.project-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}.card-head{display:flex;gap:14px;align-items:flex-start}.logo,.big-logo{border:0;background:var(--ink);color:var(--acid);display:grid;place-items:center;font-family:Space Grotesk;font-weight:700}.logo{width:50px;height:50px;border-radius:13px}.title{flex:1;cursor:pointer}.name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.name-row h1,.name-row h2{font-family:Space Grotesk;margin:0;letter-spacing:-.04em}.name-row h2{font-size:21px}.name-row h1{font-size:48px}.stage{border:1px solid var(--line);background:#f2f0e8;border-radius:100px;padding:4px 8px;font-size:10px;font-weight:800}.meta{font-size:12px;color:var(--muted);margin-top:5px}.translation-note{display:inline-block;margin-top:7px;font-size:10px;color:#8c8880}.content-block{margin-top:20px;cursor:pointer}.label{font-family:Space Grotesk,Noto Sans SC;font-size:10px;letter-spacing:.09em;font-weight:700;color:#77736b}.content-block p,.progress p,.problem p,.detail-copy{white-space:pre-wrap;line-height:1.7}.content-block p{font-size:15px;margin:8px 0 0;color:#3e3b36}.progress,.problem{margin-top:18px;border-radius:12px;padding:15px;cursor:pointer}.progress{background:#f3f1eb;border:1px solid #e3dfd6}.progress-head{display:flex;justify-content:space-between}.progress-head>span:last-child{font-size:11px;color:var(--muted)}.progress h3,.problem h3{font-size:16px;margin:7px 0 5px}.progress p,.problem p{font-size:13px;margin:0}.progress p{color:#56534d}.problem{background:var(--ink);color:#fff}.problem p{color:#cbc8c0}.problem-head{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#c7c4bc}.problem-head b{margin-left:auto}.dot{width:8px;height:8px;background:var(--acid);border-radius:50%}.actions{display:flex;align-items:center;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.reaction{border:1px solid var(--line);background:transparent;border-radius:100px;padding:7px 10px;font-size:12px;font-weight:700}.reaction.active{background:#efffc1;border-color:#cfe878}.open{margin-left:auto;border:0;background:transparent;font-weight:700;font-size:12px}.empty{padding:40px;text-align:center;border:1px dashed #ccc8bd;border-radius:14px;color:var(--muted)}.detail-shell{max-width:1100px;margin:auto;padding:48px 24px 80px}.center{justify-self:center}.detail-head{display:flex;gap:22px;padding-bottom:34px;border-bottom:1px solid var(--line)}.big-logo{width:84px;height:84px;border-radius:19px;font-size:23px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:24px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px}.panel h2{font-size:24px;line-height:1.3}.detail-copy{font-size:16px;color:#403d38}.discussion{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.comment{padding:13px 0;border-bottom:1px solid var(--line)}.comment b{font-size:12px}.comment p{font-size:13px;line-height:1.6;color:#4f4c46}.comment-box{display:flex;gap:9px;align-items:end;margin-top:14px}.comment-box textarea{flex:1;min-height:80px}.timeline{padding:14px 0;border-bottom:1px solid var(--line)}.timeline>span{font-size:10px;color:var(--muted)}.timeline h3{font-size:17px;margin:5px 0}.timeline p,.solved p{font-size:13px;line-height:1.6;color:#4f4c46}.solved{padding:12px 0;border-bottom:1px solid var(--line)}.solved h3{font-size:15px}.sticky{position:sticky;top:96px}.contact{width:100%;border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:#fff;padding:11px;font-weight:700;margin-top:12px}.small-note{font-size:11px;color:var(--muted);line-height:1.5}.panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{display:flex;flex-direction:column}.stats b{font-size:22px}.stats span{font-size:10px;color:var(--muted)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f0f0f8c;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(680px,100%);max-height:92vh;overflow:auto;background:var(--paper);border-radius:18px;padding:26px}.modal.auth{width:min(440px,100%)}.modal h2{font-family:Space Grotesk,Noto Sans SC;font-size:31px;margin:0 0 18px;letter-spacing:-.04em}.x{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px}.modal form{display:flex;flex-direction:column;gap:14px}.modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.modal input,.modal textarea,.modal select,.comment-box textarea{width:100%;border:1px solid var(--line);background:#fbfaf6;border-radius:10px;padding:12px;outline:none}.modal textarea{resize:vertical;line-height:1.55}.intro-area{min-height:125px}.problem-area{min-height:220px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.counter{align-self:flex-end;color:var(--muted);font-size:11px}.counter.bad{color:#b42318}.form-divider{border-top:1px solid var(--line);padding-top:17px;margin-top:4px;font-weight:700;font-size:16px}.form-submit{padding:13px}.auth-hint{color:var(--muted);font-size:13px;line-height:1.55}.switch{width:100%;border:0;background:transparent;margin-top:14px;font-weight:700}.error{background:#fff0ee;color:#a51d14;border-radius:9px;padding:10px;font-size:12px}.success{background:#eef7ec;color:#276221;border-radius:9px;padding:10px;font-size:12px}.forgot-link{align-self:flex-end;border:0;background:transparent;padding:0;margin-top:-4px;font-size:12px;font-weight:700;color:#4f4b44;cursor:pointer}.forgot-link:hover{text-decoration:underline}.verified-email{background:#f1efe8;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:12px;color:#56524c;word-break:break-all}.otp-actions{display:flex;justify-content:space-between;gap:10px}.otp-actions button{border:0;background:transparent;padding:4px 0;font-size:12px;font-weight:700;color:#5f5b55}@media(max-width:850px){.nav{grid-template-columns:auto 1fr auto}.detail-grid{grid-template-columns:1fr}.sticky{position:static}.toolbar{flex-direction:column;align-items:stretch}.search{max-width:none}}@media(max-width:650px){.nav{height:64px;padding:0 14px;gap:8px}.brand span:last-child{display:none}nav{gap:9px}nav button{font-size:12px;padding:0}.nav-actions{gap:5px}.nav-actions .ghost{display:none}.lang,.primary,.follow,.account-btn{padding:8px 9px}.shell,.detail-shell{padding-left:15px;padding-right:15px}.page-head h1{font-size:30px}.sorts{overflow:auto}.project-card{padding:16px}.card-head>.follow{display:none}.actions{flex-wrap:wrap}.open{width:100%;margin-left:0;text-align:right}.detail-head{flex-direction:column}.name-row h1{font-size:40px}.center{display:none}.two{grid-template-columns:1fr}.comment-box{flex-direction:column;align-items:stretch}}.page-head.hero{padding:34px 0 24px;max-width:980px}.page-head.hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.065em;max-width:900px}.page-head.hero p{font-size:clamp(16px,1.7vw,22px);line-height:1.5;margin-top:18px;max-width:780px;color:#5d5952}.toolbar-right{display:flex;align-items:center;gap:10px}.layout-switch{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}.layout-switch button{width:40px;height:38px;border:0;border-right:1px solid var(--line);background:transparent;font-weight:800}.layout-switch button:last-child{border-right:0}.layout-switch button.active{background:var(--ink);color:#fff}.feed.grid-feed{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.grid-card{min-height:250px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;cursor:pointer;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.grid-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000000d}.grid-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.grid-card-head h2{font-family:Space Grotesk,Noto Sans SC;font-size:22px;letter-spacing:-.04em;margin:0;flex:1}.grid-card p{font-size:14px;line-height:1.7;color:#44413c;margin:0;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.grid-like{border:0;background:transparent;white-space:nowrap;font-weight:800;font-size:12px;padding:2px 0}.grid-like.active{color:#111}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px}.pager button{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:8px 12px;font-weight:700}.pager button:disabled{opacity:.35;cursor:default}.pager span{font-size:12px;color:var(--muted)}.comment-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.comment-like{border:0;background:transparent;padding:2px 0;font-size:12px;font-weight:800;color:#625f59}.comment-like.active{color:var(--ink)}.author-liked{font-size:11px;font-weight:700;color:#4f4b44;background:#f0eee6;border-radius:100px;padding:4px 8px}.resolve-btn{margin:4px 0 2px;border:1px solid var(--line);background:transparent;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.timeline-list{margin-top:18px}.timeline-item{display:grid;grid-template-columns:24px 1fr;gap:12px;position:relative}.timeline-rail{position:relative;display:flex;justify-content:center}.timeline-rail:after{content:"";position:absolute;top:15px;bottom:-5px;width:1px;background:var(--line)}.timeline-item:last-child .timeline-rail:after{display:none}.timeline-dot{position:relative;z-index:1;width:11px;height:11px;border-radius:50%;background:var(--acid);border:2px solid var(--ink);margin-top:4px}.timeline-content{padding:0 0 28px}.timeline-time{display:block;font-size:10px;color:#99948b;margin-bottom:5px}.timeline-content h3{font-size:18px;margin:0 0 7px;line-height:1.35}.timeline-content p{font-size:13px;line-height:1.65;color:#4f4c46;margin:0}.private-panel{border-style:dashed;background:#faf8f1}.private-panel .label{color:#4f4b44}@media(max-width:950px){.feed.grid-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-right{width:100%;justify-content:space-between}}@media(max-width:650px){.page-head.hero{padding-top:18px}.page-head.hero h1{font-size:45px}.page-head.hero p{font-size:16px}.toolbar-right{align-items:flex-start;gap:8px}.feed.grid-feed{grid-template-columns:1fr}.grid-card{min-height:210px}.layout-switch{flex:0 0 auto}}.problem-full{margin-top:12px!important;white-space:pre-wrap;overflow:visible}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.text-btn,.timeline-manage button{border:0;background:transparent;padding:0;color:var(--muted);font-size:11px;font-weight:700}.current-problem-copy{font-size:16px;line-height:1.8;margin-top:16px}.problem-panel .resolve-btn{margin-top:4px;background:#f2f0e8}.empty-problem-panel{border-style:dashed}.secondary-action{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800}.timeline-heading{align-items:center;margin-bottom:6px}.timeline-intro{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.timeline-meta-row{min-height:20px;display:flex;align-items:center;gap:8px;margin-bottom:4px}.timeline-manage{margin-left:auto;display:flex;gap:10px;opacity:0;transition:opacity .15s ease}.timeline-item:hover .timeline-manage{opacity:1}.timeline-status{font-size:10px;font-weight:800;background:#eef3df;border:1px solid #d7dfb6;border-radius:100px;padding:3px 7px}.timeline-dot{width:18px;height:18px;margin-top:1px;display:grid;place-items:center;font-size:10px;font-weight:900;background:var(--paper);border:2px solid var(--ink)}.timeline-item.solved-node .timeline-dot{background:var(--acid)}.timeline-item.problem-node .timeline-dot{background:#f6f2e7}.timeline-content h3{font-size:19px}.solved-date{font-size:10px;color:var(--muted);margin-bottom:5px}.solved p{white-space:pre-wrap;margin:0}.author-card-head{display:flex;align-items:center;gap:12px}.author-card-head h3{margin:0}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block}.avatar.fallback{display:grid;place-items:center;background:var(--ink);color:var(--acid);font-family:Space Grotesk;font-weight:800}.own-project-note{margin-top:16px;padding:9px 10px;border-radius:9px;background:#f0eee6;font-size:11px;font-weight:800;text-align:center}.secondary-contact{background:var(--paper);color:var(--ink);border-color:var(--line)}.standalone-problem{width:100%;min-height:300px;border:1px solid var(--line);background:#fbfaf6;border-radius:10px;padding:14px;line-height:1.7;resize:vertical;outline:none;margin:8px 0 14px}.timeline-modal textarea{min-height:150px}.profile-modal{width:min(500px,100%)}.avatar-editor{display:flex;align-items:center;gap:16px;margin-bottom:4px}.profile-avatar{width:72px;height:72px}.avatar-upload{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;padding:9px 12px!important;background:#fbfaf6;cursor:pointer}.avatar-upload input{display:none}.profile-modal input:disabled{color:#8d8981;background:#f0eee8;cursor:not-allowed}.account-btn{display:flex;align-items:center;gap:7px}@media(max-width:650px){.timeline-manage{opacity:1}.timeline-heading{align-items:flex-start;flex-direction:column}.timeline-heading .secondary-action{width:100%}.standalone-problem{min-height:240px}}.translation-busy{font-size:12px;color:#77736b;white-space:nowrap;margin-right:2px}