:root{--nk-primary: #1d4ed8;--nk-secondary: #3b82f6;--nk-accent: #3b82f6;--nk-soft-bg: #f5f3ff;--nk-soft-border: #e9e5ff;--nk-text-strong: #1d4ed8;--nk-text-normal: #3b82f6;--nk-soft-bg: #f3f8ff}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f7fb;color:var(--nk-text-normal)}.nk-card{background:#fff;border-radius:1rem;border:1px solid var(--nk-soft-border);padding:1.25rem;box-shadow:0 6px 18px #0f172a0f}.nk-card-soft{background:var(--nk-soft-bg)}.nk-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.2rem;border-radius:.75rem;border:none;cursor:pointer;background:var(--nk-primary);color:#fff;font-weight:600;font-size:.9rem;transition:background .15s ease,transform .1s ease,box-shadow .1s ease;box-shadow:0 4px 12px #7c3aed59}.nk-btn-primary:hover{background:var(--nk-secondary);transform:translateY(-1px)}.nk-btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #7c3aed40}.nk-title-main{color:var(--nk-text-strong);letter-spacing:-.03em}.nk-subtitle{color:#6b7280;font-size:.85rem}.nk-textarea{width:100%;min-height:110px;padding:.75rem .85rem;border-radius:.9rem;border:1px solid var(--nk-soft-border);font-size:.95rem;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease;background:#fff}.nk-textarea:focus{border-color:var(--nk-accent);box-shadow:0 0 0 2px #a78bfa4d}.nk-log-row{display:flex;flex-direction:column;gap:.25rem}.nk-save-row{display:flex;justify-content:center;margin-top:.75rem;width:100%}.nk-save-button{padding:.55rem 1.4rem;font-size:14px}@media (max-width: 480px){.nk-save-row{justify-content:center}.nk-save-button{font-size:15px;padding:.65rem 1.4rem}}@media (min-width: 768px){.nk-log-row{flex-direction:row;align-items:center;justify-content:space-between}}.nk-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nk-modal-content{background:#fff;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;padding:24px;border-radius:16px;box-shadow:0 10px 25px #0003;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.nk-spinner{border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}