/* MINOS Design System 1.0
   Presentation-only layer. It does not alter scoring, ontology or report semantics. */
:root{
  --ds-bg:#f4f0ea;
  --ds-bg-deep:#eee8e1;
  --ds-surface:#fffdfa;
  --ds-surface-soft:#faf6f1;
  --ds-surface-tint:#f6eeeb;
  --ds-ink:#2f2728;
  --ds-ink-2:#5a4f50;
  --ds-muted:#837777;
  --ds-faint:#a99d99;
  --ds-line:#e1d7cf;
  --ds-line-strong:#cdbdb3;
  --ds-wine:#60333e;
  --ds-wine-deep:#47242d;
  --ds-wine-soft:#efe2e5;
  --ds-champagne:#a88f75;
  --ds-sage:#788175;
  --ds-success:#64725f;
  --ds-warning:#96734e;
  --ds-danger:#965b60;
  --ds-focus:#8d6170;
  --ds-serif:Georgia,"Songti SC","STSong","Noto Serif SC","Times New Roman",serif;
  --ds-sans:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ds-r-1:12px;
  --ds-r-2:18px;
  --ds-r-3:26px;
  --ds-r-pill:999px;
  --ds-shadow-1:0 8px 28px rgba(61,42,46,.055);
  --ds-shadow-2:0 24px 72px rgba(61,42,46,.085);
  --ds-space-1:4px;
  --ds-space-2:8px;
  --ds-space-3:12px;
  --ds-space-4:16px;
  --ds-space-5:20px;
  --ds-space-6:24px;
  --ds-space-7:32px;
  --ds-space-8:40px;
  --ds-space-9:56px;
  --ds-page:1080px;
  --ds-reading:760px;

  /* bridge legacy presentation tokens into the system */
  --bg:var(--ds-bg);
  --paper:var(--ds-surface);
  --paper-strong:var(--ds-surface);
  --paper-soft:var(--ds-surface-soft);
  --ink:var(--ds-ink);
  --ink-soft:var(--ds-ink-2);
  --muted:var(--ds-muted);
  --faint:var(--ds-faint);
  --line:var(--ds-line);
  --line-strong:var(--ds-line-strong);
  --accent:var(--ds-wine);
  --accent-deep:var(--ds-wine-deep);
  --accent-soft:var(--ds-wine-soft);
  --champagne:var(--ds-champagne);
  --sage:var(--ds-sage);
  --good:var(--ds-success);
  --warn:var(--ds-warning);
  --danger:var(--ds-danger);
  --radius:var(--ds-r-3);
  --radius-sm:var(--ds-r-2);
  --shadow:var(--ds-shadow-2);
  --shadow-soft:var(--ds-shadow-1);
}

html{background:var(--ds-bg);font-size:16px}
body.minos-user-page{
  min-height:100vh;
  color:var(--ds-ink);
  font-family:var(--ds-sans);
  background:
    radial-gradient(900px 560px at 8% -100px,rgba(168,143,117,.10),transparent 68%),
    radial-gradient(780px 520px at 96% 10%,rgba(96,51,62,.07),transparent 70%),
    linear-gradient(180deg,#faf7f3 0%,var(--ds-bg) 46%,var(--ds-bg-deep) 100%);
}
.minos-user-page::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(90,74,70,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(90,74,70,.012) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 48%);z-index:-1}
.minos-user-page .shell{width:min(calc(100% - 32px),var(--ds-page));max-width:none;margin:0 auto;padding:28px 0 80px}

/* Typography */
.minos-user-page h1,.minos-user-page h2,.minos-user-page h3,.minos-user-page .question,.minos-user-page .brandcopy strong,.minos-user-page .brandbar strong{font-family:var(--ds-serif);text-wrap:balance}
.minos-user-page h1{letter-spacing:-.032em}
.minos-user-page h2{letter-spacing:-.018em}
.minos-user-page p{line-height:1.82}
.minos-user-page .eyebrow{display:flex;align-items:center;gap:9px;color:var(--ds-wine);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.minos-user-page .eyebrow::before{content:"";width:7px;height:7px;border:1px solid currentColor;transform:rotate(45deg);opacity:.72}

/* Global header */
.minos-user-page .brandbar{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:30px;min-height:48px}
.minos-user-page .brandbar::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:1px;background:linear-gradient(90deg,transparent,var(--ds-line) 12%,var(--ds-line) 88%,transparent)}
.minos-user-page .brandmark{width:42px;height:42px;border-radius:50%;border:1px solid var(--ds-line-strong);background:rgba(255,253,250,.82);color:var(--ds-wine-deep);font-family:var(--ds-serif);font-size:17px;box-shadow:0 6px 22px rgba(70,44,50,.05)}
.minos-user-page .brandcopy strong,.minos-user-page .brandbar strong{font-size:19px;font-weight:600;letter-spacing:.06em;color:var(--ds-wine-deep)}
.minos-user-page .brandcopy span,.minos-user-page .brandbar span{font-size:10px;letter-spacing:.12em;color:var(--ds-muted)}
.minos-user-page .status-pill{margin-left:auto;min-height:34px;padding:7px 12px;border:1px solid var(--ds-line);border-radius:var(--ds-r-pill);background:rgba(255,253,250,.68);color:var(--ds-muted);font-size:11px;box-shadow:none}

/* Surfaces */
.minos-user-page .card,.minos-user-page .result-section,.minos-user-page .orientation,.minos-user-page .journey-stage,.minos-user-page .reader-card,.minos-user-page .journey-progress-card,.minos-user-page .longitudinal-hero,.minos-user-page .journey-hero{
  border:1px solid var(--ds-line);
  background:rgba(255,253,250,.94);
  box-shadow:var(--ds-shadow-1);
  backdrop-filter:blur(16px);
}
.minos-user-page .card,.minos-user-page .result-section,.minos-user-page .orientation{border-radius:var(--ds-r-3)}
.minos-user-page .result-section{padding:34px;margin-top:16px}
.minos-user-page .result-section>h2{font-size:clamp(24px,3.2vw,32px);font-weight:500;color:var(--ds-wine-deep);margin:0 0 8px}
.minos-user-page .result-section>p{color:var(--ds-muted)}

/* Buttons and controls */
.minos-user-page .btn,.minos-user-page button,.minos-user-page input,.minos-user-page textarea{font-family:var(--ds-sans)}
.minos-user-page .btn{
  min-height:46px;padding:11px 18px;border-radius:var(--ds-r-pill);border:1px solid var(--ds-line-strong);background:rgba(255,253,250,.92);color:var(--ds-ink);font-size:13px;font-weight:650;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.minos-user-page .btn:hover{transform:translateY(-1px);border-color:#b7a59d;box-shadow:0 9px 24px rgba(61,42,46,.075)}
.minos-user-page .btn.primary{background:linear-gradient(180deg,#6c3945,#552a34);color:#fffaf8;border-color:#552a34;box-shadow:0 10px 26px rgba(84,42,52,.16)}
.minos-user-page .btn.primary:hover{background:linear-gradient(180deg,#60313b,#47242d)}
.minos-user-page .btn.ghost{background:transparent;border-color:transparent;color:var(--ds-muted)}
.minos-user-page .btn.danger{color:var(--ds-danger);border-color:#dec4c5;background:#fffafa}
.minos-user-page .btn:focus-visible,.minos-user-page button:focus-visible,.minos-user-page a:focus-visible,.minos-user-page input:focus-visible,.minos-user-page textarea:focus-visible,.minos-user-page summary:focus-visible{outline:3px solid rgba(141,97,112,.24);outline-offset:3px}
.minos-user-page textarea{width:100%;min-height:120px;border:1px solid var(--ds-line);border-radius:var(--ds-r-2);background:#fffdfa;padding:14px 15px;color:var(--ds-ink);resize:vertical;font-size:14px;line-height:1.7}

/* Notices and state language */
.minos-user-page .notice{border:1px solid #e3d6ce;border-left:3px solid var(--ds-wine);background:#f8f2ee;border-radius:var(--ds-r-1);padding:16px 18px;color:var(--ds-ink-2)}
.minos-user-page .notice.soft{background:#faf6f2;border-left-color:#b6978b}
.ds-state{max-width:760px;margin:8vh auto 0;padding:46px;border:1px solid var(--ds-line);border-radius:var(--ds-r-3);background:rgba(255,253,250,.95);box-shadow:var(--ds-shadow-2);text-align:left}
.ds-state-mark{width:42px;height:42px;border:1px solid var(--ds-line-strong);border-radius:50%;display:grid;place-items:center;color:var(--ds-wine);font-family:var(--ds-serif);margin-bottom:22px}
.ds-state h1{font:500 clamp(30px,5vw,46px)/1.25 var(--ds-serif);color:var(--ds-wine-deep);margin:0 0 12px}
.ds-state p{color:var(--ds-muted);margin:0;max-width:640px}
.ds-state .actions{margin-top:24px}
.ds-state-error .ds-state-mark{color:var(--ds-danger);border-color:#d8bfc0}
.ds-loading{min-height:260px;display:grid;align-content:center;gap:12px;padding:34px}
.ds-skeleton{height:14px;border-radius:999px;background:linear-gradient(90deg,#eee6df 20%,#f8f3ef 40%,#eee6df 60%);background-size:220% 100%;animation:ds-shimmer 1.5s ease-in-out infinite}
.ds-skeleton.w60{width:60%}.ds-skeleton.w85{width:85%}.ds-skeleton.h2{height:34px;width:72%}
@keyframes ds-shimmer{to{background-position:-220% 0}}

/* Home and guide */
.minos-user-page .hero{padding:62px 58px 54px;overflow:hidden;background:linear-gradient(145deg,rgba(255,253,250,.98),rgba(249,243,238,.96))}
.minos-user-page .hero::after{border-color:rgba(96,51,62,.10);box-shadow:0 0 0 38px rgba(96,51,62,.025),0 0 0 78px rgba(168,143,117,.024)}
.minos-user-page .hero h1{font-size:clamp(42px,6.5vw,68px);line-height:1.08;color:var(--ds-wine-deep)}
.minos-user-page .hero p{color:var(--ds-ink-2)}
.minos-user-page .quiet-benefits{gap:14px}
.minos-user-page .quiet-benefit{border-top-color:var(--ds-line);padding:18px 16px}
.minos-user-page .guide-card{max-width:900px;padding:54px 56px;background:linear-gradient(150deg,#fffdfa,#faf4ef)}
.minos-user-page .guide-item{background:#fbf7f3;border-color:var(--ds-line);border-radius:var(--ds-r-2)}

/* Assessment */
.minos-user-page .progress-wrap{position:sticky;top:0;z-index:8;padding:14px 4px 12px;margin:0 0 22px;background:linear-gradient(180deg,rgba(244,240,234,.96) 72%,rgba(244,240,234,0));backdrop-filter:blur(12px)}
.minos-user-page .progress{height:5px;background:#e7ddd5}
.minos-user-page .progress i{background:linear-gradient(90deg,#a4838c,var(--ds-wine-deep))}
.minos-user-page .progress-label{color:var(--ds-wine);font:500 12px/1 var(--ds-serif);min-width:64px}
.minos-user-page .section-intro{min-height:560px;padding:52px;background:linear-gradient(145deg,#fffdfa,#faf4ef)}
.minos-user-page .section-intro h2{color:var(--ds-wine-deep)}
.minos-user-page .section-tag{background:#fbf7f3;border-color:var(--ds-line)}
.minos-user-page .question-card{min-height:620px;padding:42px 46px;background:linear-gradient(150deg,#fffdfa 0%,#fbf7f3 100%)}
.minos-user-page .qmeta{align-items:center;color:var(--ds-muted)}
.minos-user-page .question{font-size:clamp(28px,3.9vw,39px);line-height:1.58;color:#332a2c;margin:62px auto 42px}
.minos-user-page .scale{gap:10px}
.minos-user-page .choice{min-height:92px;border-color:var(--ds-line);background:rgba(255,253,250,.78);border-radius:var(--ds-r-2);font-size:13px;color:var(--ds-ink);box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.minos-user-page .choice:hover{background:#f8eeec;border-color:#c6aab1}
.minos-user-page .choice.selected{background:linear-gradient(180deg,#f2e4e7,#ebdadd);border-color:#a97d88;color:var(--ds-wine-deep);box-shadow:0 7px 20px rgba(96,51,62,.07)}
.minos-user-page .choice .choice-mark{width:14px;height:14px;border-color:#bdaaa4}
.minos-user-page .question-helper{color:var(--ds-muted)}

/* Results */
.minos-user-page .result-hero{gap:14px}
.minos-user-page .orientation{padding:42px;background:linear-gradient(145deg,#fffdfa,#f9f2ee)}
.minos-user-page .orientation h1{color:var(--ds-wine-deep)}
.minos-user-page .kpi{border:1px solid var(--ds-line);background:rgba(255,253,250,.9);border-radius:var(--ds-r-2);box-shadow:var(--ds-shadow-1)}
.minos-user-page .core-findings{gap:12px}
.minos-user-page .finding-card{border:1px solid var(--ds-line);background:linear-gradient(145deg,#fffdfa,#faf4f0);border-radius:var(--ds-r-2);box-shadow:none}
.minos-user-page .finding-card h3{color:var(--ds-wine-deep)}
.minos-user-page .result-callout{background:#f8f1ed;border-color:#e3d5ce}
.minos-user-page .portrait-section,.minos-user-page .visual-language-section{background:linear-gradient(150deg,#fffdfa,#f7f0eb)}
.minos-user-page details.result-disclosure{border:1px solid var(--ds-line);border-radius:var(--ds-r-2);background:rgba(255,253,250,.88);overflow:hidden}
.minos-user-page details.result-disclosure>summary{padding:18px 20px;cursor:pointer;color:var(--ds-ink);font-weight:650;list-style:none}
.minos-user-page details.result-disclosure>summary::-webkit-details-marker{display:none}
.minos-user-page details.result-disclosure>summary::after{content:"＋";float:right;color:var(--ds-muted);font-weight:400}
.minos-user-page details.result-disclosure[open]>summary::after{content:"－"}
.minos-user-page .disclosure-body{border-top:1px solid var(--ds-line);padding:20px}

/* Journey */
.minos-user-page .journey-hero,.minos-user-page .longitudinal-hero{border-radius:var(--ds-r-3);padding:44px;background:linear-gradient(145deg,#fffdfa,#f8f1ed)}
.minos-user-page .journey-hero h1,.minos-user-page .longitudinal-hero h1{color:var(--ds-wine-deep)}
.minos-user-page .journey-progress-card{border-radius:var(--ds-r-2);background:#fffdfa}
.minos-user-page .journey-stage{border-radius:var(--ds-r-3);overflow:hidden;background:#fffdfa}
.minos-user-page .journey-stage.completed{background:linear-gradient(145deg,#fffdfa,#f5f5f0);border-color:#d6dacf}
.minos-user-page .journey-stage-index{font-family:var(--ds-serif);color:#b08f97}
.minos-user-page .journey-stage-head h2{color:var(--ds-wine-deep)}
.minos-user-page .journey-why,.minos-user-page .journey-reflection{background:#faf6f2;border-color:var(--ds-line)}
.minos-user-page .journey-resource{border:1px solid var(--ds-line);border-radius:var(--ds-r-2);background:#fffdfa;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.minos-user-page .journey-resource:hover{transform:translateY(-1px);border-color:#c9b8b0;box-shadow:var(--ds-shadow-1)}

/* Reader */
.minos-user-page .reader-shell{max-width:900px}
.minos-user-page .reader-card{border-radius:var(--ds-r-3);padding:clamp(30px,6vw,66px);background:#fffdfa}
.minos-user-page .reader-card>h1{font-size:clamp(34px,5vw,52px);line-height:1.25;color:var(--ds-wine-deep);max-width:760px}
.minos-user-page .reader-dek{font-size:17px;color:var(--ds-ink-2);max-width:720px}
.minos-user-page .reader-meta{border-top:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line);padding:12px 0;color:var(--ds-muted)}
.minos-user-page .reader-section{max-width:720px;margin:38px auto 0}
.minos-user-page .reader-section h2{font-size:24px;color:var(--ds-wine-deep);font-weight:500;margin-bottom:12px}
.minos-user-page .reader-section p{font-size:16px;line-height:1.95;color:var(--ds-ink-2)}
.minos-user-page .reader-actions{max-width:720px;margin:42px auto 0;padding-top:22px;border-top:1px solid var(--ds-line)}

/* Longitudinal */
.minos-user-page .history-item,.minos-user-page .change-card,.minos-user-page .stable-card{border-color:var(--ds-line);background:#fffdfa;border-radius:var(--ds-r-2)}
.minos-user-page .change-card.higher{border-left:3px solid #9e7781}
.minos-user-page .change-card.lower{border-left:3px solid #8e9484}
.minos-user-page .change-card.stable{border-left:3px solid #b6aa9e}

/* Deep report in browser */
.minos-user-page .full-report{border:1px solid var(--ds-line);border-radius:var(--ds-r-3);overflow:hidden;background:#fffdfa;box-shadow:var(--ds-shadow-1)}
.minos-user-page .report-cover{background:linear-gradient(145deg,#fffdfa,#f5ece9)}
.minos-user-page .report-cover h2{color:var(--ds-wine-deep)}
.minos-user-page .report-reading-order{background:#f8f2ed}
.minos-user-page .report-group{background:#fffdfa}
.minos-user-page .report-group:nth-of-type(even){background:#fcf8f4}
.minos-user-page .report-chapter{border:1px solid var(--ds-line);border-radius:var(--ds-r-2);overflow:hidden;background:#fffdfa}
.minos-user-page .report-chapter>summary{padding:17px 18px;cursor:pointer}

/* Motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Tablet */
@media(max-width:860px){
  .minos-user-page .shell{width:min(calc(100% - 24px),var(--ds-page));padding-top:18px}
  .minos-user-page .hero{padding:44px 36px}
  .minos-user-page .guide-card{padding:42px 34px}
  .minos-user-page .question-card{padding:34px 30px}
  .minos-user-page .result-section{padding:28px}
}

/* Mobile: calm, single-column, thumb-friendly */
@media(max-width:620px){
  .minos-user-page .shell{width:100%;padding:12px 12px calc(46px + env(safe-area-inset-bottom))}
  .minos-user-page .brandbar{margin:0 4px 28px;min-height:44px}
  .minos-user-page .brandbar::after{bottom:-12px}
  .minos-user-page .brandmark{width:38px;height:38px;font-size:16px}
  .minos-user-page .brandcopy strong,.minos-user-page .brandbar strong{font-size:17px}
  .minos-user-page .status-pill{font-size:10px;padding:6px 9px}
  .minos-user-page .hero,.minos-user-page .guide-card,.minos-user-page .section-intro,.minos-user-page .question-card,.minos-user-page .orientation,.minos-user-page .result-section,.minos-user-page .journey-hero,.minos-user-page .longitudinal-hero,.minos-user-page .reader-card{border-radius:22px}
  .minos-user-page .hero{padding:38px 24px 32px}
  .minos-user-page .hero h1{font-size:39px}
  .minos-user-page .hero p{font-size:15px}
  .minos-user-page .guide-card{padding:34px 22px}
  .minos-user-page .guide-grid,.minos-user-page .quiet-benefits{grid-template-columns:1fr}
  .minos-user-page .progress-wrap{top:0;padding:12px 6px 10px;margin-bottom:12px}
  .minos-user-page .section-intro{min-height:calc(100vh - 150px);padding:34px 24px}
  .minos-user-page .question-card{min-height:calc(100vh - 126px);padding:26px 18px 112px;position:relative}
  .minos-user-page .question{font-size:27px;line-height:1.55;margin:36px 4px 28px}
  .minos-user-page .scale{grid-template-columns:1fr;gap:8px}
  .minos-user-page .choice{min-height:58px;padding:12px 16px;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px}
  .minos-user-page .choice .choice-mark{display:inline-block;margin:0;flex:0 0 15px}
  .minos-user-page .question-actions{position:absolute;left:0;right:0;bottom:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,253,250,0),rgba(255,253,250,.96) 24%,rgba(255,253,250,.99));border-radius:0 0 22px 22px;z-index:3}
  .minos-user-page .question-actions .btn{min-height:48px}
  .minos-user-page .question-helper{margin-bottom:8px}
  .minos-user-page .result-hero{grid-template-columns:1fr}
  .minos-user-page .orientation,.minos-user-page .result-section{padding:24px 20px}
  .minos-user-page .core-findings{grid-template-columns:1fr}
  .minos-user-page .journey-hero,.minos-user-page .longitudinal-hero{padding:28px 22px}
  .minos-user-page .journey-stage{border-radius:22px}
  .minos-user-page .journey-stage-head{align-items:flex-start;gap:12px}
  .minos-user-page .journey-stage-head .btn{width:100%;margin-top:10px}
  .minos-user-page .reader-card{padding:34px 22px}
  .minos-user-page .reader-card>h1{font-size:34px}
  .minos-user-page .reader-section p{font-size:15px}
  .minos-user-page .actions{gap:8px}
  .minos-user-page .actions .btn{flex:1 1 auto}
  .ds-state{margin:5vh 0 0;padding:34px 24px;border-radius:22px}
}

@media(max-width:390px){
  .minos-user-page .hero h1{font-size:35px}
  .minos-user-page .question{font-size:25px}
  .minos-user-page .brandcopy span{display:none}
  .minos-user-page .status-pill{max-width:130px;overflow:hidden;text-overflow:ellipsis}
}
.ds-skip{position:fixed;left:14px;top:10px;z-index:999;transform:translateY(-160%);background:var(--ds-wine-deep);color:#fff;padding:9px 13px;border-radius:999px;text-decoration:none;font-size:12px;transition:transform .15s ease}.ds-skip:focus{transform:translateY(0)}