:root{--accent: #ff6900;--accent-alt: #ed7d31;--accent-hover: #ed5f00;--accent-soft: #fff5ef;--accent-tcc: #ed7d31;--accent-tcc-soft: #fff0e6;--accent-xrshot: #ff6900;--accent-xrshot-soft: #fff5ef;--bg: #f7f8fa;--card: #ffffff;--text: #1d1f26;--text-dim: #64748b;--text-soft: #475569;--border: #e8eaef;--border-strong: #d8dce4;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 2px 6px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 10px 26px rgba(15, 23, 42, .05);--shadow-lg: 0 8px 22px rgba(15, 23, 42, .08), 0 22px 52px rgba(15, 23, 42, .08);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;font-family:Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;background:var(--bg);background-image:radial-gradient(ellipse 70% 50% at 10% 0%,rgba(255,105,0,.08),transparent 60%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(237,125,49,.06),transparent 60%);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul,ol{list-style:none;margin:0;padding:0}.page{height:100dvh;max-height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}main{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.site-header{padding:10px 0;border-bottom:1px solid var(--border);background:#ffffffd9;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);flex-shrink:0}.site-header__inner{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:flex-start}.site-header__brand{display:flex;align-items:center;gap:12px}.site-header__icon{width:44px;height:44px;flex:none}.site-header__wordmark{display:flex;flex-direction:column;gap:1px;line-height:1.05}.site-header__wordmark-line{font-size:15px;font-weight:800;letter-spacing:.06em;color:#1a2744}.splash{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,18px);max-width:1180px;width:100%;margin:0 auto;padding:clamp(10px,1.8vh,18px) clamp(16px,3vw,28px);flex-shrink:0;overflow:hidden}.splash__hero{flex-shrink:0;text-align:center;max-width:42rem;padding:0 clamp(8px,2vw,16px)}.splash__title{margin:0 0 12px;font-size:clamp(24px,3.6vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.35}.splash__title-break{display:none}.splash__title-accent{color:var(--accent);white-space:nowrap}.splash__lead{margin:0 auto;max-width:52ch;font-size:clamp(13px,1.5vw,16px);color:var(--text-soft);line-height:1.75}.splash__lead-emphasis{font-weight:700;color:var(--text)}.splash__tools{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,22px);align-items:start}.tool-card{display:flex;flex-direction:column;height:auto;cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;--card-accent: var(--accent);--card-accent-soft: var(--accent-soft)}.tool-card--tcc{--card-accent: var(--accent-tcc);--card-accent-soft: var(--accent-tcc-soft)}.tool-card--xrshot{--card-accent: var(--accent-xrshot);--card-accent-soft: var(--accent-xrshot-soft)}.tool-card:hover,.tool-card:focus-visible{border-color:color-mix(in srgb,var(--card-accent) 50%,var(--border));transform:translateY(-3px);box-shadow:var(--shadow-lg);outline:none}.tool-card__head{display:flex;align-items:center;gap:12px;padding:16px 18px 14px;flex-shrink:0;background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 6%,#fff),#fff);border-bottom:1px solid var(--border)}.tool-card__preview{flex:0 0 auto;line-height:0;background:#f8f9fb;border-bottom:1px solid var(--border);overflow:hidden}.tool-card__screenshot{width:100%;height:auto;display:block}.tool-card__icon{width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:#fff;flex-shrink:0;object-fit:cover}.tool-card__head-text{min-width:0}.tool-card__tagline{margin:0 0 1px;font-size:11px;font-weight:700;color:var(--card-accent);letter-spacing:.02em}.tool-card__name{margin:0;font-size:clamp(16px,1.8vw,20px);font-weight:800;letter-spacing:-.02em;line-height:1.25}.tool-card__body{display:flex;flex-direction:column;gap:10px;padding:0 18px 16px;flex-shrink:0}.tool-card__for-you{margin:0;font-size:clamp(13px,1.4vw,15px);font-weight:800;line-height:1.5;letter-spacing:-.01em;color:var(--text)}.tool-card__result{display:flex;flex-direction:column;gap:2px;margin:0;padding:8px 12px;border-radius:var(--radius-sm);background:#f8f9fb;border-left:3px solid var(--card-accent);font-size:12px;line-height:1.5;color:var(--text-dim)}.tool-card__result-label{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--card-accent)}.tool-card__outputs{display:flex;flex-wrap:wrap;gap:5px}.tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--card-accent-soft);color:var(--card-accent);border:1px solid color-mix(in srgb,var(--card-accent) 14%,#fff)}.tool-card__cta{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:800;letter-spacing:.01em;color:#fff;background:var(--accent);transition:background .15s,filter .15s,transform .15s}.tool-card:hover .tool-card__cta{background:var(--accent-hover);filter:none}.tool-card__cta-arrow{font-weight:700;transition:transform .15s}.tool-card:hover .tool-card__cta-arrow{transform:translate(3px)}@media(max-width:820px){.splash__title-break{display:inline}main{align-items:flex-start;overflow-y:auto}.splash{margin:auto 0}.splash__tools{grid-template-columns:1fr}}@media(max-height:720px){.splash{gap:8px;padding-top:8px;padding-bottom:8px}.splash__title{font-size:20px}.splash__lead{font-size:12px}.tool-card__head{padding:10px 14px 8px}.tool-card__body{gap:8px;padding:0 14px 12px}.tool-card__for-you{font-size:13px}.tool-card__cta{padding:10px 14px;font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.auth-gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-gate__card{max-width:400px;width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:24px;text-align:center}.auth-gate__title{margin:0 0 8px;font-size:15px;font-weight:700}.auth-gate__error{margin:0 0 16px;font-size:12px;color:var(--text-dim);word-break:break-word}.auth-gate__button{border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font:inherit;font-size:14px;font-weight:700;padding:10px 18px;cursor:pointer}.auth-gate__button:hover{background:var(--accent-hover)}.auth-gate__brand{display:flex;align-items:center;gap:14px}.auth-gate__brand-icon{width:52px;height:52px;flex:none}.auth-gate__brand-wordmark{display:flex;flex-direction:column;gap:2px;line-height:1.05;font-size:18px;font-weight:800;letter-spacing:.06em;color:#1a2744}.auth-gate__loading{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text-soft)}.auth-gate__loading p{margin:0;font-size:14px;font-weight:700}.auth-gate__spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:auth-gate-spin .8s linear infinite}@keyframes auth-gate-spin{to{transform:rotate(360deg)}}