@layer theme,base;@layer components{.byhand .bh-head{max-width:900px}.byhand .bh-table{margin-top:56px}.byhand .bh-row{grid-template-columns:240px minmax(0,1fr) minmax(0,1fr);display:grid}.byhand .bh-row>*{text-wrap:balance;border-top:1px solid #ffffff12;padding:18px 24px 19px;font-size:15px;line-height:22px}.byhand .bh-row>.bh-k{color:var(--t1);padding-left:0;font-weight:600}.byhand .bh-row>.bh-hand{color:var(--t3)}.byhand .bh-row>.bh-app{color:var(--t1);background:#75beff0b;border-top-color:#75beff21;box-shadow:inset 1px 0 #75beff4d,inset -1px 0 #75beff4d}.byhand .bh-cols>*{border-top:0;align-items:center;gap:10px;padding-top:22px;padding-bottom:18px;font-size:17px;font-weight:600;line-height:22px;display:flex}.byhand .bh-cols>.bh-hand{color:var(--t2)}.byhand .bh-cols>.bh-app{background:radial-gradient(120% 140% at 50% -40%,#75beff29,#0000 70%),#75beff0b;border-radius:20px 20px 0 0;box-shadow:inset 0 1px #b9e0fb5c,inset 1px 0 #75beff4d,inset -1px 0 #75beff4d}.byhand .bh-last>.bh-app{border-radius:0 0 20px 20px;box-shadow:inset 1px 0 #75beff4d,inset -1px 0 #75beff4d,inset 0 -1px #75beff4d}.byhand .bh-ic{width:26px;height:26px;color:var(--t2);background:#ffffff0f;border-radius:7px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.byhand .bh-ic svg{width:16px;height:16px}.byhand .bh-logo{border-radius:7px;width:26px;height:26px;box-shadow:0 0 0 1px #ffffff1a}.byhand .bh-short{display:none}.byhand .guides{border-radius:var(--r-tile);background:radial-gradient(95% 60% at 50% -12%, #78aae613, transparent 70%), linear-gradient(180deg, var(--tile-t), var(--tile-b));box-shadow:var(--rim);margin-top:64px;padding:34px 36px 36px}.byhand .g-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.byhand .g-all{min-height:32px}.byhand .g-groups{grid-template-columns:minmax(0,1fr);margin-top:22px;display:grid}.byhand .g-group{border-top:1px solid #ffffff12;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:10px 28px;padding:18px 0;display:grid}.byhand .g-group:last-child{padding-bottom:0}.byhand .g-label{color:var(--t2);text-wrap:wrap;padding-top:9px;font-size:15px;font-weight:600;line-height:20px}.byhand .g-list{flex-wrap:wrap;gap:8px;display:flex}.byhand .g-pill{min-height:38px;color:var(--t1);transition:background .2s var(--ease), box-shadow .2s var(--ease), transform .12s var(--ease-state);background:#ffffff0e;border-radius:19px;align-items:center;gap:4px;padding:8px 12px 8px 15px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff1a}.byhand .g-pill svg{width:15px;height:15px;color:var(--t3);transition:transform .32s var(--ease-hover), color .2s var(--ease);flex:none}.byhand .g-pill:hover{background:#ffffff1a;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff29}.byhand .g-pill:hover svg{color:var(--ice-hi);transform:translate(2px)}.byhand .g-pill:active{transform:scale(.97)}.byhand .g-pill:focus-visible{border-radius:19px}@media (max-width:1067px){.byhand .bh-row{grid-template-columns:190px minmax(0,1fr) minmax(0,1fr)}.byhand .bh-row>*{padding-left:18px;padding-right:18px}.byhand .g-group{grid-template-columns:180px minmax(0,1fr);gap:10px 20px}}@media (max-width:733px){.byhand .bh-table{margin-top:36px}.byhand .bh-row{border-top:1px solid #ffffff12;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px;padding:14px 0}.byhand .bh-row>*{border-top:0;padding:0;font-size:14px;line-height:20px}.byhand .bh-row>.bh-k{color:var(--t3);grid-column:1/-1;margin-bottom:8px;font-size:13px;line-height:18px}.byhand .bh-row>.bh-hand{padding:10px 12px}.byhand .bh-row>.bh-app,.byhand .bh-last>.bh-app{border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px #75beff4d}.byhand .bh-cols{border-top:0;padding:4px 0 10px}.byhand .bh-cols>.bh-k{display:none}.byhand .bh-cols>*{gap:8px;padding:0 12px;font-size:15px;line-height:20px}.byhand .bh-cols>.bh-app{border-radius:12px;padding:10px 12px;box-shadow:inset 0 1px #b9e0fb5c,inset 0 0 0 1px #75beff4d}.byhand .bh-long{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.byhand .bh-short{display:inline}.byhand .bh-ic,.byhand .bh-logo{border-radius:6px;width:22px;height:22px}.byhand .bh-ic svg{width:14px;height:14px}.byhand .guides{border-radius:22px;margin-top:48px;padding:26px 20px 24px}.byhand .g-groups{margin-top:16px}.byhand .g-group{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0}.byhand .g-label{color:var(--t3);padding-top:0;font-size:13px;line-height:18px}.byhand .g-list{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-20px;padding:0 20px 4px;scroll-padding-inline:20px;overflow-x:auto}.byhand .g-list::-webkit-scrollbar{display:none}.byhand .g-list>li{flex:none}.byhand .g-pill{white-space:nowrap;border-radius:22px;min-height:44px}.byhand .g-all{min-height:44px}}@media (pointer:coarse){.byhand .g-pill{border-radius:22px;min-height:44px}.byhand .g-all{min-height:44px}}}@layer utilities;