html:has(.product-hero){overflow-x:clip;overflow-y:auto;scrollbar-gutter:auto}
body:has(.product-hero){min-height:100dvh;display:flex;flex-direction:column}
body:has(.product-hero) #type-app,.card-hub-main{flex:1;min-height:0;width:100%;max-width:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center}
.product-hero{width:min(600px,90vw);text-align:center;margin:auto;padding:0;color:#f7f7f7}
#type-app[data-screen=top]{position:relative;isolation:isolate;overflow:clip}
#type-app[data-screen=top] .type-particle-background,#type-app[data-screen=top] .type-particle-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#type-app[data-screen=top] .type-particle-background{z-index:-2}
#type-app[data-screen=top] .type-particle-shade{z-index:-1;background:none}
.product-catch{font:400 16px/26px Arial,'Yu Gothic UI',Meiryo,sans-serif;letter-spacing:3px;color:#b9b9b9;margin:0 0 18px}
.product-hero h1{font:400 clamp(56px,6.3vw,112px)/.98 PeakDisplay,Impact,'Arial Narrow',sans-serif;letter-spacing:.2px;margin:0}
.product-hero h1 span{display:block;white-space:nowrap}.product-hero h1 span:last-child{margin-top:10px;color:#ea3b10}
.product-form{width:100%;max-width:460px;min-height:166px;margin:32px auto 0;text-align:left}
.type-capsule{display:flex;align-items:center;gap:12px;height:54px;border:1px solid #555;border-radius:999px;background:#121414ed;padding:5px 6px 5px 20px}
.type-capsule:focus-within{border-color:white;outline:1px solid #ffffff30;outline-offset:3px}
.type-capsule input{flex:1;min-width:0;background:none;color:#f7f7f7;border:0;padding:6px 0;outline:none;font-size:13px}.type-capsule input::placeholder{color:#aaa;opacity:1}
.type-send{border:0;border-radius:50%;width:42px;height:42px;flex:none;background:#ea3b10;color:white;display:grid;place-items:center;padding:0;cursor:pointer}.type-send svg{width:19px;height:19px}
.type-role-tabs{display:flex;gap:7px;margin:14px 0 0;border:0;padding:0;min-width:0}.type-role-tabs label{flex:1;cursor:pointer}.type-role-tabs input{position:absolute;opacity:0;width:1px;height:1px}
.type-role-tabs span:not(.product-sr-only){display:block;text-align:center;border:1px solid #444;border-radius:3px;padding:9px 4px;font:11px/12px Arial,Meiryo,sans-serif;color:#bbb;background:#050606e0}
.type-role-tabs input:checked+span{color:#ea3b10;border-color:#ea3b10;background:rgba(30,12,8,.9)}.type-role-tabs input:focus-visible+span{outline:2px solid white;outline-offset:3px}
.type-help{font:12px/1.8 Arial,Meiryo,sans-serif;color:#b9b9b9;text-align:center;margin:12px 8px 0}
.type-top-links{display:flex;gap:20px;margin:16px 8px 0;font:11px/16px Arial,Meiryo,sans-serif}.type-top-links a:hover{color:#ea3b10}
.product-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;border:0}
#type-app #type-name,#type-app #type-name:focus,#type-app #type-name:active{background:transparent!important}
#type-app #type-name:-webkit-autofill,#type-app #type-name:-webkit-autofill:focus{box-shadow:0 0 0 1000px #121414 inset!important;-webkit-text-fill-color:#f7f7f7}
.type-entry-status:empty{display:none}.type-entry-status{font-size:12px;margin-top:14px}.type-entry-status button{margin-left:8px;background:transparent;color:inherit;border:1px solid #555;padding:5px 10px}
.type-history a.history-loading{position:relative;overflow:hidden;isolation:isolate;border-color:#ea3b10;cursor:progress}.type-history .history-progress{position:absolute;inset:0;z-index:-1;background:#ea3b10;transform:scaleX(0);transform-origin:left}.type-history .history-load-label{float:right;font-size:10px;margin-left:12px}
.type-send[aria-busy=true]{position:relative}.type-send[aria-busy=true] svg{opacity:0}.type-send[aria-busy=true]::after{content:'';position:absolute;inset:12px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:type-entry-spin .7s linear infinite}@keyframes type-entry-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.type-send[aria-busy=true]::after{animation:none}}