:root{
  --bg:#f4ece4;
  --surface:#fffaf6;
  --surface-2:#f7f0ea;
  --line:#e4d5c8;
  --line-soft:rgba(92,58,74,.08);
  --text:#2a211c;
  --muted:#7a6a66;
  --lime:#6b4a7a;
  --green:#4f7a62;
  --red:#c45b55;
  --blue:#5b6ea8;
  --amber:#b07a3a;
  --atelier:#c9a58d;
  --lilac:#b7a2c9;
}
html{background:var(--bg)}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 12% -8%,rgba(183,162,201,.26),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(201,165,141,.18),transparent 30%),
    linear-gradient(180deg,#fbf6f1 0,#f4ece4 42%,#efe4dc 100%);
  font-family:"Iowan Old Style",Georgia,"Songti SC","Source Han Serif SC","Microsoft YaHei",serif;
}
.app-shell{position:relative;isolation:isolate}
.app-shell:before,.app-shell:after,.workspace:before,.workspace:after{
  content:"";pointer-events:none;
}
.app-shell:before{
  position:fixed;inset:0;z-index:0;
  background:
    url(/art/atelier-vines.svg) 12px 8px/320px 320px repeat,
    url(/art/atelier-pattern.png) 0 0/520px 520px repeat;
  opacity:.13;mix-blend-mode:multiply;
}
.app-shell:after{
  position:fixed;z-index:0;
  right:-8%;top:-12%;
  width:min(96vw,1180px);height:min(120vh,1180px);
  background:url(/art/dream-wings.png) 54% 38%/cover no-repeat;
  opacity:.34;filter:saturate(.42) contrast(.9) brightness(1.12);
  -webkit-mask-image:radial-gradient(ellipse 78% 80% at 58% 42%,#000 26%,rgba(0,0,0,.48) 64%,transparent 86%);
  mask-image:radial-gradient(ellipse 78% 80% at 58% 42%,#000 26%,rgba(0,0,0,.48) 64%,transparent 86%);
}
.workspace{position:relative;z-index:1}
.workspace:before{
  position:absolute;z-index:0;
  right:-6%;top:8%;
  width:min(52%,560px);height:420px;
  background:url(/art/still.png) 60% 40%/cover no-repeat;
  opacity:.16;filter:saturate(.5) brightness(1.1);
  -webkit-mask-image:radial-gradient(ellipse at 58% 46%,#000 18%,transparent 76%);
  mask-image:radial-gradient(ellipse at 58% 46%,#000 18%,transparent 76%);
}
.workspace:after{
  position:fixed;z-index:0;
  left:max(220px,18vw);bottom:-12%;
  width:min(46vw,520px);height:min(42vh,380px);
  background:url(/art/atelier.png) 50% 60%/cover no-repeat;
  opacity:.12;filter:saturate(.4) brightness(1.14);
  -webkit-mask-image:radial-gradient(ellipse at 50% 60%,#000 12%,transparent 78%);
  mask-image:radial-gradient(ellipse at 50% 60%,#000 12%,transparent 78%);
}
.workspace>*{position:relative;z-index:1}
.rail{
  position:sticky;top:0;z-index:2;height:100vh;align-self:start;overflow:auto;
  background:linear-gradient(180deg,rgba(255,250,246,.94),rgba(247,238,248,.9));
  border-right:1px solid var(--line);
  box-shadow:18px 0 40px rgba(72,42,58,.04);
}
.logo-mark{
  overflow:hidden;border-radius:50%;
  border:1px solid rgba(183,162,201,.55);
  background:#efe2ea url(/art/portrait.png) center 18%/cover;
}
.logo-mark i,.logo-mark i:after{opacity:0}
.logo b{font-weight:600;letter-spacing:.02em}
.logo small{color:#8a6f86;letter-spacing:.18em}
.rail nav a{border-radius:14px;color:#6d5c68}
.rail nav a:hover,.rail nav a.active{background:rgba(183,162,201,.18);color:#3a2438}
.rail nav a.active{box-shadow:inset 3px 0 #8d6a9a}
.rail-foot>i,.live-pill i{background:#8d6a9a;box-shadow:0 0 0 3px rgba(141,106,154,.16)}
.topbar p,.section-head>div>span,.etf-title span{color:#8a6f86}
.topbar h1{font-weight:500}
.account-button,.top-actions button,.live-pill{
  border-color:#e0cfc4;background:#fffaf6;border-radius:999px;
}
.account-button:hover,.top-actions button:hover{background:#f3e8ef;border-color:#c9b0c4}
.hero article,.risk-grid article,.attribution-hero article,.panel,.rebalance-card,.sector-grid article,.page-intro,.site-card,.news-card,.auth-card{
  background:linear-gradient(165deg,#fffefb,#f8f1ea);
  border-color:#eadccc;
  box-shadow:0 16px 36px rgba(82,48,42,.05);
}
.site-hero.atelier-hero{
  position:relative;overflow:visible;
  display:block;margin:0 0 22px;
  padding:8px 0 18px;border:0;background:transparent;
}
.atelier-hero .hero-copy{
  position:relative;z-index:1;max-width:40rem;padding:8px 8px 4px 0;
}
.atelier-hero .hero-copy>span{
  display:inline-block;padding:5px 10px;border-radius:999px;
  background:rgba(183,162,201,.2);color:#6b4a7a;letter-spacing:.16em;font-size:10px;
}
.atelier-hero h2{
  font:500 42px/1.18 Georgia,"Songti SC",serif;margin:16px 0 14px;color:#2a1816;
}
.atelier-hero p{max-width:640px;font-size:16px;line-height:1.85;color:#5c4b49}
.intro-grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin:8px 0 28px;
}
.intro-grid article,.intro-grid figure{
  margin:0;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,250,246,.86);
}
.intro-grid h3{font:500 20px/1.35 Georgia,"Songti SC",serif;margin:8px 0 10px}
.intro-grid p,.intro-grid li{margin:0;color:#5c4b49;font-size:14px;line-height:1.8}
.intro-grid ul{margin:8px 0 0;padding-left:18px}
.intro-art{display:none}
.site-path a{
  border-color:#e0c9d4;background:#fffaf6;border-radius:999px;color:#3a2438;
}
.site-path a.rear{background:#f3e8ef;border-color:#d4b8c9}
.site-chapter{border-top-color:#ead5c8}
.site-chapter h2,.site-section>header h2,.site-card h3,.note-article h2,.note-article h3,.note-group>header h2{color:#3a2438}
.note-table th,.note-table td{border-bottom-color:#eadccc}
.note-pager a{color:#6b4a7a}
.site-card{border-radius:18px;min-height:176px;background:rgba(255,250,246,.92)}
.site-card:hover{border-color:#c9b0c4;box-shadow:0 14px 30px rgba(90,40,70,.08)}
.site-card em,.site-section>header a,.note-foot a,.workspace>footer a{color:#6b4a7a}
.site-method-grid article{background:#f7f0ea;border-color:#eadccc}
.analysis-chip,.news-card{border-radius:16px}
.code-gate{color:#8a6f86;font-size:11px;letter-spacing:.04em}
.code-gate:empty{display:none}
.dream-idea{margin-top:14px;overflow:hidden}
.dream-idea-hero{margin:0 0 16px}
.lab-notice{background:linear-gradient(120deg,#f7f0ea,#f3e8ef);border-color:#e0c9d4}
.lab-notice a{border-color:#d4b8c9;color:#6b4a7a}
.case-build{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.case-build article{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,250,246,.82)}
.case-build span{letter-spacing:.16em;font-size:11px;color:#8a6f86}
.case-build h3{margin:6px 0 8px;font-size:17px}
.case-build p{margin:0;color:var(--muted);line-height:1.65}
.case-more{margin:10px 0 0;color:var(--muted)}
.case-more a{color:#6b4a7a}
.year-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.year-tabs button{border:1px solid var(--line);background:#fffaf6;border-radius:999px;padding:6px 14px;color:#6d5c68;cursor:pointer;font:600 13px inherit}
.year-tabs button.active{background:#f3e8ef;color:#6b4a7a;border-color:#d9c4d4}
.strategy-view-tabs{background:#fffaf6;border-color:#e4d5c8;flex-wrap:wrap;width:auto;max-width:100%}
.strategy-view-tabs button.active{background:#f3e8ef;color:#6b4a7a}
.subnav a.active{background:#f3e8ef;color:#6b4a7a}
.up{color:#c45b55!important}.down{color:#4f7a62!important}
.decision-action>i{background:#8d6a9a;color:#fffaf6}
.range-tabs button.active,.segmented button.active{background:#f3e8ef;color:#6b4a7a}
.score-line i{background:linear-gradient(90deg,#c9a58d,#8d6a9a)}
.workspace>footer{color:#7a6a66}
@media(max-width:1100px){
  .intro-grid{grid-template-columns:1fr}
  .case-build{grid-template-columns:1fr}
  .app-shell:after{right:-28%;width:min(110vw,860px);opacity:.2}
  .workspace:before{width:min(70%,420px);opacity:.12}
}
.home-fold{display:grid;gap:12px}
.home-fold:not(.open) .home-fold-item{display:none!important}
.home-fold-toggle{
  justify-self:start;border:1px solid #e0c9d4;background:#fffaf6;border-radius:999px;
  padding:7px 14px;color:#6b4a7a;cursor:pointer;font:600 13px inherit;
}
.home-fold-toggle:hover{background:#f3e8ef}
@media(max-width:680px){
  .atelier-hero h2{font-size:28px}
  .app-shell:before{opacity:.14}
  .app-shell:after{inset:auto -30% 8% auto;width:140%;height:360px;top:auto;right:-30%}
  .workspace:before,.workspace:after{opacity:.08}
  .rail{position:fixed;top:auto;bottom:0;height:auto;overflow:visible;z-index:20;align-self:auto}
}