:root{--sn-primary:#166457;--sn-font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;--sn-btn-radius:8px;--sn-btn-border:1px solid transparent;--sn-btn-shadow:none;--sn-title-size:22px;--sn-subtitle-size:14px;--sn-result-size:16px;--sn-note-size:13px}.snid-container{font-family:var(--sn-font-family);color:#1f2937}.snid-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.04);padding:20px}.snid-header{background:var(--sn-primary);color:#fff;border-radius:8px;padding:18px;margin-bottom:16px;text-align:center}.snid-header h2{margin:0;font-size:var(--sn-title-size)}.snid-note{color:#6b7280;font-size:var(--sn-subtitle-size)}.snid-progress-wrap{background:#e5e7eb;border-radius:999px;height:10px}.snid-progress-bar{background:var(--sn-primary);height:10px;border-radius:999px;width:0;transition:width .25s ease}.snid-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.snid-button{border-radius:var(--sn-btn-radius);padding:10px 14px;font-weight:600;border:var(--sn-btn-border);box-shadow:var(--sn-btn-shadow);cursor:pointer}.snid-button[disabled]{opacity:.6;cursor:not-allowed}.snid-btn-primary{background:var(--sn-primary);color:#fff}.snid-btn-primary:hover{filter:brightness(.95)}.snid-btn-ghost{background:0 0;border-color:#d1d5db;color:#374151}.snid-btn-ghost:hover{background:#f3f4f6}.snid-field{margin-bottom:16px}.snid-field h4{margin:0 0 8px;font-size:16px}.snid-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer}.snid-option:hover{background:#f9fafb}.snid-select{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.snid-result{border-left:4px solid #10b981;background:#ecfdf5;padding:12px 14px;border-radius:8px;margin:12px 0 16px}.snid-bar-wrap{background:#e5e7eb;height:12px;border-radius:6px;overflow:hidden}.snid-bar{height:12px;background:var(--sn-primary);transition:width .35s ease}.snid-incos{background:#fffbeb;border-left:4px solid #f59e0b;padding:12px;border-radius:8px}.snid-articles{margin:10px 0 12px}.snid-articles p{font-size:14px;margin:6px 0}.snid-articles a:hover{text-decoration:underline}.snid-footer{text-align:center;color:#6b7280;font-size:var(--sn-note-size);margin-top:12px}.snid-info{border-left:4px solid #60a5fa;background:#eff6ff;padding:12px 14px;border-radius:8px;margin:12px 0 16px}.snid-info h4{margin:0 0 6px;font-size:16px}.snid-info-body{font-size:14px;line-height:1.5}.snid-rating{margin:12px 0 4px}.snid-stars{display:flex;gap:6px}.snid-star{font-size:22px;line-height:1;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer}.snid-star.active{color:var(--sn-primary);border-color:var(--sn-primary)}.snid-star:disabled{opacity:.6;cursor:not-allowed}