:root{font-family:Inter,"PingFang SC","Microsoft Yahei",sans-serif;color:var(--green);background:var(--canvas);line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.site-head{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px;margin:auto;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;font-size:32px;font-weight:700;align-items:center;letter-spacing:-1px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px}.site-head nav{display:flex;align-items:center;gap:25px;font-size:13px}.site-head nav a{color:var(--muted)}.site-head #account{font-size:12px}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:8px;padding:12px 21px;font-size:13px;font-weight:600;border:1px solid var(--green)}.primary{background:var(--green);color:var(--on-accent)}.outline{background:transparent;color:var(--green);border-color:var(--line)}.primary:hover{background:var(--green);opacity:.9}.outline:hover{background:var(--surface)}.quiet{border:0;background:none;color:var(--green);padding:0;font-size:12px}main{max-width:1180px;padding:0 30px;margin:auto}.hero{position:relative;padding:85px 0 75px;overflow:hidden;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600}h1{font-size:clamp(35px,5vw,62px);line-height:1.25;font-weight:500;letter-spacing:-2px;margin:25px 0}h2{font-size:27px;letter-spacing:-1px;font-weight:500;margin:9px 0}h3{font-size:16px;margin:0 0 12px}.hero p{font-size:14px;color:var(--muted);max-width:460px;line-height:1.9}.hero-actions{display:flex;gap:13px;margin-top:30px}.hero-mark{position:absolute;right:40px;top:28px;font-size:330px;font-weight:200;color:var(--muted);transform:rotate(12deg);line-height:1;pointer-events:none;z-index:-1}.catalog,.creator{padding:45px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.section-head p{font-size:13px;color:var(--muted)}#search{display:flex;gap:8px}input,select{width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--green);min-width:0;font-size:13px;outline-color:var(--green)}#search input{width:250px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.skill-card{padding:24px;border:1px solid var(--line);background:var(--paper);border-radius:13px;display:flex;flex-direction:column;text-align:left;color:inherit;min-width:0;transition:transform .2s,border-color .2s}.skill-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.skill-card .symbol{font-size:25px;color:var(--muted);margin-bottom:20px}.skill-card h3{font-size:18px}.skill-card p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;margin:0 0 24px}.skill-card footer{border-top:1px solid var(--line);padding-top:14px;font-size:11px;color:var(--muted);display:flex;gap:6px;justify-content:space-between;margin-top:auto}.pager{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;font-size:12px;color:var(--muted)}.pager button{padding:8px 13px}.empty{text-align:center;padding:50px;color:var(--muted)}.message{padding:12px 18px;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:13px}.message.error,.error{color:var(--error);background:var(--canvas)}.creator{border-top:1px solid var(--line)}.creator-columns{display:grid;grid-template-columns:360px 1fr;gap:30px}.upload,.my-skill{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:24px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);margin:12px 0}.hint{font-size:12px;color:var(--muted);line-height:1.8}.my-list{display:grid;align-content:start;gap:14px}.version{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.version button{padding:5px 10px;font-size:11px;margin-left:auto}.version small{color:var(--muted)}.site-footer{max-width:1180px;margin:30px auto 0;padding:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:min(760px,calc(100vw - 28px));max-height:90dvh;background:var(--canvas);color:inherit;box-shadow:0 25px 100px var(--shadow)}dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(3px)}dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}dialog h2{font-size:23px;overflow-wrap:anywhere}.close{border:0;background:none;font-size:25px;color:var(--muted)}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 ui-monospace,monospace;border:1px solid var(--line);background:var(--surface);padding:18px;border-radius:8px;max-height:55vh;overflow:auto}#auth{width:min(440px,calc(100vw - 28px))}.consent{flex-direction:row;align-items:center;gap:5px;flex-wrap:wrap}.consent input{width:auto}#login-form>.primary{width:100%}.error{padding:7px;border-radius:7px;font-size:12px}#captcha-thumb{max-width:180px;height:40px;object-fit:contain;margin:8px 0}#captcha-stage{display:block;border:0;padding:0;position:relative;max-width:300px;width:100%;background:var(--surface);overflow:hidden}#captcha-image{display:block;width:100%}#captcha-stage .point{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--on-accent);transform:translate(-50%,-50%);font-size:12px;display:grid;place-items:center;pointer-events:none}#captcha-pointer{position:absolute;left:50%;top:50%;color:var(--error);transform:translate(-50%,-50%);pointer-events:none}#captcha-stage:not(:focus-visible) #captcha-pointer{display:none}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-mark{font-size:250px;right:-70px;top:65px}.creator-columns{grid-template-columns:1fr}.site-head nav{gap:12px}.site-head nav>a{display:none}.section-head{align-items:flex-start;flex-direction:column}.site-head{padding:0 20px}main{padding:0 20px}}@media(max-width:500px){.cards{grid-template-columns:1fr}.hero{padding:50px 0}.hero-mark{font-size:200px;right:-90px;top:80px}.hero p{max-width:280px}.site-head .brand{font-size:25px}.site-head #account{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-head .outline{padding:8px 10px;font-size:11px}#search{width:100%}#search input{flex:1;width:auto}.site-footer{flex-wrap:wrap}.skill-card{padding:20px}dialog{padding:20px}.creator,.catalog{padding:30px 0}h1{letter-spacing:-1px}.hero-actions{gap:8px}.primary,.outline{padding:11px 16px}}

#captcha-dialog{width:min(400px,calc(100vw - 24px));overflow:auto}#captcha-dialog #captcha-stage{margin-inline:auto}#captcha-dialog #captcha-image{height:100%;object-fit:fill}.captcha-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}#captcha-dialog .close{min-width:36px;min-height:36px}#captcha-dialog .primary,#captcha-dialog .outline{min-height:42px}