/*! Naptarak.com © 2026 — All rights reserved.
    Unauthorized use prohibited. https://naptarak.com */
.sm-page{max-width:900px;margin:0 auto}.page-hero{margin-bottom:var(--space-lg)}.page-hero__row{display:flex;align-items:center;gap:var(--space-md)}.page-hero__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--border-radius);color:#fff;box-shadow:0 4px 15px #45dfb04d}.page-hero__title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:0;color:var(--color-text)}.page-hero__intro{color:var(--color-text-light);font-size:var(--font-size-base);margin-bottom:0}.sm-form{display:flex;flex-direction:column;gap:var(--space-lg)}.sm-step{position:relative;background:var(--color-bg-card);border:1.5px solid var(--color-border-light);border-top:4px solid var(--s-color, var(--color-primary));border-radius:var(--border-radius-lg);padding:var(--space-xl) var(--space-lg);transition:all .2s ease;box-shadow:var(--shadow-sm)}.sm-step:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--s-color) 18%,transparent);transform:translateY(-2px)}.sm-step:focus-within{border-color:var(--s-color, var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--s-color) 22%,transparent)}.sm-step__head{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.sm-step__letter{width:54px;height:54px;border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;flex-shrink:0;background:linear-gradient(135deg,var(--s-color),color-mix(in srgb,var(--s-color) 70%,#000));box-shadow:0 6px 16px color-mix(in srgb,var(--s-color) 40%,transparent)}.sm-step__title{margin:0;font-size:var(--font-size-xl);font-weight:800;color:var(--color-text)}.sm-step__hint{margin:3px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.4}.sm-step textarea{width:100%;padding:14px 16px;border:1.5px solid var(--color-border-light);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;line-height:1.6;resize:vertical;min-height:90px}.sm-step textarea:focus{outline:none;border-color:var(--s-color, var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--s-color) 15%,transparent)}.sm-helper{margin-top:10px;padding:12px 16px;background:color-mix(in srgb,var(--s-color) 7%,transparent);border-left:4px solid var(--s-color, var(--color-secondary));border-radius:8px}.sm-helper__q{margin:0 0 8px;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.55}.sm-helper__ex{margin:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.55;font-style:italic}.sm-helper strong{color:var(--s-color, var(--color-primary-dark));font-style:normal}.sm-deadline{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.sm-deadline label{display:flex;flex-direction:column;gap:5px;font-size:var(--font-size-base);color:var(--color-text);font-weight:600}.sm-deadline input{padding:10px 14px;border:1.5px solid var(--color-border-light);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);font-weight:600;cursor:pointer}.sm-deadline input:focus{outline:none;border-color:var(--s-color, var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--s-color) 15%,transparent)}.sm-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding-top:var(--space-sm)}.sm-generate-btn{padding:14px 28px;background:var(--color-primary);color:#fff;border:0;border-radius:var(--border-radius);cursor:pointer;font-weight:800;font-size:var(--font-size-base);transition:all .15s ease;box-shadow:0 4px 12px #45dfb04d}.sm-generate-btn:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:0 6px 18px #3baadd59}.sm-reset-btn{padding:14px 24px;background:var(--color-bg-card);color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-weight:700;font-size:var(--font-size-base);transition:all .15s ease;box-shadow:0 2px 6px #0000000f}.sm-reset-btn:hover{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 6px 16px #3baadd4d}.sm-result-wrap{margin-top:var(--space-lg)}.sm-result-card{background:linear-gradient(135deg,var(--color-bg-card),var(--color-bg));border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--space-xl);box-shadow:0 12px 32px #45dfb026}.sm-result-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);border-bottom:2px solid var(--color-border-light);padding-bottom:var(--space-sm)}.sm-result-head h2{margin:0;color:var(--color-text);font-size:var(--font-size-xl)}.sm-result-actions{display:flex;gap:8px;flex-wrap:wrap}.sm-action-btn{padding:8px 14px;background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);transition:all .15s ease}.sm-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.sm-result-body{display:flex;flex-direction:column;gap:var(--space-md)}.sm-result-section{padding:var(--space-md);background:var(--color-bg);border-radius:var(--border-radius);border-left:4px solid var(--sm-color, var(--color-primary))}.sm-result-section__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sm-result-section__letter{width:28px;height:28px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;background:var(--sm-color);font-size:14px}.sm-result-section__title{font-weight:700;color:var(--color-text)}.sm-result-section__body{color:var(--color-text);line-height:1.6;white-space:pre-wrap}.sm-result-meta{padding:var(--space-md);background:#45dfb014;border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text)}.sm-result-meta strong{color:var(--color-primary-dark)}.seo-content{margin-top:var(--space-lg)}.seo-card{background:var(--color-bg-card);border-radius:var(--border-radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.seo-card h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-md)}.seo-card h3{font-size:var(--font-size-lg);margin-top:var(--space-lg);color:var(--color-primary-dark)}:global([data-theme=dark]) .seo-card h3{color:var(--color-primary)}.seo-card p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-sm)}.seo-card ul{color:var(--color-text-secondary);line-height:1.8;padding-left:1.25rem}.seo-card li{margin-bottom:var(--space-xs)}.seo-card a{color:var(--color-primary-dark);text-decoration:underline}.faq-section{margin-top:var(--space-lg)}.faq-section__title{font-size:var(--font-size-xl);margin-bottom:var(--space-lg)}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{background:var(--color-bg-card);border-radius:var(--border-radius);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;list-style:none;font-weight:600;color:var(--color-text);font-size:var(--font-size-base)}.faq-item summary::-webkit-details-marker{display:none}.faq-item__icon{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.faq-item[open] .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{padding:0 1.25rem 1rem}.faq-item__answer p{color:var(--color-text-secondary);line-height:1.6}.faq-item__answer a{color:var(--color-primary-dark);text-decoration:underline}:global([data-theme=dark]) .sm-step{background:var(--color-bg-card);border-color:#ffffff14;border-top-color:var(--s-color)}:global([data-theme=dark]) .sm-step textarea,:global([data-theme=dark]) .sm-deadline input{background:#ffffff0a;color:#f1f5f9;border-color:#ffffff1a}:global([data-theme=dark]) .sm-step__hint,:global([data-theme=dark]) .sm-helper__q{color:#cbd5e1}:global([data-theme=dark]) .sm-helper__ex{color:#f1f5f9}:global([data-theme=dark]) .sm-reset-btn{background:#ffffff0f;color:#f1f5f9;border-color:#ffffff26}:global([data-theme=dark]) .sm-result-card{background:linear-gradient(135deg,var(--color-bg-card),rgba(255,255,255,.02))}:global([data-theme=dark]) .sm-result-section,:global([data-theme=dark]) .sm-action-btn{background:#ffffff0a}:global([data-theme=dark]) .sm-action-btn{color:#f1f5f9;border-color:#ffffff1a}@media print{body *{visibility:hidden}.sm-result-card,.sm-result-card *{visibility:visible}.sm-result-card{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:2px solid #000}.sm-result-actions{display:none}}@media(max-width:768px){.sm-step{padding:var(--space-lg) var(--space-md)}.sm-step__letter{width:46px;height:46px;font-size:22px;border-radius:14px}.sm-step__title{font-size:var(--font-size-lg)}.sm-step__hint,.sm-step textarea{font-size:var(--font-size-sm)}.sm-deadline,.sm-actions{flex-direction:column}.sm-generate-btn,.sm-reset-btn{width:100%}}