/* dmind.css */
:root{
  --bg: #f7f7fb;
  --card: #ffffff;
  --text: #1f2430;
  --muted: #6b7385;
  --line: #ececf4;
  --primary: #5a31c8;
  --primary2: #7a4bff;
  --soft: rgba(90,49,200,.10);
  --danger: #ff3b5c;
  --ok: #14b86a;
  --warn: #ff9f1c;
  --shadow: 0 10px 30px rgba(20,20,40,.08);
  --radius: 18px;
}

.dmind-wrap{max-width:760px;margin:0 auto;padding:16px;color:var(--text);}
.dmind-hero{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-radius:var(--radius);padding:16px 16px 14px;box-shadow:var(--shadow);}
.dmind-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:12px;}
.dmind-hero__emoji{font-size:14px;}
.dmind-hero__title{margin:10px 0 6px;font-size:22px;letter-spacing:-.2px;}
.dmind-hero__desc{margin:0;font-size:13px;opacity:.95;line-height:1.45;}
.dmind-hero__desc b{color:#fff;text-decoration:underline;text-underline-offset:3px;}

.dmind-nav{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.dmind-nav__btn{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 18px rgba(20,20,40,.04);transition:transform .12s ease,border-color .12s ease;}
.dmind-nav__btn:hover{transform:translateY(-1px);border-color:rgba(90,49,200,.35);}
.dmind-nav__txt{font-size:13px;color:var(--text);font-weight:600;}

.dmind-ico{width:18px;height:18px;display:inline-flex;}
.dmind-ico svg{width:18px;height:18px;fill:var(--primary);}

.dmind-card{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
.dmind-card__top{padding:14px 14px 10px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(90,49,200,.06),transparent);}

.dmind-progress{height:10px;background:#efeefe;border-radius:999px;overflow:hidden;border:1px solid rgba(90,49,200,.10);}
.dmind-progress__bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));width:0%;border-radius:999px;transition:width .22s ease;}
.dmind-progress__meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.dmind-progress__text{font-size:12px;color:var(--muted);font-weight:600;}
.dmind-chip{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--soft);border:1px solid rgba(90,49,200,.18);color:var(--primary);font-weight:700;white-space:nowrap;}

.dmind-qbox{padding:14px;}
.dmind-qhead{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;}
.dmind-qnum{width:30px;height:30px;border-radius:999px;background:rgba(90,49,200,.12);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;border:1px solid rgba(90,49,200,.20);}
.dmind-qtitle{font-size:16px;font-weight:900;letter-spacing:-.2px;margin:0;}

.dmind-options{display:grid;gap:10px;margin-top:12px;}
.dmind-opt{width:100%;text-align:left;border:1px solid var(--line);background:#fafafe;border-radius:14px;padding:12px 12px;cursor:pointer;transition:border-color .12s ease,transform .12s ease,background .12s ease;display:flex;align-items:flex-start;gap:10px;}
.dmind-opt:hover{transform:translateY(-1px);border-color:rgba(90,49,200,.28);background:#f5f2ff;}
.dmind-opt[aria-checked="true"]{border-color:rgba(90,49,200,.60);background:rgba(90,49,200,.10);}
.dmind-opt__dot{width:18px;height:18px;border-radius:999px;border:2px solid rgba(90,49,200,.35);margin-top:2px;flex:0 0 auto;position:relative;}
.dmind-opt[aria-checked="true"] .dmind-opt__dot{border-color:var(--primary);}
.dmind-opt[aria-checked="true"] .dmind-opt__dot::after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--primary);}
.dmind-opt__txt{font-size:14px;line-height:1.45;color:var(--text);font-weight:600;}

.dmind-actions{display:flex;gap:10px;padding:0 14px 14px;}
.dmind-btn{border-radius:14px;border:1px solid var(--line);padding:12px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:14px;letter-spacing:-.1px;transition:transform .12s ease,border-color .12s ease,background .12s ease;}
.dmind-btn:hover{transform:translateY(-1px);border-color:rgba(90,49,200,.35);}
.dmind-btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary2));border:0;color:#fff;flex:1;}
.dmind-btn--ghost{background:#fff;color:var(--text);flex:0 0 120px;}
.dmind-btn--soft{background:rgba(90,49,200,.10);color:var(--primary);border:1px solid rgba(90,49,200,.18);}

.dmind-shareRow{padding:0 14px 14px;}
.dmind-toast{margin-top:10px;border-radius:14px;border:1px solid rgba(90,49,200,.25);background:#fbfaff;padding:12px 12px;}
.dmind-toast__title{font-weight:900;color:var(--primary);margin-bottom:4px;}
.dmind-toast__desc{color:var(--muted);font-size:13px;margin-bottom:8px;line-height:1.4;}
.dmind-toast__code{background:#fff;border:1px dashed rgba(90,49,200,.35);padding:10px;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;color:#2a2f3a;word-break:break-all;}

.dmind-result{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
.dmind-result__head{padding:16px 14px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(90,49,200,.06),transparent);}
.dmind-result__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,59,92,.10);border:1px solid rgba(255,59,92,.18);color:var(--danger);font-weight:900;font-size:12px;}
.dmind-result__title{margin:10px 0 6px;font-size:20px;font-weight:1000;letter-spacing:-.2px;}
.dmind-result__summary{margin:0;color:var(--muted);line-height:1.5;font-size:13px;}
.dmind-result__summary b{color:var(--text);}

.dmind-score{padding:14px;border-bottom:1px solid var(--line);}
.dmind-score__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.dmind-score__label{font-weight:900;}
.dmind-score__value{font-weight:1000;font-size:18px;color:var(--primary);}
.dmind-score__unit{font-size:12px;color:var(--muted);margin-left:6px;font-weight:800;}

.dmind-meter{margin-top:10px;height:12px;border-radius:999px;background:#efeefe;overflow:hidden;border:1px solid rgba(90,49,200,.10);}
.dmind-meter__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--ok),var(--warn),var(--danger));transition:width .28s ease;}

.dmind-score__note{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.5;}
.dmind-highlight{color:var(--danger);font-weight:1000;}

.dmind-grid{padding:14px;display:grid;gap:12px;grid-template-columns:1fr;}
.dmind-panel{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff;}
.dmind-panel__title{display:flex;align-items:center;gap:8px;font-weight:1000;margin-bottom:10px;letter-spacing:-.1px;}

.dmind-tags{display:flex;flex-wrap:wrap;gap:8px;}
.dmind-tag{font-size:12px;padding:7px 10px;border-radius:999px;background:rgba(90,49,200,.10);border:1px solid rgba(90,49,200,.18);color:var(--primary);font-weight:900;}

.dmind-list{margin:0;padding-left:18px;color:var(--text);line-height:1.55;}
.dmind-list li{margin:6px 0;}
.dmind-list b{color:var(--danger);}

.dmind-cards{display:grid;gap:10px;grid-template-columns:1fr;}
.dmind-mini{border-radius:14px;border:1px solid var(--line);background:#fafafe;padding:12px;}
.dmind-mini__t{font-weight:1000;margin-bottom:6px;}
.dmind-mini__p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;}
.dmind-mini__p b{color:var(--text);}

.dmind-result__cta{padding:0 14px 14px;display:flex;gap:10px;}

.dmind-guide{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(20,20,40,.05);padding:14px;}
.dmind-guide__title{margin:0 0 12px;font-size:16px;font-weight:1000;}
.dmind-guide__grid{display:grid;grid-template-columns:1fr;gap:12px;}
.dmind-guide__item{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;}
.dmind-guide__h{font-weight:1000;display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.dmind-guide__p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;}
.dmind-guide__ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.55;font-size:13px;}
.dmind-guide__ul b{color:var(--text);}

.dmind-footer{margin:14px 0 8px;text-align:center;color:var(--muted);font-size:11px;}

@media (min-width:720px){
  .dmind-grid{grid-template-columns:1fr 1fr;}
  .dmind-panel--wide{grid-column:1 / -1;}
  .dmind-cards{grid-template-columns:1fr 1fr 1fr;}
  .dmind-guide__grid{grid-template-columns:1fr 1fr 1fr;}
}