:root{--bg-0:#f5f8f4;--bg-1:#dbeadf;--bg-2:#c4dbcf;--ink-0:#12251f;--ink-1:#29483d;--line:#0b372a33;--card:#ffffffd6;--accent:#0e8c68;--accent-dark:#0a6b50;--error:#932148;--success:#0f6f43;--shadow:0 14px 30px #092e231f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink-0);background:radial-gradient(circle at 12% 8%,#0e8c6833 0,transparent 35%),radial-gradient(circle at 83% 5%,#28483d2e 0,transparent 32%),linear-gradient(132deg,var(--bg-0),var(--bg-1),var(--bg-2));font-family:Avenir Next,Nunito Sans,Trebuchet MS,sans-serif}input,textarea,button{font:inherit}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink-0);background:#fffffff5;border-radius:12px;padding:.7rem .78rem}input:focus,textarea:focus{border-color:var(--accent);outline:2px solid #0e8c6842}button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));cursor:pointer;border:0;border-radius:12px;padding:.7rem .9rem;font-weight:700;transition:transform .12s,filter .12s}button:hover:enabled{filter:brightness(1.04);transform:translateY(-1px)}button:disabled{opacity:.56;cursor:not-allowed}.ghost-button{color:var(--ink-1);border:1px solid var(--line);background:#ffffff8c;border-radius:12px;justify-content:center;align-items:center;padding:.56rem .8rem;font-weight:600;text-decoration:none;display:inline-flex}.kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-1);margin:0;font-size:.75rem}.feedback{border:1px solid var(--line);border-radius:12px;margin:.8rem 0 0;padding:.68rem .75rem;font-size:.92rem}.feedback.error{color:var(--error);background:#93214814}.feedback.success{color:var(--success);background:#0f6f431a}.auth-shell{width:min(900px,100% - 1.5rem);margin:0 auto;padding:2rem 0 3rem}.auth-hero h1{letter-spacing:-.03em;margin:.2rem 0 0;font-size:clamp(2rem,5vw,3rem)}.auth-hero p{max-width:60ch;color:var(--ink-1)}.auth-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;margin-top:1.1rem;padding:1rem}.row{margin-bottom:.85rem}.row label,.auth-form label,.wb-config label,.profile-card label{color:var(--ink-1);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.82rem;display:block}.token-strip{border:1px dashed var(--line);color:var(--ink-1);border-radius:14px;justify-content:space-between;align-items:center;gap:.85rem;padding:.72rem;font-size:.88rem;display:flex}.token-actions{flex-wrap:wrap;gap:.5rem;display:flex}.auth-tabs{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:1rem;display:grid}.tab-button{color:var(--ink-1);border:1px solid var(--line);background:#ffffff80;font-weight:600}.tab-button.active{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff}.auth-form{gap:.7rem;margin-top:.9rem;display:grid}.profile-shell{width:min(940px,100% - 1.5rem);margin:0 auto;padding:2rem 0 3rem}.profile-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:20px;padding:1rem}.profile-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.profile-header h1{margin:.2rem 0 0}.profile-links{flex-wrap:wrap;gap:.5rem;display:flex}.profile-actions{gap:.6rem;margin-top:.75rem;display:flex}.profile-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem;display:grid}.profile-grid article{border:1px solid var(--line);background:#ffffff8f;border-radius:14px;padding:.72rem}.profile-grid h2{margin:0 0 .45rem;font-size:.95rem}.wb-page{width:min(1220px,100% - 1.5rem);margin:0 auto;padding:2rem 0 3rem}.wb-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,4.8vw,2.9rem)}.wb-hero p{color:var(--ink-1);margin-top:.42rem}.wb-links{flex-wrap:wrap;gap:.5rem;display:flex}.wb-config{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:18px;margin-top:1.15rem;padding:1rem}.wb-meta-row{color:var(--ink-1);flex-wrap:wrap;gap:.7rem;margin-top:.85rem;font-size:.83rem;display:flex}.wb-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.95rem;margin-top:1.15rem;display:grid}.wb-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;min-height:360px;padding:1rem;display:flex}.wb-card-head{justify-content:space-between;align-items:center;gap:.72rem;display:flex}.wb-card h2{margin:0;font-size:1.02rem}.wb-method{letter-spacing:.03em;border-radius:999px;padding:.28rem .65rem;font-size:.76rem;font-weight:700}.wb-method.get{color:var(--accent-dark);background:#12745826}.wb-method.post{color:#194b84;background:#0c2c5824}.wb-path{color:var(--ink-1);word-break:break-all;margin:.45rem 0 0;font-size:.86rem}.wb-endpoint-meta{color:var(--ink-1);margin:.3rem 0 .82rem;font-size:.8rem}.wb-form{flex-direction:column;gap:.52rem;display:flex}.wb-field span{color:var(--ink-1);margin-bottom:.28rem;font-size:.82rem;display:block}.wb-response{margin-top:auto;padding-top:.82rem}.wb-response-meta{color:var(--ink-1);justify-content:space-between;gap:.6rem;margin-bottom:.4rem;font-size:.79rem;display:flex}pre{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#ffffffb3;border-radius:12px;min-height:90px;max-height:220px;margin:0;padding:.62rem;font-size:.78rem;line-height:1.45;overflow:auto}.error{color:var(--error)}@media (max-width:840px){.auth-tabs{grid-template-columns:repeat(2,1fr)}.token-strip,.profile-header{flex-direction:column;align-items:flex-start}.profile-grid{grid-template-columns:1fr}}@media (max-width:760px){.wb-page,.auth-shell,.profile-shell{width:min(1220px,100% - 1rem);padding-top:1.2rem}.wb-card{min-height:auto}.wb-response-meta{flex-direction:column;gap:.3rem}}