/* FengLing AI v34 Pro visual layout only. Original business and chart logic untouched. */
:root{--v34-gold:#e0b96d;--v34-bright:#ffda83;--v34-border:#765a30;--v34-surface:#0c0b09;--v34-raised:#18140f;--v34-text:#f0e5d1;--v34-muted:#a79b89}
body{background:#060605 url('./obsidian-gold-wallpaper.webp') center top/cover fixed no-repeat!important;color:var(--v34-text)}
.app{grid-template-columns:205px minmax(0,1fr)!important;max-width:none!important}
.sidebar{background:linear-gradient(180deg,#070706ec,#12100ee6 65%,#080706de),url('./obsidian-gold-wallpaper.webp') left bottom/auto 100% no-repeat!important;border-right:1px solid #6c50284a!important;padding:17px 10px!important}
.sidebar .brand{padding:9px 6px 20px!important;border-bottom:1px solid #44341f}.sidebar .brand strong{font-size:21px!important;color:#ffdc9a!important}.sidebar .brand small{font-size:10px;color:#b9a176!important}
.sidebar .logo{background:linear-gradient(150deg,#bc8533,#2d1c0c)!important;box-shadow:0 0 19px #f5c16a2b!important}
.sidebar .sidegroup{color:#bf9f66!important;padding-top:12px;letter-spacing:2px!important}
#desktopNav{gap:5px}#desktopNav button{font-size:13px!important;padding:12px 11px!important;border-radius:10px!important;color:#d6c9b5!important}
#desktopNav button.active{color:#170f05!important;background:linear-gradient(110deg,#d09b48,#ffe29a,#9e6c2f)!important;border:1px solid #f6cb72!important;box-shadow:0 0 17px #edaf4660,inset 0 1px #ffe9b2!important}
#desktopNav button:hover:not(.active){background:#7b592422!important;color:#f5d9a5!important}
.sidebar .smallHint{font-size:11px!important;background:#15110dc7!important;color:#9b886c!important;border:1px solid #604c312f!important}
.main:has(#page-charts:not(.hidden)){max-width:none!important;padding:13px 16px 38px!important;width:100%!important}
.header{background:linear-gradient(90deg,#080807e8,#161008ca,#070707da);border:1px solid #6849217e;border-radius:13px;padding:12px 17px!important;box-shadow:0 10px 30px #0007;gap:12px!important;align-items:center}
.header .eyebrow{color:#bc9657!important;font-size:10px!important;letter-spacing:2px}.header h1{font-size:21px!important;font-weight:850;color:#ffe0a0!important;margin:2px 0}
.headerRight{gap:8px!important}.headerRight .chip{background:#07170d!important;border-color:#1d5335!important;color:#83d5a2!important}.headerRight button{border-color:#70542b!important;color:#eed5a4!important;background:#18130d!important}.headerRight button.primary{background:linear-gradient(135deg,#c5944d,#ffde96)!important;color:#221509!important;border-color:#e8b864!important}
#tabnav{display:none!important}
#page-charts{width:100%!important;max-width:none!important;margin:12px 0 0!important}
#page-charts .v34-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:12px;min-width:0;align-items:start}
#page-charts .v34-primary-col,#page-charts .v34-info-col{min-width:0;display:grid;gap:12px}
#page-charts .v34-frame,#page-charts .v29-funding-card,#page-charts .v28-health-strip{position:relative;border:1px solid #a27736a8!important;border-radius:14px!important;background:linear-gradient(155deg,#1d160fef,#0c0c0bec 52%,#19140de8)!important;box-shadow:inset 0 1px 0 #f2c87827,0 0 0 1px #130c05,0 10px 32px #0009!important;overflow:hidden}
#page-charts .v34-frame:before{content:"";position:absolute;height:1px;top:0;left:9%;right:9%;background:linear-gradient(90deg,transparent,#e6a9419e,transparent);pointer-events:none}
#page-charts .v34-panel-heading{display:flex;align-items:center;gap:9px;justify-content:space-between;flex-wrap:wrap;padding:12px 14px 9px;border-bottom:1px solid #5b44265c}
#page-charts .v34-panel-heading h2{margin:0;color:#f6d395;font-size:15px;line-height:1.5;font-weight:850}
#page-charts .v34-panel-heading small{font-size:10px;color:#aa9c84}
#page-charts .v34-quote{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:linear-gradient(105deg,#140d07ed,#13110fe9 50%,#151008b8),url('./obsidian-gold-wallpaper.webp') right 35%/cover!important;min-height:88px}
.v34-quote-title{display:flex;align-items:center;gap:11px}.v34-quote-title strong{font-size:20px;color:#f9efde}.v34-quote-title small{display:block;font-size:11px;color:#b3a48d}.v34-btc-coin{width:40px;height:40px;background:linear-gradient(140deg,#ffad30,#b96300);display:grid;place-items:center;border-radius:50%;color:white;font-weight:900;font-size:23px;box-shadow:0 2px 14px #ffa41e55}
.v34-quote-value{text-align:right;display:grid;gap:0}.v34-quote-value strong{font-size:25px;color:#4ad99b;line-height:1.18;font-variant-numeric:tabular-nums}.v34-quote-value span{color:#6bdfab;font-size:11px}.v34-quote-basis{font-size:10px;color:#b6a48a;max-width:155px;text-align:right}
#page-charts .v34-decision{padding-bottom:10px}
.v34-decision-grid{display:grid;grid-template-columns:1.2fr 1.05fr 1.15fr 1.02fr;gap:9px;padding:11px;min-width:0}
.v34-result,.v34-criteria,.v34-brief{min-width:0;min-height:155px;border:1px solid #624728a3;background:linear-gradient(145deg,#231a0ff2,#11110ff2);border-radius:12px;padding:13px}
.v34-result{display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:inset 0 0 22px #ac732d2c,0 0 14px #d0923b16;border-color:#ae7f37}
.v34-result small{color:#c0a371;font-size:11px}.v34-result strong{font-size:clamp(17px,2vw,26px);line-height:1.4;font-weight:900;color:#ffdd96;text-shadow:0 0 14px #c4894266;overflow-wrap:anywhere}.v34-result p{margin:4px 0 0;color:#c1aa89;font-size:11px}
.v34-mini-head{display:flex;align-items:center;justify-content:space-between;color:#f5c776;font-size:12px;margin-bottom:6px}.v34-mini-head span{font-weight:850;background:#413017;padding:2px 7px;border-radius:20px}.v34-criteria-rows{display:grid;gap:4px}.v34-criterion{display:flex;justify-content:space-between;gap:5px;font-size:11px;line-height:1.5;border-bottom:1px solid #68502d30}.v34-criterion span{color:#c1b198}.v34-criterion b{color:#e4c080;overflow-wrap:anywhere;max-width:54%;text-align:right}
.v34-brief b{color:#f2cc80;font-size:12px}.v34-brief p{font-size:11px;line-height:1.55;color:#d6c7ae;margin:9px 0;max-height:67px;overflow:auto}.v34-missing{background:#42191490;color:#f3a093;border-left:2px solid #e56f5c;padding:7px;font-size:10px;line-height:1.5;max-height:65px;overflow:auto}
.v34-actions{display:grid;gap:9px;align-content:center;min-width:0}
#page-charts .v34-actions .v26-action-main,#page-charts .v34-actions .v26-action-secondary{font-family:inherit;width:100%!important;min-height:63px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-size:14px!important;font-weight:850!important;border-radius:12px!important;padding:10px 7px!important;margin:0!important;letter-spacing:.2px!important;line-height:1.25!important}
#page-charts .v34-actions .v26-action-main{color:#251505!important;background:linear-gradient(140deg,#ae7831,#ffe49c 48%,#c8933c)!important;border:1px solid #ffdf91!important;box-shadow:0 0 19px #ecb45e60,inset 0 1px #fff2bf!important}
#page-charts .v34-actions .v26-action-secondary{background:#0b0b0a!important;color:#f1c97e!important;border:1px solid #ad7c33!important;box-shadow:inset 0 0 12px #bd8b2826!important}
#page-charts .v34-workspace{padding-bottom:12px}
#page-charts .v34-workspace-heading{border-bottom:0!important}
#page-charts .v34-toolslot{padding:0 12px 8px}
#page-charts .v34-toolslot .fl-chart-shell{padding:9px!important;margin:0!important;border:1px solid #65502d7c!important;box-shadow:none!important;background:#0c0c0ad1!important;border-radius:11px!important}
#page-charts .v34-toolslot .fl-chart-top h2{font-size:12px!important;color:#edc078!important}
#page-charts .v34-toolslot .fl-chart-top p{font-size:10px!important}
#page-charts .v34-toolslot .fl-chart-toolbar{display:flex!important;gap:6px!important;flex-wrap:wrap}
#page-charts .v34-toolslot .fl-chart-toolbar button{font-size:11px!important;padding:8px!important}
#page-charts .v34-toolslot .fl-chart-pick{max-width:245px!important}
#page-charts .v34-toolslot .fl-layout-bar{margin:6px 0!important;padding:5px 0!important;background:transparent!important;border:0!important}
#page-charts .v34-toolslot .fl-layout-bar .subtle{font-size:10px!important}
#page-charts .v34-viewtabs{display:none}
#page-charts .v34-chart-slot{padding:0 11px;min-width:0}
#page-charts #chartCards.fl-chart-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important;width:100%}
#page-charts #chartCards .fl-chart-card{grid-column:auto!important;min-width:0!important;padding:9px!important;border:1px solid #856025b8!important;border-radius:12px!important;background:#0a0b0bf0!important;box-shadow:0 0 14px #ba84311a!important;overflow:hidden!important}
#page-charts #chartCards .fl-higher-card{order:1}
#page-charts #chartCards .fl-primary-card{order:2;border-color:#e7b04c!important;box-shadow:0 0 0 1px #a57726,0 0 22px #f0af3c3b!important}
#page-charts #chartCards .fl-entry-card{order:3}
#page-charts #chartCards .fl-chart-name{color:#f9cd75!important;font-size:12px!important}
#page-charts #chartCards .fl-chart-muted,#page-charts #chartCards .fl-entry-smallnote,#page-charts #chartCards .fl-entry-advice{font-size:10px!important}
#page-charts #chartCards .fl-chart-price{font-size:18px!important}
#page-charts #chartCards .fl-chart-box{height:230px!important}
#page-charts #chartCards .fl-chart-dmi,#page-charts #chartCards .fl-chart-cci{height:100px!important}
#page-charts #chartCards .fl-chart-load{height:230px!important}
#page-charts #chartCards .fl-chart-card .fl-chart-legend{font-size:10px!important}
#page-charts #chartCards .fl-chart-prices,#page-charts #chartCards .fl-period-quote{font-size:10px!important}
#page-charts #v34AnalysisSlot{padding:0 12px;min-width:0}
#page-charts .v34-data-note{padding:8px 13px 0;color:#94856f;font-size:10px;line-height:1.6}
#page-charts .v34-lower{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px;min-width:0}
#page-charts .v34-lower-card{padding-bottom:10px;min-width:0}
#page-charts .v34-lower-card>p{margin:9px 13px;color:#f0d4ac;font-size:12px;line-height:1.65}
#page-charts .v34-lower-card .v34-muted{font-size:10px;color:#9c8e76}
#page-charts .v34-lower-card .v26-strategy-aside{background:transparent!important;box-shadow:none!important;border:0!important;padding:9px 12px!important;margin:0!important;min-height:0!important;display:block!important}
#page-charts .v34-lower-card .v26-aside-kicker,#page-charts .v34-lower-card .v26-aside-symbol,#page-charts .v34-lower-card .v26-aside-signal{display:inline-block!important;font-size:12px!important;margin:0 5px 5px 0!important}
#page-charts .v34-lower-card .v26-aside-rows{font-size:11px!important}
#page-charts .v34-lower-card .v28-gate-summary{margin:6px 0!important}
#page-charts .v34-lower-card #v26AsideReason{font-size:10px!important;line-height:1.5!important}
#page-charts .v34-lower-card .v26-aside-disclaimer{font-size:9px!important;line-height:1.5!important}
#page-charts .v34-info-col>section{min-width:0}
#page-charts .v34-fear{padding-bottom:12px}.v34-gauge{--fear-angle:0deg;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:175px;height:99px;margin:14px auto 4px;border-radius:100px 100px 0 0;isolation:isolate}
.v34-gauge:before{content:"";position:absolute;inset:0;border-radius:100px 100px 0 0;background:conic-gradient(from 270deg at 50% 100%,#f44a4e 0deg,#ff8e34 55deg,#f4c84e 100deg,#3ccf71 180deg,transparent 180deg);mask:radial-gradient(circle at 50% 100%,transparent 0 66px,#000 67px);z-index:-1}
.v34-gauge:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ffe3b0;box-shadow:0 0 8px #fff;bottom:0;left:calc(50% - 4.5px);transform-origin:4.5px 0;transform:rotate(calc(var(--fear-angle) - 90deg)) translateY(-74px);opacity:0}
.v34-gauge-number{margin-top:24px;font-size:42px;line-height:1.1;font-weight:900;color:#f1ebd6;font-variant-numeric:tabular-nums}.v34-gauge small{font-size:13px;color:#edca84}
.v34-fear-timeline{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;color:#b8a58c;font-size:10px;border-top:1px solid #4f382a63}.v34-source{display:block;padding:3px 13px 9px;color:#927f61;font-size:9px}.v34-source a{color:#f0b963}
#page-charts #v28FundingPanel{margin:0!important;padding:12px!important}
#page-charts #v28FundingPanel .v29-funding-chart{height:122px!important}
#page-charts #v28FundingPanel .v29-funding-value-row strong{font-size:26px!important;color:#51d69a!important}
#page-charts .v34-news{min-height:155px;padding-bottom:8px}.v34-text-btn{font-size:10px;color:#eac174;border:0;background:none;cursor:pointer}
#page-charts #v34RecentSlot{padding:9px 12px;max-height:260px;overflow:auto}#page-charts #v34RecentSlot .v26-placeholder{font-size:12px;color:#aba08e}
#page-charts .v34-news>.v34-muted{margin:3px 13px 8px;color:#98866a;font-size:10px;line-height:1.5}
#page-charts #v28SystemHealth{display:block!important;margin:0!important;padding:12px!important;min-width:0!important}
#page-charts #v28SystemHealth .v28-health-items{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:8px!important}
#page-charts #v28SystemHealth .v28-health-items>div{display:flex!important;justify-content:space-between!important;gap:7px!important;font-size:11px!important}
#page-charts #v28SystemHealth .v28-health-title{font-size:13px!important}
#page-charts .v34-legacy{margin-top:14px;border:1px solid #76573166;background:#120f0cdd;border-radius:13px;overflow:hidden}
#page-charts .v34-legacy>summary{color:#c9a56c;padding:13px 17px;cursor:pointer;font-weight:700;font-size:12px}
#page-charts .v34-legacy-content{padding:12px;display:grid;gap:11px}
#page-charts .v34-legacy-content .v26-market-strip{display:grid!important}
#page-charts .v34-legacy-content .v26-workspace-grid{display:none!important}
#page-charts .v34-legacy-content .v26-workspace-heading{display:none!important}
#page-charts .v34-legacy-content .fl-chart-footer{display:block!important}
#page-charts .v34-muted{color:#aa9780;font-size:11px;line-height:1.6}
#disclaimer{margin:7px 0 3px!important;opacity:.85}
@media(max-width:1570px){#page-charts .v34-dashboard{grid-template-columns:minmax(0,1fr) 260px}#page-charts .v34-decision-grid{grid-template-columns:1fr 1.1fr;gap:8px}#page-charts .v34-result,#page-charts .v34-criteria,#page-charts .v34-brief{min-height:135px}#page-charts .v34-actions{grid-template-columns:1fr;align-content:stretch}#page-charts .v34-actions button{min-height:60px!important}}
@media(max-width:1220px){.app{grid-template-columns:170px minmax(0,1fr)!important}#page-charts .v34-dashboard{grid-template-columns:minmax(0,1fr) 240px}#page-charts .v34-lower{grid-template-columns:1fr 1fr}#page-charts .v34-lower-card:last-child{grid-column:1/-1}#page-charts #chartCards .fl-chart-box{height:196px!important}}
@media(max-width:1000px){#page-charts .v34-dashboard{grid-template-columns:minmax(0,1fr)}#page-charts .v34-info-col{grid-template-columns:1fr 1fr;align-items:start}#page-charts .v34-info-col .v34-healthslot,#page-charts .v34-info-col .v34-news{grid-column:span 1}#page-charts .v34-quote{flex-wrap:wrap}}
@media(max-width:810px){.app{display:block!important}.main:has(#page-charts:not(.hidden)){padding:8px 9px 95px!important}.sidebar{display:none!important}.header{padding:11px!important;border-radius:10px!important}.header h1{font-size:16px!important}.headerRight{justify-content:flex-start}.headerRight .button{font-size:10px!important}.bottomNav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;background:#0a0908f8!important;border-top:1px solid #b98846!important;box-shadow:0 -8px 25px #000a}.bottomNav button.active{color:#ffd68b!important;background:#a875292c!important}#page-charts .v34-dashboard{gap:9px}#page-charts .v34-primary-col,#page-charts .v34-info-col{gap:9px}#page-charts .v34-decision-grid{grid-template-columns:1fr 1fr}#page-charts .v34-lower{grid-template-columns:1fr}#page-charts .v34-lower-card:last-child{grid-column:auto}}
@media(max-width:610px){#page-charts .v34-quote{min-height:72px;gap:5px;padding:9px 11px}#page-charts .v34-quote-title strong{font-size:16px}.v34-btc-coin{width:33px;height:33px;font-size:19px}.v34-quote-value strong{font-size:21px}.v34-quote-basis{display:none}#page-charts .v34-panel-heading{padding:10px 11px}#page-charts .v34-panel-heading h2{font-size:14px}#page-charts .v34-panel-heading small{display:none}
#page-charts .v34-decision-grid{gap:7px;padding:9px;grid-template-columns:1fr 1fr}#page-charts .v34-result{min-height:132px;padding:9px}#page-charts .v34-result strong{font-size:21px}#page-charts .v34-criteria{min-height:132px;padding:9px}#page-charts .v34-brief{grid-column:1/-1;min-height:0;padding:9px}#page-charts .v34-brief p{max-height:none;margin:5px 0}#page-charts .v34-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px}#page-charts .v34-actions .v26-action-main,#page-charts .v34-actions .v26-action-secondary{min-height:52px!important;font-size:12px!important;padding:8px 5px!important}
#page-charts .v34-toolslot .fl-chart-top p{display:none!important}#page-charts .v34-toolslot .fl-chart-top{margin-bottom:6px}#page-charts .v34-toolslot .fl-chart-toolbar button{padding:6px!important}#page-charts .v34-viewtabs{display:flex;gap:5px;padding:0 9px 9px}#page-charts .v34-viewtabs button{flex:1;border:1px solid #5d4929;background:#14120f;color:#ddbd82;border-radius:9px;padding:9px 5px;font-size:12px;font-weight:750;cursor:pointer}#page-charts .v34-viewtabs button.active{background:linear-gradient(135deg,#d6a452,#f7d98a);border-color:#ffdd8a;color:#251603}
#page-charts .v34-chart-slot{padding:0 9px;overflow:hidden}#page-charts #chartCards.fl-chart-grid{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1px 2px 10px;width:100%;align-items:stretch}#page-charts #chartCards .fl-chart-card{flex:0 0 calc(100% - 3px)!important;scroll-snap-align:start;order:2!important;min-width:0!important}#page-charts #chartCards .fl-higher-card{order:1!important}#page-charts #chartCards .fl-primary-card{order:2!important}#page-charts #chartCards .fl-entry-card{order:3!important}#page-charts #chartCards .fl-chart-box{height:265px!important}#page-charts #chartCards .fl-chart-dmi,#page-charts #chartCards .fl-chart-cci{height:115px!important}#page-charts .v34-info-col{grid-template-columns:1fr 1fr;gap:8px}#page-charts .v34-news,#page-charts .v34-healthslot{grid-column:1/-1!important}#page-charts .v34-info-col .v34-panel-heading h2{font-size:12px}#page-charts .v34-gauge{width:130px;height:79px}#page-charts .v34-gauge-number{font-size:30px;margin-top:21px}#page-charts .v34-fundingslot #v28FundingPanel{padding:8px!important}#page-charts .v34-fundingslot #v28FundingPanel .v29-funding-chart{height:88px!important}#page-charts .v34-fundingslot #v28FundingPanel .v29-funding-value-row strong{font-size:19px!important}#page-charts .v34-news .v34-muted{font-size:9px}}
@media(max-width:375px){#page-charts .v34-decision-grid{grid-template-columns:1fr}#page-charts .v34-brief,#page-charts .v34-actions{grid-column:auto}#page-charts .v34-info-col{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#page-charts #chartCards{scroll-behavior:auto}}
/* v34 compact multi-chart desk: keep all technical details scrollable, not removed. */
@media(min-width:611px){
 #page-charts #chartCards .fl-chart-card{height:485px!important;max-height:485px!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#87622b #12100d}
 #page-charts #chartCards .fl-chart-box{height:186px!important}
 #page-charts #chartCards .fl-chart-load{height:186px!important}
 #page-charts #chartCards .fl-chart-dmi,#page-charts #chartCards .fl-chart-cci{height:85px!important}
 #page-charts #chartCards .fl-chart-card::-webkit-scrollbar{width:5px}
 #page-charts #chartCards .fl-chart-card::-webkit-scrollbar-thumb{background:#a67e3b;border-radius:8px}
}
@media(max-width:610px){
 #page-charts #chartCards .fl-chart-card{height:460px!important;max-height:460px!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#946d34 #15120d}
 #page-charts #chartCards .fl-chart-box{height:212px!important}
 #page-charts #chartCards .fl-chart-load{height:212px!important}
}

.v34-funding-switch{display:flex;gap:5px;align-items:center;justify-content:space-between;padding:9px 11px;margin-bottom:5px;background:linear-gradient(110deg,#1c150c,#0b0a09);border:1px solid #8962318a;border-radius:11px}
.v34-funding-switch span{color:#e7bd7c;font-size:11px;font-weight:750;margin-right:auto}
.v34-funding-switch button{background:#16130f;border:1px solid #6f5232;border-radius:7px;padding:5px 9px;color:#caae83;font-size:11px;font-weight:700;cursor:pointer}
.v34-funding-switch button.active{background:linear-gradient(125deg,#efbf69,#a87531);color:#231606;border-color:#efbf69}
@media(max-width:610px){.v34-funding-switch span{display:none}.v34-funding-switch button{flex:1}}
/* Unify legacy chart controls with the v34 obsidian-gold palette. */
#page-charts .v34-workspace .fl-chart-shell .button,
#page-charts .v34-workspace .fl-chart-toolbar .button,
#page-charts .v34-workspace .fl-chart-toolbar button,
#page-charts .v34-workspace .fl-chart-pill,
#page-charts .v34-workspace .fl-layout-btn,
#page-charts .v34-workspace .fl-chart-actions button,
#page-charts .v34-workspace .fl-chart-card .fl-focus-btn,
#page-charts .v34-workspace .fl-structure-settings button{
 background:linear-gradient(150deg,#21180e,#100f0c)!important;
 color:#e6c68b!important;border:1px solid #80602e!important;
 box-shadow:none!important;border-radius:8px!important;
}
#page-charts .v34-workspace .fl-chart-toolbar .button.primary,
#page-charts .v34-workspace .fl-chart-toolbar button.primary,
#page-charts .v34-workspace .fl-chart-pill.active,
#page-charts .v34-workspace .fl-layout-btn.active,
#page-charts .v34-workspace .fl-chart-actions button.active,
#page-charts .v34-workspace .fl-structure-settings button.active{
 background:linear-gradient(135deg,#d8a557,#ffdd94)!important;
 color:#291805!important;border-color:#efd091!important;
 box-shadow:0 0 13px #dba04c3d!important;
}
#page-charts .v34-workspace .fl-chart-card .fl-period-quote,
#page-charts .v34-workspace .fl-chart-card .fl-live-price-block,
#page-charts .v34-workspace .fl-chart-card .fl-period-closed,
#page-charts .v34-workspace .fl-chart-card .fl-entry-status,
#page-charts .v34-workspace .fl-chart-card .fl-entry-advice{
 background:linear-gradient(145deg,#1b1811,#0e0f0e)!important;
 border-color:#5d4a2c!important;
 color:#d2b989!important;
}
#page-charts .v34-workspace .fl-chart-card .fl-chart-box,
#page-charts .v34-workspace .fl-chart-card .fl-chart-dmi,
#page-charts .v34-workspace .fl-chart-card .fl-chart-cci{
 background:#0b0b0a!important;border-color:#55472c!important;
}
#page-charts .v34-workspace .fl-chart-toolbar .fl-chart-input,
#page-charts .v34-workspace .fl-chart-toolbar input{
 color:#f0dbc0!important;background:#0e0c09!important;border-color:#87612e!important;
}


/* ============================================================
   FengLing v34.1 display repairs (visual only; no strategy changes)
   1) chart first, 2) fixed-height clipping removed, 3) quote dashboard
   ============================================================ */
#page-charts .v34-quote{
 display:block!important;min-height:0!important;padding:0!important;
 background:linear-gradient(135deg,#181009ee,#0c0b0aec 65%,#1c150dd1),url('./obsidian-gold-wallpaper.webp') right center/cover!important;
}
#page-charts .v34-quote-main{
 min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,auto) auto;
 gap:16px;align-items:center;padding:15px 18px 14px;
}
#page-charts .v34-quote-title{min-width:0}
#page-charts .v34-quote-title strong{font-size:22px!important}
#page-charts .v34-quote-value{text-align:right;min-width:125px}
#page-charts .v34-quote-value strong{font-size:clamp(22px,2.2vw,32px)!important;letter-spacing:.1px}
#page-charts .v34-quote-value span{font-size:12px!important;font-weight:750}
#page-charts .v34-quote-basis{text-align:right;max-width:180px;font-size:11px!important;line-height:1.45}
#page-charts .v34-quote-metrics{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
 border-top:1px solid #74542f9c;background:linear-gradient(90deg,#0b0907b9,#191108d6,#0c0907b9);
}
#page-charts .v34-metric{display:grid;gap:5px;min-width:0;padding:12px 12px 13px;border-right:1px solid #755b3854}
#page-charts .v34-metric:last-child{border-right:0}
#page-charts .v34-metric span{font-size:11px;color:#ad9b80;white-space:nowrap}
#page-charts .v34-metric b{font-size:13px;color:#efcb88;line-height:1.45;overflow-wrap:anywhere;min-height:18px}
#page-charts .v34-metric:nth-child(3) b{color:#efca83}
#page-charts .v34-metric:nth-child(4) b{color:#a5d9bf}
/* Original 3-chart cards are dynamic and contain detailed controls. Always show
   the actual canvas near the top rather than clipping it beneath those controls. */
#page-charts #chartCards.fl-chart-grid{align-items:start!important}
#page-charts #chartCards .fl-chart-card{
 display:flex!important;flex-direction:column!important;min-height:0!important;
 height:auto!important;max-height:none!important;overflow:visible!important;
}
#page-charts #chartCards .fl-chart-card-head{flex:0 0 auto;min-height:42px}
#page-charts #chartCards .fl-main-stage,#page-charts #chartCards .fl-chart-box{min-width:0!important;flex-shrink:0!important}
#page-charts #chartCards .fl-chart-box{
 width:100%!important;height:300px!important;min-height:300px!important;
 margin:9px 0 5px!important;overflow:hidden!important;
}
#page-charts #chartCards .fl-chart-load{height:300px!important}
#page-charts #chartCards .fl-chart-card>.fl-chart-legend{margin:8px 1px!important;flex:0 0 auto}
#page-charts #chartCards .v341-chart-meta{
 flex:0 0 auto;min-width:0;max-height:174px;overflow-y:auto!important;
 overflow-x:hidden;border-top:1px solid #69502a8f;
 margin-top:5px;padding:9px 3px 4px;
 scrollbar-width:thin;scrollbar-color:#97713b #18130e;
}
#page-charts #chartCards .v341-chart-meta:before{
 content:'詳細數據與指標設定　↕ 可向下捲動';display:block;
 font-size:10px;line-height:1.4;color:#e3c28b;margin:1px 2px 8px;
}
#page-charts #chartCards .v341-chart-meta .fl-chart-prices,
#page-charts #chartCards .v341-chart-meta .fl-period-quote{margin:3px 0 8px!important}
#page-charts #chartCards .v341-chart-meta .fl-chart-prices strong,
#page-charts #chartCards .v341-chart-meta .fl-period-quote strong{font-size:16px!important}
#page-charts #chartCards .v341-chart-meta .fl-chart-prices>div,
#page-charts #chartCards .v341-chart-meta .fl-period-quote>div{padding:8px!important}
/* Do not hide DMI/CCI in display:none: lightweight-charts needs measurable hosts. */
#page-charts #chartCards .v341-chart-meta .fl-chart-dmi,
#page-charts #chartCards .v341-chart-meta .fl-chart-cci{height:110px!important}
#page-charts #chartCards .fl-chart-grid.is-focused .fl-chart-box{height:430px!important;min-height:430px!important}
@media(min-width:1600px){#page-charts #chartCards .fl-chart-box{height:330px!important;min-height:330px!important}}
@media(max-width:1220px){#page-charts #chartCards .fl-chart-box{height:270px!important;min-height:270px!important}}
@media(max-width:1000px){#page-charts .v34-quote-main{grid-template-columns:minmax(0,1fr) auto;gap:10px}#page-charts .v34-quote-basis{grid-column:1/-1;justify-self:end;max-width:none}#page-charts .v34-metric{padding:10px}}
@media(max-width:810px){#page-charts .v34-quote-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#page-charts .v34-metric:nth-child(3){border-right:0}#page-charts .v34-metric:nth-child(n+4){border-top:1px solid #74542f80}#page-charts #chartCards .fl-chart-box{height:310px!important;min-height:310px!important}}
@media(max-width:610px){
 #page-charts .v34-quote-main{padding:13px 12px;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 #page-charts .v34-quote-title strong{font-size:16px!important}
 #page-charts .v34-quote-value strong{font-size:22px!important}
 #page-charts .v34-quote-basis{display:block!important;text-align:left;justify-self:start;font-size:10px!important}
 #page-charts .v34-quote-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-charts .v34-metric:nth-child(3){border-right:1px solid #755b3854}
 #page-charts .v34-metric:nth-child(even){border-right:0}
 #page-charts .v34-metric:nth-child(n+3){border-top:1px solid #74542f80}
 #page-charts .v34-metric b{font-size:12px}
 #page-charts #chartCards .fl-chart-card{height:auto!important;max-height:none!important;overflow:visible!important}
 #page-charts #chartCards .fl-chart-box{height:310px!important;min-height:310px!important}
 #page-charts #chartCards .fl-chart-load{height:310px!important}
 #page-charts #chartCards .v341-chart-meta{max-height:150px}
}


/* ============================================================
   v34.2 -- restore ORIGINAL 3-chart hierarchy, no indicator code edits

       +-----------------------------------------+
       |           2H main (full width)          |
       +--------------------+--------------------+
       | 1H entry (left)    | 4H context (right) |
       +--------------------+--------------------+

   The existing system's 4H chart stays 4H; it is not relabeled 1H.
   Resize event is already triggered by v34-ui.js whenever cards render.
   ============================================================ */
@media(min-width:811px){
  #page-charts #chartCards.fl-chart-grid,
  #page-charts #chartCards.fl-chart-grid.is-triple{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:start!important;
    width:100%!important;
    overflow:visible!important;
  }
  #page-charts #chartCards .fl-chart-card.fl-primary-card{
    grid-column:1/-1!important;
    grid-row:1!important;
    order:0!important;
  }
  #page-charts #chartCards .fl-chart-card.fl-entry-card{
    grid-column:1!important;
    grid-row:2!important;
    order:1!important;
  }
  #page-charts #chartCards .fl-chart-card.fl-higher-card{
    grid-column:2!important;
    grid-row:2!important;
    order:2!important;
  }
  /* 2H is main: bigger plot, no scroll-clipping of candles. */
  #page-charts #chartCards .fl-primary-card .fl-chart-box{
    height:440px!important;min-height:440px!important;
  }
  #page-charts #chartCards .fl-primary-card .fl-chart-load{height:440px!important}
  #page-charts #chartCards .fl-entry-card .fl-chart-box,
  #page-charts #chartCards .fl-higher-card .fl-chart-box{
    height:305px!important;min-height:305px!important;
  }
  #page-charts #chartCards .fl-entry-card .fl-chart-load,
  #page-charts #chartCards .fl-higher-card .fl-chart-load{height:305px!important}
  #page-charts #chartCards .fl-primary-card .v341-chart-meta{max-height:215px!important}
  #page-charts #chartCards .fl-entry-card .v341-chart-meta,
  #page-charts #chartCards .fl-higher-card .v341-chart-meta{max-height:152px!important}
  /* The original maximize/focus control should keep its single-chart mode. */
  #page-charts #chartCards.fl-chart-grid.is-focused{grid-template-columns:minmax(0,1fr)!important}
  #page-charts #chartCards.fl-chart-grid.is-focused .fl-chart-card:not(.is-focus){display:none!important}
  #page-charts #chartCards.fl-chart-grid.is-focused .fl-chart-card.is-focus{grid-column:1/-1!important;grid-row:1!important}
}
@media(min-width:811px) and (max-width:1300px){
  #page-charts #chartCards .fl-primary-card .fl-chart-box{height:375px!important;min-height:375px!important}
  #page-charts #chartCards .fl-primary-card .fl-chart-load{height:375px!important}
  #page-charts #chartCards .fl-entry-card .fl-chart-box,
  #page-charts #chartCards .fl-higher-card .fl-chart-box{height:280px!important;min-height:280px!important}
  #page-charts #chartCards .fl-entry-card .fl-chart-load,
  #page-charts #chartCards .fl-higher-card .fl-chart-load{height:280px!important}
}
/* Intermediate tablets: one chart per row without cramped side-by-side plots. */
@media(min-width:611px) and (max-width:810px){
  #page-charts #chartCards.fl-chart-grid{display:flex!important;flex-direction:column!important;gap:12px!important}
  #page-charts #chartCards .fl-chart-card{width:100%!important;max-width:100%!important}
  #page-charts #chartCards .fl-chart-card.fl-primary-card{order:0!important}
  #page-charts #chartCards .fl-chart-card.fl-entry-card{order:1!important}
  #page-charts #chartCards .fl-chart-card.fl-higher-card{order:2!important}
  #page-charts #chartCards .fl-primary-card .fl-chart-box{height:355px!important;min-height:355px!important}
  #page-charts #chartCards .fl-primary-card .fl-chart-load{height:355px!important}
}
/* Phone: horizontally swipable charts with 2H selected first. */
@media(max-width:610px){
  #page-charts #chartCards.fl-chart-grid{display:flex!important;gap:8px!important}
  #page-charts #chartCards .fl-primary-card{order:1!important}
  #page-charts #chartCards .fl-entry-card{order:2!important}
  #page-charts #chartCards .fl-higher-card{order:3!important}
  #page-charts #chartCards .fl-primary-card .fl-chart-box{height:315px!important;min-height:315px!important}
  #page-charts #chartCards .fl-primary-card .fl-chart-load{height:315px!important}
  #page-charts #chartCards .fl-chart-card:not(.fl-primary-card) .fl-chart-box{height:285px!important;min-height:285px!important}
  #page-charts #chartCards .fl-chart-card:not(.fl-primary-card) .fl-chart-load{height:285px!important}
}
/* Honor the existing full-screen focus control at every viewport width. */
#page-charts #chartCards.fl-chart-grid.is-focused .fl-chart-card:not(.is-focus){display:none!important}

/* v34.2.2 mobile bottom-nav: override old flex!important from v34 stylesheet. */
@media screen and (max-width:810px){
  html body #mobileNav.bottomNav{
    display:grid!important;
    position:fixed!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    width:100%!important;
    min-width:0!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    left:0!important;right:0!important;bottom:0!important;
    margin:0!important;
    gap:4px!important;
    align-items:stretch!important;
    padding:8px 8px calc(11px + env(safe-area-inset-bottom, 0px))!important;
    background:linear-gradient(180deg,rgba(12,10,8,.98),rgba(6,5,4,.99))!important;
    border-top:1px solid #b48a4c!important;
    z-index:9999!important;
    box-shadow:0 -8px 20px rgba(0,0,0,.68)!important;
  }
  html body #mobileNav.bottomNav button{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:49px!important;
    padding:7px 1px!important;
    margin:0!important;
    gap:5px!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    border-radius:10px!important;
    text-align:center!important;
  }
  html body #mobileNav.bottomNav .navsvg{
    display:block!important;
    width:auto!important;
    height:auto!important;
    font-size:19px!important;
    line-height:1!important;
  }
  html body .main,
  html body .main:has(#page-charts:not(.hidden)){
    padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))!important;
  }
  html body #page-charts{scroll-margin-bottom:90px}
}
@media screen and (max-width:370px){
  html body #mobileNav.bottomNav{gap:1px!important;padding-left:5px!important;padding-right:5px!important}
  html body #mobileNav.bottomNav button{font-size:10px!important}
}