.hero-subtitle{max-width:42rem;margin:0 auto;color:var(--text-muted);font-size:var(--font-size-lg);line-height:1.55}.support-mailto-block{margin-top:var(--space-8, 1rem);max-width:42rem}.support-mailto-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:100%;max-width:28rem;box-sizing:border-box}.support-mailto-hint{font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-relaxed, 1.6)}.support-template{margin-top:var(--space-6, .75rem);padding:var(--space-6, .75rem) var(--space-8, 1rem);background:var(--surface-dark, #1a1a1a);border:1px solid var(--border, #333);border-radius:var(--radius-md, 6px);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--font-size-sm, .875rem);white-space:pre-wrap;overflow-x:auto;color:var(--text-secondary, #e2e8f0)}#kattiid-group label.form-label{display:flex;align-items:center;gap:var(--space-2);text-transform:none;letter-spacing:normal;font-size:var(--font-size-base);color:var(--text-light)}.form-help{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.55}.message{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5}.message.error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca}.message.success{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:var(--text-secondary)}.message.cooldown{background:#fbbf241f;border:1px solid rgba(251,191,36,.35);color:#fde68a}.submit-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.submit-btn .loading-spinner{display:none;width:1.125rem;height:1.125rem;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:katti-submit-spin .7s linear infinite}.submit-btn.loading .loading-spinner{display:block}@keyframes katti-submit-spin{to{transform:rotate(360deg)}}.info-section{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:48rem;margin:var(--space-12) auto 0;padding:0 var(--space-4)}.info-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-light);text-align:center;line-height:1.2}.info-content{display:flex;flex-direction:column;gap:var(--space-6)}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);line-height:1.65}.info-card.highlight{border-color:var(--border-accent);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-dark) 100%);box-shadow:0 0 0 1px #00ffb314}.info-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-4);color:var(--text-light)}.info-card p,.info-card li{color:var(--text-secondary);font-size:var(--font-size-base)}.info-card ul,.info-card ol{margin:0;padding-left:1.25rem}.info-card li+li{margin-top:var(--space-2)}.primary-link:hover{color:var(--primary-dark)}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.faq-question{width:100%;text-align:left;padding:var(--space-4) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;color:var(--text-light);background:var(--surface-dark);border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);transition:background .2s ease}.faq-question:hover{background:var(--surface-light)}.faq-question:focus-visible{outline:none;box-shadow:var(--focus-ring);position:relative;z-index:1}.faq-question:after{content:"+";font-size:var(--font-size-xl);font-weight:400;color:var(--primary);flex-shrink:0;line-height:1}.faq-item.active .faq-question:after{content:"\2212"}.faq-item.active .faq-question{border-bottom:1px solid var(--border)}.faq-answer{display:none;padding:var(--space-4) var(--space-5) var(--space-5);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.65}.faq-item.active .faq-answer{display:block}.faq-answer a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.faq-answer a:hover{color:var(--primary-dark)}.permission-section{width:100%;max-width:48rem;margin:var(--space-12) auto 0;padding:var(--space-8) var(--space-4);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-dark) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000040}.permission-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-light);text-align:center;margin-bottom:var(--space-6)}.permission-description{color:var(--text-secondary);line-height:1.65;margin-bottom:var(--space-6)}.permission-description strong{color:var(--text-light)}.permission-info{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-8)}@media(min-width:640px){.permission-info{grid-template-columns:repeat(3,1fr)}}.permission-info-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start}.permission-info-icon{width:40px;height:40px;flex-shrink:0;padding:var(--space-2);border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center}.permission-info-icon svg,.permission-info-icon .ph-fill{width:22px;height:22px;font-size:22px;line-height:1}.permission-info-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-light);margin:0 0 var(--space-1)}.permission-info-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.5}.contact-description{color:var(--text-secondary);line-height:1.65}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:520px){.contact-grid{grid-template-columns:repeat(2,1fr)}}.contact-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color .2s ease,background .2s ease}.contact-card:hover{border-color:var(--primary);background:var(--surface-light)}.contact-icon{width:44px;height:44px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg,.contact-icon .ph-fill{width:24px;height:24px;font-size:24px;line-height:1;color:var(--primary)}.contact-content{flex:1;min-width:0}.contact-title{font-size:var(--font-size-lg);color:var(--text-light);margin:0 0 var(--space-1)}.contact-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.contact-arrow{flex-shrink:0;color:var(--text-muted)}.contact-arrow svg,.contact-arrow .ph-fill{width:22px;height:22px;font-size:22px;line-height:1}.footer-logo{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--text-light);text-align:center;margin-bottom:var(--space-2)}.footer-tagline{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);justify-content:center;align-items:center;margin-bottom:var(--space-8)}.footer-nav .footer-link{color:var(--text-secondary)}.footer-nav .footer-link:hover{color:var(--text-light)}@media(max-width:640px){.info-section{margin-top:var(--space-10);padding:0 var(--space-3)}.info-card{padding:var(--space-5)}.permission-section{padding:var(--space-6) var(--space-3)}.permission-info{grid-template-columns:1fr}}.url-copy-container{flex-wrap:wrap}.url-copy-container .form-input{flex:1 1 12rem;min-width:0}.url-copy-container .copy-btn{flex-shrink:0}.breadcrumb-nav{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-4) 0;font-size:var(--font-size-sm)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0;color:var(--text-muted)}.breadcrumb-item.active{color:var(--text-secondary);font-weight:500}[data-theme=light] .message.error{color:#991b1b;background:#ef44441a;border-color:#b91c1c4d}[data-theme=light] .message.success{color:var(--text-secondary);background:#10b9811a;border-color:#05966959}[data-theme=light] .message.cooldown{color:#92400e;background:#fbbf241f;border-color:#b4530959}[data-theme=light] .faq-question{background:var(--surface-dark)}[data-theme=light] .faq-question:hover{background:var(--surface-light)}[data-theme=light] .submit-btn .loading-spinner{border-color:#ffffff80;border-top-color:#0000008c}#main-content{position:relative;z-index:1}
