.wrap{max-width:880px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7)}.hero{position:relative;text-align:center;margin-bottom:var(--space-5)}.hero .en{animation:fade-up .6s ease both}.hero .jp{animation:fade-up .6s .08s ease both}.hero h1{margin:0;line-height:1.3}.hero .en{display:block;font-family:var(--font-display);font-weight:700;font-size:44px;letter-spacing:.06em;text-transform:uppercase}.hero .en i{font-style:normal;background:linear-gradient(90deg,#e4007f,#00b0ec);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .jp{display:block;font-size:14px;font-weight:500;color:var(--text-weak);margin-top:var(--space-1)}.hero:after{content:"";display:block;width:56px;height:5px;margin:var(--space-4) auto 0;background:linear-gradient(90deg,#e4007f 50%,#00b0ec 50%);transform:skew(-24deg);animation:bar-in .5s .28s ease both}@media(max-width:480px){.hero .en{font-size:30px}}.live-block{margin-bottom:var(--space-6)}.live-card{position:relative;display:flex;flex-direction:column;gap:var(--space-1);background:var(--surface);border:1px solid var(--line);border-top:4px solid transparent;border-image:linear-gradient(90deg,#e4007f,#00b0ec) 1;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-4);text-decoration:none;color:var(--text);transition:transform .15s ease}.live-card:hover{transform:translateY(-2px)}.live-block .live-card{animation:fade-up .55s .2s ease both}.live-card.is-oshi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);pointer-events:none;animation:oshi-pulse 1.9s ease-out infinite}@media(prefers-reduced-motion:reduce){.live-card.is-oshi:after{animation:none}}.live-card .oshi-note{display:flex;align-items:center;gap:5px;color:var(--accent);font-weight:700}.live-card .oshi-note svg{flex:none;color:var(--accent);fill:var(--accent)}.live-card .go,.tool-cards .go{transition:transform .18s ease}.live-card:hover .go,.tool-cards a:hover .go{transform:translate(6px)}.live-card em{font-style:normal;font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.18em;color:var(--accent)}.live-card strong{font-size:19px;font-weight:700;line-height:1.45}.live-card .meta{font-size:12px;color:var(--text-weak)}.live-card .meta b{font-family:var(--font-display);font-size:15px;color:var(--text)}.live-card .meta.today{color:var(--accent);font-weight:700}.live-card .go{position:absolute;right:var(--space-3);bottom:var(--space-3);display:inline-flex;align-items:center;color:var(--accent)}.section-title{margin:0 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);font-size:16px;font-weight:700;line-height:1.3;animation:fade-up .5s .35s ease both}.section-title:before{content:"";width:12px;height:12px;flex:none;background:var(--accent);transform:skew(-24deg)}.tool-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}@media(min-width:720px){.tool-cards{grid-template-columns:repeat(3,1fr)}}.tool-cards li:nth-child(1){animation:fade-up .55s .4s ease both}.tool-cards li:nth-child(2){animation:fade-up .55s .5s ease both}.tool-cards li:nth-child(3){animation:fade-up .55s .6s ease both}.tool-cards a{position:relative;display:flex;flex-direction:column;gap:var(--space-2);height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5) var(--space-4) var(--space-6);text-decoration:none;color:var(--text);transition:transform .15s ease,border-color .15s ease}.tool-cards a:hover{transform:translateY(-3px);border-color:var(--accent)}.tool-cards em{font-style:normal;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.14em;color:var(--accent)}.tool-cards strong{font-size:20px;font-weight:700;line-height:1.4}.tool-cards .card-notes{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-1)}.tool-cards .card-notes li{position:relative;padding-left:var(--space-3);font-size:13px;line-height:1.5;color:var(--text-weak)}.tool-cards .card-notes li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;background:var(--accent);transform:skew(-24deg)}.tool-cards .go{position:absolute;right:var(--space-4);bottom:var(--space-3);display:inline-flex;align-items:center;color:var(--accent)}.site-footer{text-align:center;font-size:12px;color:var(--text-weak);margin-top:var(--space-7)}.sp-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,#2a2440,#15111f 70%);overflow:hidden;will-change:transform}.sp-loading.done{transform:translate(112%) skew(-12deg);transition:transform .7s cubic-bezier(.7,0,.25,1)}.sp-load-lines{position:absolute;top:-20%;right:-40%;bottom:-20%;left:-40%;pointer-events:none}.sp-load-lines .ln{position:absolute;top:0;bottom:0;width:22px;transform:skew(-12deg) translate(-160vw);opacity:0}.sp-load-lines .ln.magenta{left:42%;background:#e4007f;box-shadow:0 0 32px 4px #e4007fb3}.sp-load-lines .ln.cyan{left:50%;background:#00b0ec;box-shadow:0 0 32px 4px #00b0ecb3}.sp-loading.done .ln{opacity:1;transform:skew(-12deg) translate(180vw);transition:transform .65s cubic-bezier(.6,0,.2,1),opacity .2s ease}.sp-loading.done .ln.cyan{transition-delay:.06s}.sp-load-inner{position:relative;z-index:1;width:min(380px,78vw);text-align:left}.sp-load-logo{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;color:#fff;margin:0 0 18px;line-height:1.1;font-size:26px}.sp-load-logo span{display:block;font-size:11px;letter-spacing:.34em;color:#b9b3c9;margin-top:6px}.sp-load-bar{position:relative;height:12px;background:#ffffff1f;transform:skew(-24deg);overflow:hidden;border-radius:2px}.sp-load-fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#e4007f,#00b0ec);box-shadow:0 0 18px #e4007f99}.sp-load-pct{font-family:var(--font-display);font-weight:700;color:#fff;margin:14px 0 0;text-align:right;font-size:34px;line-height:1}.sp-load-pct i{font-style:normal;font-size:16px;color:#b9b3c9;margin-left:2px}@media(prefers-reduced-motion:reduce){.sp-load-lines .ln{display:none}.sp-loading.done{transition:opacity .3s ease;transform:none;opacity:0}}
