/*! Naptarak.com © 2026 — All rights reserved.
    Unauthorized use prohibited. https://naptarak.com */
.em-page{max-width:1280px;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.em-hero-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;box-shadow:0 4px 14px #2563eb66}.page-hero__title{font-size:var(--font-size-3xl);font-weight:800;margin:0;color:var(--color-text)}:global([data-theme=dark]) .page-hero__title{color:#f1f5f9}.page-hero__intro{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:4px 0 0}.em-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius);margin-bottom:var(--space-md)}:global([data-theme=dark]) .em-toolbar{border-color:#ffffff14}.em-stats{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.em-stat{font-size:var(--font-size-sm);color:var(--color-text)}:global([data-theme=dark]) .em-stat{color:#e2e8f0}.em-stat strong{color:var(--color-primary-dark)}:global([data-theme=dark]) .em-stat strong{color:#45dfb0}.em-stat-sep{color:var(--color-text-muted)}.em-actions{display:flex;gap:8px;flex-wrap:wrap}.em-btn{display:inline-flex;align-items:center;gap:6px;padding:.45rem .9rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.em-btn:hover{border-color:#2563eb;color:#1d4ed8}:global([data-theme=dark]) .em-btn{background:#ffffff0a;color:#e2e8f0;border-color:#ffffff1f}:global([data-theme=dark]) .em-btn:hover{color:#93c5fd;border-color:#3b82f6}.em-btn--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#1d4ed8;box-shadow:0 3px 10px #2563eb4d}.em-btn--primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff;transform:translateY(-1px)}:global([data-theme=dark]) .em-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb}:global([data-theme=dark]) .em-btn--primary:hover{color:#fff}.em-btn--danger{border-color:#ef44444d;color:#dc2626}.em-btn--danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}:global([data-theme=dark]) .em-btn--danger{color:#fca5a5;border-color:#ef444466}:global([data-theme=dark]) .em-btn--danger:hover{background:#dc2626;color:#fff}.em-matrix-container{margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:12px}.em-col-axis{display:grid;grid-template-columns:54px 1fr;gap:var(--space-md);align-items:center}.em-col-axis__labels{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.em-matrix-row{display:grid;grid-template-columns:54px 1fr;gap:var(--space-md);align-items:stretch}.em-row-axis{display:grid;grid-template-rows:1fr 1fr;gap:var(--space-md)}.em-axis-lbl{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:var(--font-size-sm);font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;border:2px solid;background:var(--color-bg-card);min-height:40px}.em-axis-lbl--urgent{color:#dc2626;border-color:#ef4444;background:#ef444414}.em-axis-lbl--not-urgent{color:#0891b2;border-color:#22d3ee;background:#22d3ee14}.em-axis-lbl--important{color:#15803d;border-color:#22c55e;background:#22c55e14}.em-axis-lbl--not-important{color:#4b5563;border-color:#9ca3af;background:#9ca3af1f}:global([data-theme=dark]) .em-axis-lbl--urgent{color:#fca5a5;background:#ef444426}:global([data-theme=dark]) .em-axis-lbl--not-urgent{color:#7dd3fc;background:#22d3ee26}:global([data-theme=dark]) .em-axis-lbl--important{color:#86efac;background:#22c55e26}:global([data-theme=dark]) .em-axis-lbl--not-important{color:#d1d5db;background:#9ca3af2e}.em-axis-lbl--vert{writing-mode:vertical-rl;transform:rotate(180deg);min-height:100%;padding:14px 8px;min-width:40px;height:100%}.em-matrix{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-md);min-height:650px}@media(max-width:820px){.em-col-axis,.em-matrix-row{grid-template-columns:1fr}.em-col-axis__spacer,.em-row-axis,.em-col-axis__labels{display:none}.em-matrix{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}}.em-quad{background:var(--color-bg-card);border:2px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--space-md);display:flex;flex-direction:column;min-height:280px;transition:border-color .15s,transform .15s;position:relative}:global([data-theme=dark]) .em-quad{border-color:#ffffff14}.em-quad--drop-target{border-width:3px;transform:scale(1.01);box-shadow:0 0 0 4px var(--drop-color, rgba(37,99,235,.2))}.em-quad:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;height:6px;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.em-quad--q1{border-color:#ef44444d;background:linear-gradient(180deg,rgba(239,68,68,.04),transparent 20%);--drop-color: rgba(239,68,68,.3)}.em-quad--q1:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.em-quad--q2{border-color:#10b9814d;background:linear-gradient(180deg,rgba(16,185,129,.04),transparent 20%);--drop-color: rgba(16,185,129,.3)}.em-quad--q2:before{background:linear-gradient(90deg,#10b981,#059669)}.em-quad--q3{border-color:#3b82f64d;background:linear-gradient(180deg,rgba(59,130,246,.04),transparent 20%);--drop-color: rgba(59,130,246,.3)}.em-quad--q3:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.em-quad--q4{border-color:#6b72804d;background:linear-gradient(180deg,rgba(107,114,128,.04),transparent 20%);--drop-color: rgba(107,114,128,.3)}.em-quad--q4:before{background:linear-gradient(90deg,#6b7280,#4b5563)}:global([data-theme=dark]) .em-quad--q1{background:linear-gradient(180deg,rgba(239,68,68,.08),transparent 20%)}:global([data-theme=dark]) .em-quad--q2{background:linear-gradient(180deg,rgba(16,185,129,.08),transparent 20%)}:global([data-theme=dark]) .em-quad--q3{background:linear-gradient(180deg,rgba(59,130,246,.08),transparent 20%)}:global([data-theme=dark]) .em-quad--q4{background:linear-gradient(180deg,rgba(107,114,128,.08),transparent 20%)}.em-quad__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding-top:4px}.em-quad__title{display:flex;align-items:center;gap:10px}.em-quad__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:800;color:#fff;font-size:var(--font-size-base)}.em-quad--q1 .em-quad__num{background:#ef4444}.em-quad--q2 .em-quad__num{background:#10b981}.em-quad--q3 .em-quad__num{background:#3b82f6}.em-quad--q4 .em-quad__num{background:#6b7280}.em-quad__name{font-size:var(--font-size-lg);font-weight:800;color:var(--color-text)}:global([data-theme=dark]) .em-quad__name{color:#f1f5f9}.em-quad__count{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:800;padding:3px 10px;border-radius:999px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-light)}:global([data-theme=dark]) .em-quad__count{background:#ffffff0f;color:#e2e8f0;border-color:#ffffff1f}.em-quad__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--space-sm);font-style:italic;line-height:1.4}.em-tasks{list-style:none;padding:0;margin:0 0 var(--space-sm);display:flex;flex-direction:column;gap:6px;flex:1;min-height:40px}.em-task{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);transition:all .15s;cursor:grab;user-select:none}:global([data-theme=dark]) .em-task{background:#ffffff0a;border-color:#ffffff14}.em-task:hover{box-shadow:0 2px 8px #00000014;transform:translate(2px)}:global([data-theme=dark]) .em-task:hover{box-shadow:0 2px 8px #0000004d}.em-task:active{cursor:grabbing}.em-task--dragging{opacity:.4;transform:rotate(2deg)}.em-task--drop-before{position:relative}.em-task--drop-before:before{content:"";position:absolute;top:-4px;left:4px;right:4px;height:3px;background:#2563eb;border-radius:3px;box-shadow:0 0 0 2px #2563eb4d;pointer-events:none;z-index:10}.em-task--drop-after{position:relative}.em-task--drop-after:after{content:"";position:absolute;bottom:-4px;left:4px;right:4px;height:3px;background:#2563eb;border-radius:3px;box-shadow:0 0 0 2px #2563eb4d;pointer-events:none;z-index:10}.em-task--done .em-task__text{text-decoration:line-through;opacity:.55}.em-task__check{flex-shrink:0;width:22px;height:22px;border:2px solid var(--color-border);background:var(--color-bg-card);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#16a34a;transition:all .15s}.em-task__check:hover{border-color:#16a34a}.em-task--done .em-task__check{background:#16a34a;border-color:#16a34a;color:#fff}.em-task__check-empty{display:block;width:10px;height:10px;border-radius:50%;background:transparent}:global([data-theme=dark]) .em-task__check{background:#ffffff0a;border-color:#fff3}:global([data-theme=dark]) .em-task--done .em-task__check{background:#16a34a}.em-task__text{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4;word-wrap:break-word;cursor:text}:global([data-theme=dark]) .em-task__text{color:#e2e8f0}.em-task__text:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.em-task__edit-input{width:100%;padding:3px 6px;border:1.5px solid var(--color-primary);border-radius:4px;background:var(--color-bg-card);color:var(--color-text);font-size:var(--font-size-sm);font-family:inherit}:global([data-theme=dark]) .em-task__edit-input{background:var(--color-bg);color:#f1f5f9}.em-task__actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.em-task:hover .em-task__actions,.em-task:focus-within .em-task__actions{opacity:1}@media(max-width:640px){.em-task__actions{opacity:1}}.em-task__move,.em-task__del{width:28px;height:28px;background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .15s}.em-task__move:hover{background:#3b82f61f;color:#2563eb}.em-task__del:hover{background:#ef44441f;color:#dc2626}:global([data-theme=dark]) .em-task__move:hover{color:#93c5fd}:global([data-theme=dark]) .em-task__del:hover{color:#fca5a5}.em-add{display:flex;gap:6px;margin-top:auto;padding-top:var(--space-sm);border-top:1px dashed var(--color-border-light)}:global([data-theme=dark]) .em-add{border-top-color:#ffffff14}.em-add__input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);font-family:inherit}.em-add__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #45dfb033}:global([data-theme=dark]) .em-add__input{background:#ffffff0a;color:#f1f5f9;border-color:#ffffff1f}.em-add__btn{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}.em-add__btn:hover{transform:scale(1.1)}:global([data-theme=dark]) .em-add__btn{color:#0f172a}:global(.em-move-menu){position:absolute;z-index:1000;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;padding:8px;display:flex;flex-direction:column;gap:3px;min-width:200px}:global([data-theme=dark]) :global(.em-move-menu){background:var(--color-bg-card);border-color:#ffffff26;box-shadow:0 10px 30px #0009}:global(.em-move-menu__title){font-size:var(--font-size-xs);font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 8px}:global(.em-move-menu__btn){padding:8px 12px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-weight:700;font-family:inherit;text-align:left;cursor:pointer;transition:all .12s}:global([data-theme=dark]) :global(.em-move-menu__btn){background:#ffffff0a;color:#e2e8f0;border-color:#ffffff14}:global(.em-move-menu__btn:hover){transform:translate(2px)}:global(.em-move-menu__btn--q1:hover){background:#ef44441f;border-color:#ef4444;color:#dc2626}:global(.em-move-menu__btn--q2:hover){background:#10b9811f;border-color:#10b981;color:#059669}:global(.em-move-menu__btn--q3:hover){background:#3b82f61f;border-color:#3b82f6;color:#2563eb}:global(.em-move-menu__btn--q4:hover){background:#6b72801f;border-color:#6b7280;color:#4b5563}:global(.em-move-menu__close){padding:6px 12px;margin-top:4px;background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;font-family:inherit;border-top:1px dashed var(--color-border-light)}.em-spin{animation:em-spin-rotate 1s linear infinite}@keyframes em-spin-rotate{to{transform:rotate(360deg)}}.em-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-bg);padding:10px 22px;border-radius:999px;font-size:var(--font-size-sm);font-weight:700;z-index:2000;box-shadow:0 10px 40px #00000040;animation:em-toast-in .2s ease-out}.em-toast[hidden]{display:none!important}.em-toast--err{background:#dc2626;color:#fff}@keyframes em-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.em-guide{margin:var(--space-xl) 0}.em-guide h2{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-lg)}:global([data-theme=dark]) .em-guide h2{color:#f1f5f9}.em-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.em-guide-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius);padding:var(--space-md);transition:transform .15s,box-shadow .15s}:global([data-theme=dark]) .em-guide-card{border-color:#ffffff14}.em-guide-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.em-guide-card__icon{font-size:32px;margin-bottom:8px;line-height:1}.em-guide-card h3{font-size:var(--font-size-base);color:var(--color-text);margin:0 0 6px}:global([data-theme=dark]) .em-guide-card h3{color:#f1f5f9}.em-guide-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.em-guide-card code{background:var(--color-bg);padding:1px 5px;border-radius:3px;font-family:var(--font-mono);font-size:.88em}:global([data-theme=dark]) .em-guide-card code{background:#ffffff14}.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)}:global([data-theme=dark]) .seo-card{border-color:#ffffff14}.seo-card h2{color:#1d4ed8;margin-top:0}:global([data-theme=dark]) .seo-card h2{color:#93c5fd}.seo-card h3{color:#2563eb;margin-top:var(--space-lg)}:global([data-theme=dark]) .seo-card h3{color:#60a5fa}.seo-card p,.seo-card li{color:var(--color-text-secondary);line-height:1.7}.em-quad-descriptions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin:var(--space-md) 0}@media(max-width:720px){.em-quad-descriptions{grid-template-columns:1fr}}.em-qd{padding:var(--space-md);background:var(--color-bg);border-left:4px solid;border-radius:var(--border-radius-sm)}:global([data-theme=dark]) .em-qd{background:#ffffff08}.em-qd--1{border-left-color:#ef4444}.em-qd--2{border-left-color:#10b981}.em-qd--3{border-left-color:#3b82f6}.em-qd--4{border-left-color:#6b7280}.em-qd__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.em-qd__num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:800;color:#fff;font-size:var(--font-size-xs)}.em-qd--1 .em-qd__num{background:#ef4444}.em-qd--2 .em-qd__num{background:#10b981}.em-qd--3 .em-qd__num{background:#3b82f6}.em-qd--4 .em-qd__num{background:#6b7280}.em-qd__label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.em-qd__action{font-size:var(--font-size-lg);font-weight:800;color:var(--color-text);margin-bottom:6px}:global([data-theme=dark]) .em-qd__action{color:#f1f5f9}.em-qd--1 .em-qd__action{color:#dc2626}.em-qd--2 .em-qd__action{color:#059669}.em-qd--3 .em-qd__action{color:#2563eb}.em-qd--4 .em-qd__action{color:#4b5563}:global([data-theme=dark]) .em-qd--1 .em-qd__action{color:#fca5a5}:global([data-theme=dark]) .em-qd--2 .em-qd__action{color:#86efac}:global([data-theme=dark]) .em-qd--3 .em-qd__action{color:#93c5fd}:global([data-theme=dark]) .em-qd--4 .em-qd__action{color:#9ca3af}.em-qd p{font-size:var(--font-size-sm);margin:0;color:var(--color-text-secondary);line-height:1.6}.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:1px solid var(--color-border-light);border-radius:var(--border-radius);overflow:hidden}:global([data-theme=dark]) .faq-item{border-color:#ffffff14}.faq-item:hover{border-color:#2563eb}.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 .15s}.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 code{background:var(--color-bg);padding:1px 5px;border-radius:3px;font-family:var(--font-mono);font-size:.88em}:global([data-theme=dark]) .faq-item__answer code{background:#ffffff14}@media(max-width:640px){.page-hero__title{font-size:var(--font-size-3xl)}.em-quad{min-height:200px}.em-toolbar{flex-direction:column;align-items:stretch}.em-stats,.em-actions{justify-content:center}}