.hand-page{--hand-head:4.5rem;flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.hand-head{z-index:2;align-items:center;gap:0 var(--space-7);min-height:var(--hand-head);padding:var(--space-2) var(--space-12);flex-wrap:wrap;flex:none;display:flex;position:relative}.hand-brand{align-items:center;gap:var(--space-5);text-decoration:none;display:flex}.hand-brand-name{padding-top:var(--space-2);font-size:var(--text-4xl);white-space:nowrap;font-weight:700}.hand-head-end{align-items:center;gap:var(--space-7);min-width:0;margin-left:auto;display:flex}.hand-who{min-width:0;padding:var(--space-5) var(--space-1);color:var(--h-pencil);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.hand-theme{width:44px;height:44px;color:var(--h-ink);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.hand-rule{width:100%;height:10px;position:absolute;bottom:0;left:0;right:0}.hand-rule path{vector-effect:non-scaling-stroke}.hand-main{flex-direction:column;flex-grow:1;display:flex;position:relative}@media (width<=699px){.hand-head{padding-inline:var(--space-7)}.hand-head-end{gap:var(--space-4)}.hand-brand-name{font-size:var(--text-2xl)}}
