.btn{--btn-fg:var(--ink);--btn-bg:var(--formalin);--btn-shadow:var(--alarm);--btn-border:transparent;min-height:44px;color:var(--btn-fg);font-family:var(--font-body);font-weight:700;font-size:var(--fs-md);letter-spacing:.06em;isolation:isolate;text-align:left;transition:transform var(--dur-1) var(--ease-out), color var(--dur-1);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;padding:10px 24px;line-height:1.2;display:inline-flex;position:relative}.btn__bg{z-index:-1;background:var(--btn-bg);border:1.5px solid var(--btn-border);transform:skewX(var(--skew));box-shadow:4px 4px 0 var(--btn-shadow);transition:box-shadow var(--dur-1) var(--ease-out), background var(--dur-1), border-color var(--dur-1);position:absolute;inset:0;overflow:hidden}.btn:hover:not(:disabled){transform:translate(-2px,-2px)}.btn:hover:not(:disabled) .btn__bg{box-shadow:7px 7px 0 var(--btn-shadow)}.btn:active:not(:disabled){transform:translate(2px,2px)}.btn:active:not(:disabled) .btn__bg{box-shadow:1px 1px 0 var(--btn-shadow)}.btn:disabled{opacity:.42;filter:saturate(.4)}.btn__label{align-items:baseline;gap:10px;min-width:0;display:inline-flex}.btn__jp{white-space:nowrap}.btn__en{font-family:var(--font-en);letter-spacing:.16em;opacity:.72;white-space:nowrap;font-size:.72em;font-weight:400}.btn__icon{flex:none}.btn--block{width:100%;display:flex}.btn--sm{min-height:36px;font-size:var(--fs-sm);padding:6px 16px}.btn--lg{min-height:56px;font-size:var(--fs-lg);padding:14px 32px}.btn--ghost{--btn-fg:var(--bone);--btn-bg:#0b0d128c;--btn-shadow:transparent;--btn-border:var(--bone-a60)}.btn--ghost:hover:not(:disabled){--btn-fg:var(--formalin);--btn-border:var(--formalin);--btn-shadow:#c6ff3d40;--btn-bg:#c6ff3d14}.btn--danger{--btn-fg:var(--on-alarm);--btn-bg:var(--alarm);--btn-shadow:var(--ink)}.btn--quiet{--btn-fg:var(--bone-2);--btn-bg:transparent;--btn-shadow:transparent;padding-inline:8px}.btn--quiet .btn__jp{text-decoration:underline;-webkit-text-decoration-color:var(--bone-a24);text-decoration-color:var(--bone-a24);text-underline-offset:5px}.btn--quiet:hover:not(:disabled){--btn-fg:var(--formalin);transform:none}.btn--big-cta{min-height:72px;font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);letter-spacing:.04em;--btn-shadow:var(--alarm);padding:12px 64px 12px 30px}.btn--big-cta .btn__label{flex-direction:column;align-items:flex-start;gap:2px}.btn--big-cta .btn__en{letter-spacing:.3em;opacity:.8;font-size:.5em}.btn--big-cta .btn__bg:after{content:"";background:repeating-linear-gradient(-45deg, var(--ink) 0 6px, transparent 6px 12px);opacity:.85;width:44px;position:absolute;top:0;bottom:0;right:0}.btn--big-cta .btn__bg:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:30%;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:translate(-120%)}.btn--big-cta:hover:not(:disabled) .btn__bg:before{transition:transform .7s var(--ease-out);transform:translate(560%)}.btn--big-cta .btn__icon--right{position:absolute;right:56px}.btn--big-cta:has(.btn__icon--right){padding-right:96px}.ibtn{width:44px;height:44px;color:var(--bone);transition:color var(--dur-1), background var(--dur-1), border-color var(--dur-1), transform var(--dur-1) var(--ease-out);border-radius:3px;flex:none;place-items:center;display:inline-grid;position:relative}.ibtn--sm{width:36px;height:36px}.ibtn--lg{width:54px;height:54px}.ibtn--ghost{border:1px solid var(--bone-a24);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0d1280}.ibtn--solid{background:var(--ink-3);border:1px solid var(--bone-a14)}.ibtn--plain{background:0 0}.ibtn:hover:not(:disabled){color:var(--formalin);border-color:var(--formalin)}.ibtn:active:not(:disabled){transform:scale(.94)}.ibtn[aria-pressed=true]{color:var(--ink);background:var(--formalin);border-color:var(--formalin)}.ibtn:disabled{opacity:.35}.ibtn__badge{background:var(--alarm);min-width:18px;height:18px;color:var(--on-alarm);font-family:var(--font-mono);font-size:var(--fs-2xs);text-align:center;border-radius:9px;padding:0 5px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}@media (hover:hover) and (pointer:fine){[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:30;background:var(--bone);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.04em;white-space:nowrap;box-shadow:3px 3px 0 var(--ink);opacity:0;pointer-events:none;transition:opacity var(--dur-1), transform var(--dur-1) var(--ease-out);border-radius:2px;padding:4px 10px;font-weight:700;line-height:1.5;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}[data-tip][data-tip-side=top]:after{top:auto;bottom:calc(100% + 8px);transform:translate(-50%,4px)}[data-tip][data-tip-side=left]:after{top:50%;left:auto;right:calc(100% + 8px);transform:translate(4px,-50%)}[data-tip][data-tip-side=right]:after{top:50%;left:calc(100% + 8px);transform:translate(-4px,-50%)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.25s;transform:translate(-50%)}[data-tip][data-tip-side=left]:hover:after,[data-tip][data-tip-side=left]:focus-visible:after,[data-tip][data-tip-side=right]:hover:after,[data-tip][data-tip-side=right]:focus-visible:after{transform:translateY(-50%)}}@media (pointer:coarse){.btn--sm:after,.ibtn--sm:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}