*{box-sizing:border-box;letter-spacing:0} :root{color-scheme:dark}body{margin:0;background:#101214;color:#edf1ed;font:13px/1.5 Arial,Helvetica,sans-serif}main{max-width:1280px;margin:0 auto;padding:28px 28px 36px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.page-heading h1{font-size:20px;font-weight:600;margin:0}.page-heading>span{font-size:11px;color:#8b9796}.variants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.variant{min-width:0}.variant-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-left:5px;min-height:32px}.variant-label h2{font-size:12px;font-weight:500;color:#b2bebb;margin:0}.variant-label h2 span{color:#61716d;margin-right:7px;font-size:10px}.download{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#879b94;text-decoration:none;transition:background .15s,color .15s}.download:hover{background:#ffffff09;color:#e9f3ef}.download:focus-visible{outline:2px solid #62f5ff;outline-offset:2px}.download svg{width:15px;height:15px;display:block}.sidebar{background:#191d20;border:1px solid #ffffff0c;border-radius:27px;overflow:hidden;min-width:0;height:122px;box-shadow:0 12px 28px #00000017}.brand-row{position:relative;isolation:isolate;height:78px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-row::before{content:'';position:absolute;inset:0;z-index:-1;background:url(assets/zaraki.webp) 70% 40%/175% auto no-repeat;filter:grayscale(1) brightness(2.8);opacity:.3;mask-image:linear-gradient(#000,#0007 45%,transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand img{width:28px;height:28px;display:block;flex-shrink:0}.brand strong{font-size:22px;line-height:28px;font-weight:600;color:#eef1ed;white-space:nowrap}.brand .hyphen{color:#b0bab5}.plus{width:33px;height:33px;flex-shrink:0;border:1px solid #ffffff19;background:#ffffff03;border-radius:50%;display:grid;place-items:center;color:#d9c1c7}.plus svg{width:16px;height:16px}.tabs{display:flex;gap:7px;padding:7px 12px 12px;font-size:9px;color:#85918c}.tabs span{flex:1;text-align:center;padding:6px 0;border-radius:18px}.tabs span:last-child{background:#ffffff06;color:#c2ceca}.thread{display:none;margin:3px 12px;padding:11px 13px;min-width:0}.thread.active{background:linear-gradient(135deg,#dbe5ef1c,#dbe5ef08);border-radius:21px;box-shadow:inset 0 0 0 1px #d2e2ef1a}.thread strong{font-size:13px;font-weight:650;display:block;color:#dce4dd}.thread-name{font-size:10px;color:#94a79e;display:block;margin:1px 0 7px}.thread-name svg{width:11px;height:11px;vertical-align:-2px;display:inline-block;margin-right:4px;color:#c68669}.status{font-size:9px;font-weight:700;line-height:15px;padding:3px 8px;border-radius:18px;display:inline-block}.thinking{background:#64efdd;color:#143f38}.complete{background:#a5ee83;color:#284318}.thread small{font-size:9px;margin-left:5px;color:#a1b7ac}@media(max-width:760px){main{max-width:420px;padding:20px 18px}.page-heading{margin-bottom:18px}.variants{grid-template-columns:1fr;gap:18px}.variant-label{margin-bottom:7px}.sidebar{height:110px;border-radius:24px}.brand-row{height:74px}.thread{display:none}.thread.active{display:none;margin-top:0;padding:5px 13px;background:transparent;box-shadow:none}.thread.active>div{display:none}.thread-name{margin:0}.tabs{padding-top:0;padding-bottom:5px}.brand-row::before{background-size:150% auto}.page-heading h1{font-size:19px}.download{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:761px) and (max-width:1099px){.variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sidebar{height:122px}}