html, body { font-family: "Segoe UI", "Yu Gothic UI", sans-serif; margin: 0; padding: 0; color: #16212f; }
*, *::before, *::after { box-sizing: border-box; }
button, input, select, textarea { font: inherit; }
input[type="file"], .select-input { width: 100%; padding: 0.65rem 0.8rem; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border: none; border-radius: 12px; padding: 0.7rem 1rem; cursor: pointer; transition: transform 0.08s ease, opacity 0.2s ease; }
.btn:hover:not(:disabled) { transform: translateY(-1px); }
.btn:disabled { opacity: 0.6; cursor: not-allowed; }
.btn-primary { background: #0b6bcb; color: #fff; }
.btn-secondary { background: #e5ebf3; color: #11253f; }
.form-range { width: 100%; }
.message { margin-top: 1rem; padding: 0.85rem 1rem; border-radius: 12px; }
.message-error { background: #fff1f2; color: #991b1b; border: 1px solid #fecdd3; }
.spinner, .mini-spinner { border-radius: 50%; border: 3px solid rgba(11, 107, 203, 0.18); border-top-color: #0b6bcb; animation: spin 0.8s linear infinite; }
.spinner { width: 26px; height: 26px; }
.mini-spinner { width: 16px; height: 16px; border-width: 2px; }
@keyframes spin { to { transform: rotate(360deg); } }

/* v38 Ink Analyze global force override - applies even if Home.razor.css isolation is stale */
html body .content-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: clamp(12px, 2vw, 28px) !important;
    padding-right: clamp(12px, 2vw, 28px) !important;
}

html body .toka-page-shell {
    --toka-blue: #0b5cab !important;
    --toka-deep: #061a33 !important;
    --toka-cyan: #00a3d9 !important;
    --toka-line: rgba(0, 78, 162, .18) !important;
    width: 100% !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: clamp(16px, 3vw, 42px) !important;
    color: #142033 !important;
    box-sizing: border-box !important;
    background: radial-gradient(circle at 95% 0%, rgba(0,163,217,.10), transparent 24%), radial-gradient(circle at 0% 30%, rgba(0,78,162,.08), transparent 28%) !important;
}

html body .toka-page-shell .toka-hero {
    position: relative !important;
    overflow: hidden !important;
    min-height: 250px !important;
    border-radius: 32px !important;
    padding: clamp(28px, 5vw, 58px) !important;
    background: radial-gradient(circle at 88% 18%, rgba(0,163,217,.34), transparent 30%), linear-gradient(120deg, #061a33 0%, #004ea2 52%, #1294d2 100%) !important;
    color: #fff !important;
    box-shadow: 0 28px 72px rgba(0, 78, 162, .26) !important;
    margin-bottom: 24px !important;
}

html body .toka-page-shell .toka-hero::after {
    content: "" !important;
    position: absolute !important;
    right: -80px !important;
    bottom: -120px !important;
    width: 360px !important;
    height: 240px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    transform: rotate(-12deg) !important;
    display: block !important;
}

html body .toka-page-shell .toka-hero__visual,
html body .toka-page-shell .toka-hero-badges { display: none !important; }
html body .toka-page-shell .toka-hero__content { position: relative !important; z-index: 2 !important; max-width: 940px !important; }
html body .toka-page-shell .toka-eyebrow { color: rgba(255,255,255,.78) !important; letter-spacing: .22em !important; font-weight: 900 !important; font-size: .78rem !important; line-height: 1.2 !important; text-transform: uppercase !important; margin-bottom: 10px !important; }
html body .toka-page-shell .toka-hero-title { color: #fff !important; font-size: clamp(2.7rem, 5.4vw, 5.3rem) !important; line-height: .98 !important; margin: 0 0 16px !important; font-family: Georgia, "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important; letter-spacing: -.05em !important; font-weight: 900 !important; }
html body .toka-page-shell .toka-hero-copy { color: rgba(255,255,255,.92) !important; line-height: 1.85 !important; font-size: 1.05rem !important; margin: 0 !important; max-width: 900px !important; }

html body .toka-page-shell .toka-card,
html body .toka-page-shell .toka-result-item,
html body .toka-page-shell .toka-headline-card,
html body .toka-page-shell .toka-metric-card,
html body .toka-page-shell .rz-card {
    box-sizing: border-box !important;
    min-width: 0 !important;
    border: 1px solid rgba(0,78,162,.18) !important;
    border-radius: 26px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.98) 100%) !important;
    box-shadow: 0 18px 48px rgba(6,26,51,.10) !important;
    overflow: hidden !important;
}

html body .toka-page-shell .toka-framed-area,
html body .toka-page-shell .toka-result-card { background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.98) 100%) !important; }
html body .toka-page-shell .toka-control-card { position: sticky !important; top: 18px !important; }
html body .toka-page-shell .toka-section-title { color: #061a33 !important; font-weight: 900 !important; letter-spacing: -.02em !important; }
html body .toka-page-shell .toka-muted { color: #64748b !important; line-height: 1.7 !important; }
html body .toka-page-shell .toka-field .rz-label { color: #0b5cab !important; font-size: .82rem !important; font-weight: 900 !important; letter-spacing: .08em !important; text-transform: uppercase !important; margin-bottom: 8px !important; }

html body .toka-page-shell .toka-upload-box {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    min-height: 132px !important;
    padding: 18px !important;
    border: 2px dashed rgba(0,78,162,.36) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #ffffff, #f1f7ff) !important;
    color: #3c587b !important;
    text-align: center !important;
    overflow: hidden !important;
}
html body .toka-page-shell .toka-upload-box input[type=file] { position: absolute !important; inset: 0 !important; opacity: 0 !important; cursor: pointer !important; width: 100% !important; height: 100% !important; }
html body .toka-page-shell .toka-upload-icon { color: #0b5cab !important; font-size: 2.3rem !important; margin-bottom: 8px !important; }
html body .toka-page-shell .toka-file-badge { display: inline-flex !important; max-width: 100% !important; margin-top: 10px !important; padding: 6px 10px !important; border-radius: 999px !important; background: #e0f2fe !important; color: #075985 !important; font-weight: 800 !important; font-size: .86rem !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body .toka-page-shell .toka-actions { flex-wrap: wrap !important; gap: 10px !important; }

html body .toka-page-shell .toka-slider-fill { background: linear-gradient(90deg, #004ea2, #00a3d9) !important; }
html body .toka-page-shell .toka-slider-thumb-visual { background: #00a3d9 !important; box-shadow: 0 4px 12px rgba(0,78,162,.30) !important; }

html body .toka-page-shell .toka-preview-scroll {
    border-radius: 26px !important;
    background: radial-gradient(circle at 50% 18%, rgba(0,163,217,.14), transparent 34%), #f8fbff !important;
    border: 1px solid rgba(0,78,162,.15) !important;
    padding: 16px !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}
html body .toka-page-shell .force-horizontal-canvas { border-radius: 22px !important; border: 1px solid rgba(0,78,162,.18) !important; background: linear-gradient(135deg,#f8fbff,#eef4fb) !important; box-shadow: 0 14px 34px rgba(6,26,51,.14) !important; }

html body .toka-page-shell .toka-headline-card { border-left: 6px solid #00a3d9 !important; background: radial-gradient(circle at 100% 0%, rgba(0,163,217,.18), transparent 30%), linear-gradient(135deg, #fff 0%, #eef7ff 50%, #f8fbff 100%) !important; }
html body .toka-page-shell .toka-headline-kicker { color: #0b5cab !important; font-weight: 900 !important; letter-spacing: .16em !important; text-transform: uppercase !important; font-size: .78rem !important; margin-bottom: 12px !important; }
html body .toka-page-shell .toka-headline-text { font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", Georgia, serif !important; font-size: clamp(2.0rem, 4.8vw, 4.6rem) !important; line-height: 1.08 !important; letter-spacing: -.05em !important; font-weight: 900 !important; color: #061a33 !important; }
html body .toka-page-shell .toka-pill-badge { border-radius: 999px !important; background: linear-gradient(90deg, #0b5cab, #00a3d9) !important; color: #fff !important; font-weight: 900 !important; box-shadow: 0 8px 18px rgba(0,78,162,.18) !important; }
html body .toka-page-shell .toka-pill-badge:nth-child(2n) { background: linear-gradient(90deg, #4038d8, #00a3d9) !important; }
html body .toka-page-shell .toka-metric-card { border-left: 5px solid rgba(0,78,162,.35) !important; }
html body .toka-page-shell .toka-metric-title { color: #0b5cab !important; font-size: .95rem !important; font-weight: 900 !important; margin-bottom: 8px !important; }
html body .toka-page-shell .toka-metric-value { color: #061a33 !important; font-weight: 900 !important; }
html body .toka-page-shell .result-box { background: #071426 !important; color: #ecf2ff !important; border-radius: 18px !important; }

@media (max-width: 900px) {
    html body .toka-page-shell .force-horizontal-pair { min-width: 0 !important; width: 100% !important; flex-wrap: wrap !important; }
    html body .toka-page-shell .force-horizontal-figure,
    html body .toka-page-shell .force-horizontal-canvas { width: 100% !important; min-width: 0 !important; max-width: 100% !important; flex: 1 1 100% !important; }
}
@media (max-width: 640px) {
    html body .toka-page-shell { padding: 12px !important; }
    html body .toka-page-shell .toka-hero { border-radius: 22px !important; padding: 24px 20px !important; }
}


/* =========================================================
   v69 Ink Analyze button safe fix
   - v68のinline style強制をやめ、機能を阻害しないCSS中心へ戻す
   - クリアボタン文字表示
   - 画像アップロード後もAI回答生成ボタン背景を白くしない
   ========================================================= */
html body .toka-page-shell .toka-hero { min-height: 190px !important; padding: clamp(22px, 3.6vw, 42px) !important; border-radius: 28px !important; }
html body .toka-page-shell .toka-hero-title,
html body .toka-page-shell h1.toka-hero-title,
html body .toka-page-shell .hero-title,
html body .toka-page-shell h1 { font-size: clamp(1.72rem, 3.15vw, 3.25rem) !important; line-height: 1.08 !important; letter-spacing: -0.035em !important; }
html body .toka-page-shell .toka-hero-badges,
html body .toka-page-shell .toka-hero__visual,
html body .toka-page-shell .toka-hero .toka-pill-badge,
html body .toka-page-shell .toka-hero .toka-hero-badge,
html body .toka-page-shell .toka-hero [class*="badge"] { display: none !important; }

/* 旧v65/v67/v68の疑似アイコンを無効化。Radzenの内部文字と干渉させない */
html body .toka-page-shell .toka-ink-analyze-primary-v65::before,
html body .toka-page-shell .toka-ink-analyze-primary-v67::before,
html body .toka-page-shell .toka-ink-analyze-primary-v68::before,
html body .toka-page-shell .toka-ink-analyze-primary-v69::before,
html body .toka-page-shell .toka-ink-analyze-secondary-v65::before,
html body .toka-page-shell .toka-ink-analyze-secondary-v67::before,
html body .toka-page-shell .toka-ink-analyze-secondary-v68::before,
html body .toka-page-shell .toka-ink-analyze-secondary-v69::before {
    content: none !important;
    display: none !important;
}

/* AI回答生成を実行ボタン。disabled時も白背景にしない。ただしJSでdisabledを解除しない */
html body .toka-page-shell .toka-ink-analyze-primary-v69,
html body .toka-page-shell .toka-ink-analyze-primary-v69:disabled,
html body .toka-page-shell .toka-ink-analyze-primary-v69[disabled],
html body .toka-page-shell .toka-ink-analyze-primary-v69[aria-disabled="true"],
html body .toka-page-shell .toka-ink-analyze-primary-v69.rz-state-disabled,
html body .toka-page-shell .toka-ink-analyze-primary-v69.rz-button-disabled {
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, #07305f 0%, #005eb8 54%, #008fd3 100%) !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 999px !important;
    box-shadow: 0 16px 34px rgba(0,86,168,.28), inset 0 1px 0 rgba(255,255,255,.26) !important;
    filter: none !important;
    min-height: 46px !important;
    padding: .82rem 1.35rem !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    text-shadow: 0 1px 2px rgba(0,24,58,.45) !important;
}
html body .toka-page-shell .toka-ink-analyze-primary-v69 *,
html body .toka-page-shell .toka-ink-analyze-primary-v69 .rz-button-text,
html body .toka-page-shell .toka-ink-analyze-primary-v69 .rz-button-label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0,24,58,.45) !important;
}

/* クリアボタン。初期表示でも文字を必ず見せる */
html body .toka-page-shell .toka-ink-analyze-secondary-v69,
html body .toka-page-shell .toka-ink-analyze-secondary-v69:disabled,
html body .toka-page-shell .toka-ink-analyze-secondary-v69[disabled],
html body .toka-page-shell .toka-ink-analyze-secondary-v69[aria-disabled="true"],
html body .toka-page-shell .toka-ink-analyze-secondary-v69.rz-state-disabled,
html body .toka-page-shell .toka-ink-analyze-secondary-v69.rz-button-disabled {
    opacity: 1 !important;
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    background: linear-gradient(135deg, #ffffff 0%, #e9f5ff 100%) !important;
    border: 1px solid rgba(0,120,212,.24) !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 26px rgba(15,35,60,.12), inset 0 1px 0 rgba(255,255,255,.85) !important;
    filter: none !important;
    min-height: 46px !important;
    padding: .82rem 1.25rem !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    text-shadow: none !important;
}
html body .toka-page-shell .toka-ink-analyze-secondary-v69 *,
html body .toka-page-shell .toka-ink-analyze-secondary-v69 .rz-button-text,
html body .toka-page-shell .toka-ink-analyze-secondary-v69 .rz-button-label {
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body .toka-page-shell .toka-ink-analyze-primary-v69:hover:not(:disabled),
html body .toka-page-shell .toka-ink-analyze-secondary-v69:hover:not(:disabled) {
    transform: translateY(-2px) !important;
}

/* =========================================================
   v71 Ink Analyze bottom disclaimer patch based on current v69
   - v69の全スタイルを維持したまま、注意書きだけ追加
   ========================================================= */
html body .toka-page-shell .toka-ink-ai-disclaimer-v71 {
    width: min(100%, 1040px) !important;
    margin: 32px auto 0 !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
    color: #35516f !important;
    -webkit-text-fill-color: #35516f !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    letter-spacing: .01em !important;
    border-radius: 999px !important;
    border: 1px solid rgba(0, 120, 212, .18) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(239,248,255,.88)) !important;
    box-shadow: 0 14px 34px rgba(15, 35, 60, .10), inset 0 1px 0 rgba(255,255,255,.82) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    clear: both !important;
}
html body .toka-page-shell .toka-ink-ai-disclaimer-v71::before {
    content: "i" !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    font-family: "Segoe UI", sans-serif !important;
    background: linear-gradient(135deg, #0b5cab, #00a3d9) !important;
    box-shadow: 0 6px 14px rgba(0, 120, 212, .24) !important;
}
@media (max-width: 640px) {
    html body .toka-page-shell .toka-ink-ai-disclaimer-v71 {
        border-radius: 18px !important;
        align-items: flex-start !important;
        text-align: left !important;
    }
}

/* =========================================================
   v72 Ink Recipe page-only polish patch
   - Ink Recipe のみ対象。他ページには適用しない
   ========================================================= */
html body .toka-page-shell.ink-recipe-v36 .toka-hero,
html body .ink-recipe-v36 .toka-hero {
    min-height: 168px !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border-radius: 28px !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-hero-title,
html body .toka-page-shell.ink-recipe-v36 h1.toka-hero-title,
html body .toka-page-shell.ink-recipe-v36 .hero-title,
html body .toka-page-shell.ink-recipe-v36 h1,
html body .ink-recipe-v36 .toka-hero-title,
html body .ink-recipe-v36 h1.toka-hero-title,
html body .ink-recipe-v36 .hero-title,
html body .ink-recipe-v36 h1 {
    font-size: clamp(1.55rem, 2.55vw, 2.55rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 10px !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v72,
html body .ink-recipe-v36 .toka-recipe-primary-v72,
html body .toka-page-shell.ink-recipe-v36 button.toka-recipe-primary-v72,
html body .ink-recipe-v36 button.toka-recipe-primary-v72,
html body .toka-page-shell.ink-recipe-v36 .rz-button.toka-recipe-primary-v72,
html body .ink-recipe-v36 .rz-button.toka-recipe-primary-v72 {
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    min-height: 46px !important;
    padding: .82rem 1.35rem !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    background:
        radial-gradient(circle at 20% 18%, rgba(255,255,255,.22), transparent 26%),
        linear-gradient(135deg, #07305f 0%, #005eb8 54%, #00a3d9 100%) !important;
    box-shadow: 0 16px 34px rgba(0,86,168,.28), inset 0 1px 0 rgba(255,255,255,.26) !important;
    filter: none !important;
    text-shadow: 0 1px 2px rgba(0,24,58,.45) !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v72 *,
html body .ink-recipe-v36 .toka-recipe-primary-v72 * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0,24,58,.45) !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v72,
html body .ink-recipe-v36 .toka-recipe-secondary-v72,
html body .toka-page-shell.ink-recipe-v36 button.toka-recipe-secondary-v72,
html body .ink-recipe-v36 button.toka-recipe-secondary-v72,
html body .toka-page-shell.ink-recipe-v36 .rz-button.toka-recipe-secondary-v72,
html body .ink-recipe-v36 .rz-button.toka-recipe-secondary-v72 {
    opacity: 1 !important;
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    min-height: 46px !important;
    padding: .82rem 1.25rem !important;
    border: 1px solid rgba(0,120,212,.24) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e9f5ff 100%) !important;
    box-shadow: 0 12px 26px rgba(15,35,60,.12), inset 0 1px 0 rgba(255,255,255,.85) !important;
    filter: none !important;
    text-shadow: none !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v72 *,
html body .ink-recipe-v36 .toka-recipe-secondary-v72 * {
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v72:hover:not(:disabled),
html body .ink-recipe-v36 .toka-recipe-primary-v72:hover:not(:disabled),
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v72:hover:not(:disabled),
html body .ink-recipe-v36 .toka-recipe-secondary-v72:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    filter: brightness(1.04) saturate(1.08) !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-back-v72,
html body .ink-recipe-v36 .toka-recipe-back-v72 {
    display: none !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-ai-disclaimer-v72,
html body .ink-recipe-v36 .toka-recipe-ai-disclaimer-v72 {
    width: min(100%, 1040px) !important;
    margin: 32px auto 0 !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
    color: #35516f !important;
    -webkit-text-fill-color: #35516f !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    letter-spacing: .01em !important;
    border-radius: 999px !important;
    border: 1px solid rgba(0, 120, 212, .18) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(239,248,255,.88)) !important;
    box-shadow: 0 14px 34px rgba(15, 35, 60, .10), inset 0 1px 0 rgba(255,255,255,.82) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    clear: both !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-ai-disclaimer-v72::before,
html body .ink-recipe-v36 .toka-recipe-ai-disclaimer-v72::before {
    content: "i" !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    font-family: "Segoe UI", sans-serif !important;
    background: linear-gradient(135deg, #0b5cab, #00a3d9) !important;
    box-shadow: 0 6px 14px rgba(0, 120, 212, .24) !important;
}

@media (max-width: 640px) {
    html body .toka-page-shell.ink-recipe-v36 .toka-recipe-ai-disclaimer-v72,
    html body .ink-recipe-v36 .toka-recipe-ai-disclaimer-v72 {
        border-radius: 18px !important;
        align-items: flex-start !important;
        text-align: left !important;
    }
}

/* =========================================================
   v73 Ink Recipe stable button + disclaimer dedupe patch
   - Radzen再描画/クリック/クリア後もボタンデザインを常時維持
   - 注意書き重複時は下側を消す
   ========================================================= */
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-primary,
html body .toka-page-shell.ink-recipe-v36 .rz-button-primary,
html body .toka-page-shell.ink-recipe-v36 .btn-primary,
html body .toka-page-shell.ink-recipe-v36 button[type="submit"],
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v72,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73,
html body .ink-recipe-v36 .rz-button.rz-primary,
html body .ink-recipe-v36 .rz-button-primary,
html body .ink-recipe-v36 .btn-primary,
html body .ink-recipe-v36 button[type="submit"],
html body .ink-recipe-v36 .toka-recipe-primary-v72,
html body .ink-recipe-v36 .toka-recipe-primary-v73,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-primary:hover,
html body .toka-page-shell.ink-recipe-v36 .rz-button-primary:hover,
html body .toka-page-shell.ink-recipe-v36 .btn-primary:hover,
html body .toka-page-shell.ink-recipe-v36 button[type="submit"]:hover,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73:hover,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-primary:active,
html body .toka-page-shell.ink-recipe-v36 .rz-button-primary:active,
html body .toka-page-shell.ink-recipe-v36 .btn-primary:active,
html body .toka-page-shell.ink-recipe-v36 button[type="submit"]:active,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73:active,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-primary:focus,
html body .toka-page-shell.ink-recipe-v36 .rz-button-primary:focus,
html body .toka-page-shell.ink-recipe-v36 .btn-primary:focus,
html body .toka-page-shell.ink-recipe-v36 button[type="submit"]:focus,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73:focus,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-primary.rz-state-active,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-primary.rz-state-focused,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73.rz-state-active,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73.rz-state-focused {
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    min-height: 46px !important;
    padding: .82rem 1.35rem !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    background:
        radial-gradient(circle at 20% 18%, rgba(255,255,255,.22), transparent 26%),
        linear-gradient(135deg, #07305f 0%, #005eb8 54%, #00a3d9 100%) !important;
    box-shadow: 0 16px 34px rgba(0,86,168,.28), inset 0 1px 0 rgba(255,255,255,.26) !important;
    filter: none !important;
    text-shadow: 0 1px 2px rgba(0,24,58,.45) !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73 *,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-primary *,
html body .toka-page-shell.ink-recipe-v36 .rz-button-primary *,
html body .toka-page-shell.ink-recipe-v36 .btn-primary *,
html body .ink-recipe-v36 .toka-recipe-primary-v73 *,
html body .ink-recipe-v36 .rz-button.rz-primary *,
html body .ink-recipe-v36 .rz-button-primary *,
html body .ink-recipe-v36 .btn-primary * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0,24,58,.45) !important;
}

html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-secondary,
html body .toka-page-shell.ink-recipe-v36 .rz-button-secondary,
html body .toka-page-shell.ink-recipe-v36 .btn-secondary,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v72,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73,
html body .ink-recipe-v36 .rz-button.rz-secondary,
html body .ink-recipe-v36 .rz-button-secondary,
html body .ink-recipe-v36 .btn-secondary,
html body .ink-recipe-v36 .toka-recipe-secondary-v72,
html body .ink-recipe-v36 .toka-recipe-secondary-v73,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-secondary:hover,
html body .toka-page-shell.ink-recipe-v36 .rz-button-secondary:hover,
html body .toka-page-shell.ink-recipe-v36 .btn-secondary:hover,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73:hover,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-secondary:active,
html body .toka-page-shell.ink-recipe-v36 .rz-button-secondary:active,
html body .toka-page-shell.ink-recipe-v36 .btn-secondary:active,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73:active,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-secondary:focus,
html body .toka-page-shell.ink-recipe-v36 .rz-button-secondary:focus,
html body .toka-page-shell.ink-recipe-v36 .btn-secondary:focus,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73:focus,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-secondary.rz-state-active,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-secondary.rz-state-focused,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73.rz-state-active,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73.rz-state-focused {
    opacity: 1 !important;
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    min-height: 46px !important;
    padding: .82rem 1.25rem !important;
    border: 1px solid rgba(0,120,212,.24) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e9f5ff 100%) !important;
    box-shadow: 0 12px 26px rgba(15,35,60,.12), inset 0 1px 0 rgba(255,255,255,.85) !important;
    filter: none !important;
    text-shadow: none !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73 *,
html body .toka-page-shell.ink-recipe-v36 .rz-button.rz-secondary *,
html body .toka-page-shell.ink-recipe-v36 .rz-button-secondary *,
html body .toka-page-shell.ink-recipe-v36 .btn-secondary *,
html body .ink-recipe-v36 .toka-recipe-secondary-v73 *,
html body .ink-recipe-v36 .rz-button.rz-secondary *,
html body .ink-recipe-v36 .rz-button-secondary *,
html body .ink-recipe-v36 .btn-secondary * {
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73:hover:not(:disabled),
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73:hover:not(:disabled),
html body .ink-recipe-v36 .toka-recipe-primary-v73:hover:not(:disabled),
html body .ink-recipe-v36 .toka-recipe-secondary-v73:hover:not(:disabled) {
    transform: translateY(-2px) !important;
}

html body .toka-page-shell.ink-recipe-v36 .toka-recipe-ai-disclaimer-duplicate-v73,
html body .ink-recipe-v36 .toka-recipe-ai-disclaimer-duplicate-v73 {
    display: none !important;
}

/* =========================================================
   v74 Ink Recipe lightweight stable CSS patch
   - JS負荷を下げ、CSS側でボタンデザインを安定化
   - Ink Recipeのみ対象
   ========================================================= */
html body .ink-recipe-v36 button,
html body .ink-recipe-v36 .rz-button,
html body .toka-page-shell.ink-recipe-v36 button,
html body .toka-page-shell.ink-recipe-v36 .rz-button {
    pointer-events: auto !important;
}

html body .ink-recipe-v36 .toka-recipe-primary-v74,
html body .ink-recipe-v36 .toka-recipe-primary-v73,
html body .ink-recipe-v36 .toka-recipe-primary-v72,
html body .ink-recipe-v36 .rz-button-primary,
html body .ink-recipe-v36 .rz-primary,
html body .ink-recipe-v36 .btn-primary,
html body .ink-recipe-v36 button[type="submit"],
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v74,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v72,
html body .toka-page-shell.ink-recipe-v36 .rz-button-primary,
html body .toka-page-shell.ink-recipe-v36 .rz-primary,
html body .toka-page-shell.ink-recipe-v36 .btn-primary,
html body .toka-page-shell.ink-recipe-v36 button[type="submit"] {
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    min-height: 46px !important;
    padding: .82rem 1.35rem !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    background: radial-gradient(circle at 20% 18%, rgba(255,255,255,.22), transparent 26%), linear-gradient(135deg, #07305f 0%, #005eb8 54%, #00a3d9 100%) !important;
    box-shadow: 0 16px 34px rgba(0,86,168,.28), inset 0 1px 0 rgba(255,255,255,.26) !important;
    filter: none !important;
    text-shadow: 0 1px 2px rgba(0,24,58,.45) !important;
}

html body .ink-recipe-v36 .toka-recipe-primary-v74 *,
html body .ink-recipe-v36 .toka-recipe-primary-v73 *,
html body .ink-recipe-v36 .toka-recipe-primary-v72 *,
html body .ink-recipe-v36 .rz-button-primary *,
html body .ink-recipe-v36 .rz-primary *,
html body .ink-recipe-v36 .btn-primary *,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v74 *,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v73 *,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v72 *,
html body .toka-page-shell.ink-recipe-v36 .rz-button-primary *,
html body .toka-page-shell.ink-recipe-v36 .rz-primary *,
html body .toka-page-shell.ink-recipe-v36 .btn-primary * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

html body .ink-recipe-v36 .toka-recipe-secondary-v74,
html body .ink-recipe-v36 .toka-recipe-secondary-v73,
html body .ink-recipe-v36 .toka-recipe-secondary-v72,
html body .ink-recipe-v36 .rz-button-secondary,
html body .ink-recipe-v36 .rz-secondary,
html body .ink-recipe-v36 .btn-secondary,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v74,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v72,
html body .toka-page-shell.ink-recipe-v36 .rz-button-secondary,
html body .toka-page-shell.ink-recipe-v36 .rz-secondary,
html body .toka-page-shell.ink-recipe-v36 .btn-secondary {
    opacity: 1 !important;
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    min-height: 46px !important;
    padding: .82rem 1.25rem !important;
    border: 1px solid rgba(0,120,212,.24) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e9f5ff 100%) !important;
    box-shadow: 0 12px 26px rgba(15,35,60,.12), inset 0 1px 0 rgba(255,255,255,.85) !important;
    filter: none !important;
    text-shadow: none !important;
}

html body .ink-recipe-v36 .toka-recipe-secondary-v74 *,
html body .ink-recipe-v36 .toka-recipe-secondary-v73 *,
html body .ink-recipe-v36 .toka-recipe-secondary-v72 *,
html body .ink-recipe-v36 .rz-button-secondary *,
html body .ink-recipe-v36 .rz-secondary *,
html body .ink-recipe-v36 .btn-secondary *,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v74 *,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v73 *,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v72 *,
html body .toka-page-shell.ink-recipe-v36 .rz-button-secondary *,
html body .toka-page-shell.ink-recipe-v36 .rz-secondary *,
html body .toka-page-shell.ink-recipe-v36 .btn-secondary * {
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    opacity: 1 !important;
}

html body .ink-recipe-v36 .toka-recipe-back-v72,
html body .ink-recipe-v36 .toka-recipe-back-v74,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-back-v72,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-back-v74 {
    display: none !important;
}

/* =========================================================
   v75 Ink Recipe static page CSS patch
   - 動的な後追い整形をやめ、初期描画から同じ見た目にする
   ========================================================= */
html body .ink-recipe-v36 .toka-recipe-primary-v75,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v75 {
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    min-height: 46px !important;
    padding: .82rem 1.35rem !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    background: radial-gradient(circle at 20% 18%, rgba(255,255,255,.22), transparent 26%), linear-gradient(135deg, #07305f 0%, #005eb8 54%, #00a3d9 100%) !important;
    box-shadow: 0 16px 34px rgba(0,86,168,.28), inset 0 1px 0 rgba(255,255,255,.26) !important;
    filter: none !important;
    text-shadow: 0 1px 2px rgba(0,24,58,.45) !important;
}
html body .ink-recipe-v36 .toka-recipe-primary-v75 *,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-primary-v75 * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}
html body .ink-recipe-v36 .toka-recipe-secondary-v75,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v75 {
    opacity: 1 !important;
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    min-height: 46px !important;
    padding: .82rem 1.25rem !important;
    border: 1px solid rgba(0,120,212,.24) !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e9f5ff 100%) !important;
    box-shadow: 0 12px 26px rgba(15,35,60,.12), inset 0 1px 0 rgba(255,255,255,.85) !important;
    filter: none !important;
    text-shadow: none !important;
}
html body .ink-recipe-v36 .toka-recipe-secondary-v75 *,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-secondary-v75 * {
    color: #12314f !important;
    -webkit-text-fill-color: #12314f !important;
    opacity: 1 !important;
}
html body .ink-recipe-v36 .toka-recipe-ai-disclaimer-v75,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-ai-disclaimer-v75 {
    width: min(100%, 1040px) !important;
    margin: 32px auto 0 !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
    color: #35516f !important;
    -webkit-text-fill-color: #35516f !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    letter-spacing: .01em !important;
    border-radius: 999px !important;
    border: 1px solid rgba(0, 120, 212, .18) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(239,248,255,.88)) !important;
    box-shadow: 0 14px 34px rgba(15, 35, 60, .10), inset 0 1px 0 rgba(255,255,255,.82) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    clear: both !important;
}
html body .ink-recipe-v36 .toka-recipe-ai-disclaimer-v75::before,
html body .toka-page-shell.ink-recipe-v36 .toka-recipe-ai-disclaimer-v75::before {
    content: "i" !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    font-family: "Segoe UI", sans-serif !important;
    background: linear-gradient(135deg, #0b5cab, #00a3d9) !important;
    box-shadow: 0 6px 14px rgba(0, 120, 212, .24) !important;
}
@media (max-width: 640px) {
    html body .ink-recipe-v36 .toka-recipe-ai-disclaimer-v75,
    html body .toka-page-shell.ink-recipe-v36 .toka-recipe-ai-disclaimer-v75 {
        border-radius: 18px !important;
        align-items: flex-start !important;
        text-align: left !important;
    }
}