#folloAppearanceButton.follo-appearance-button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:52px!important;padding:12px 16px!important;margin:10px 0!important;border:1px solid #6ac6ff!important;border-radius:13px!important;background:#17365d!important;color:#fff!important;font-size:15px!important;font-weight:750!important;text-align:left!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}#folloAppearanceButton:focus-visible{outline:3px solid #6de2ff!important}dialog#folloAppearanceDialog{border:0!important;border-radius:18px!important;background:#0b1a33!important;color:#fff!important;padding:0!important;width:min(760px,96vw)!important;height:min(790px,92dvh)!important;max-width:96vw!important;max-height:92dvh!important;overflow:hidden!important;box-shadow:0 25px 80px #000b!important}dialog#folloAppearanceDialog:not([open]){display:none!important}dialog#folloAppearanceDialog::backdrop{background:rgba(0,5,16,.85)!important}#folloAppearanceDialog,#folloAppearanceDialog *{box-sizing:border-box!important;font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif!important}#folloAppearanceDialog .fa-layout{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}#folloAppearanceDialog .fa-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:18px!important;flex-shrink:0!important}#folloAppearanceDialog .fa-head h2{font-size:24px!important;color:white!important;margin:4px 0!important}#folloAppearanceDialog .fa-head p{font-size:12px!important;color:#b4c8e3!important;margin:0!important}#folloAppearanceDialog .fa-head small{font-size:10px!important;color:#65cfff!important;letter-spacing:2px!important}#folloAppearanceDialog .fa-close{background:#25446c!important;color:#fff!important;border:0!important;border-radius:10px!important;width:44px!important;height:44px!important;font-size:21px!important}#folloAppearanceDialog .fa-current{background:#173153!important;border:1px solid #41658e!important;border-radius:12px!important;margin:0 18px 12px!important;padding:12px!important;font-size:13px!important;flex-shrink:0!important}#folloAppearanceDialog .fa-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:4px 18px 14px!important;overflow-y:auto!important;overscroll-behavior:contain!important;flex:1!important;min-height:0!important;align-content:start!important}#folloAppearanceDialog .fa-choice{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;text-align:left!important;position:relative!important;background:#1b3557!important;color:white!important;border:2px solid transparent!important;border-radius:13px!important;padding:7px!important;cursor:pointer!important}#folloAppearanceDialog .fa-choice[aria-pressed=true]{border-color:#62ddff!important;background:#265079!important}#folloAppearanceDialog .fa-swatch{display:flex!important;flex-direction:column!important;gap:7px!important;height:72px!important;padding:10px!important;border-radius:8px!important}#folloAppearanceDialog .fa-swatch i{display:block!important;height:8px!important;border-radius:5px!important}#folloAppearanceDialog .fa-choice-name{font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere!important;color:white!important}#folloAppearanceDialog .fa-check{display:none!important;position:absolute!important;right:10px!important;top:10px!important;width:23px!important;height:23px!important;border-radius:50%!important;background:#64ddff!important;color:#06203c!important;text-align:center!important;line-height:23px!important;font-size:16px!important;font-weight:900!important}#folloAppearanceDialog .fa-choice[aria-pressed=true] .fa-check{display:block!important}#folloAppearanceDialog .fa-foot{display:flex!important;gap:9px!important;padding:12px 18px!important;flex-shrink:0!important;border-top:1px solid #34547b!important}#folloAppearanceDialog .fa-foot button{flex:1!important;min-height:48px!important;border-radius:11px!important;background:#25446d!important;color:#fff!important;border:1px solid #5b7fa9!important;font-size:14px!important;font-weight:750!important}#folloAppearanceDialog .fa-foot button:last-child{background:#49b7ff!important;color:#08213b!important}html[data-follo-theme] body .content{background:var(--follo-bg)!important;color:var(--follo-text)!important}html[data-follo-theme] body .content .card{border-color:var(--follo-accent)!important}@media(max-width:600px){dialog#folloAppearanceDialog{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}#folloAppearanceDialog .fa-grid{gap:7px!important;padding:4px 12px 12px!important}#folloAppearanceDialog .fa-swatch{height:61px!important;padding:8px!important}#folloAppearanceDialog .fa-head{padding-top:calc(14px + env(safe-area-inset-top))!important}#folloAppearanceDialog .fa-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}
/* v2.8 visible theme propagation for the FolloPower preview. Scoped to application content. */
html[data-follo-theme] body{background:var(--follo-bg)!important;color:var(--follo-text)!important}
html[data-follo-theme] .app main,
html[data-follo-theme] .app .main-content{background:var(--follo-bg)!important;color:var(--follo-text)!important}
html[data-follo-theme] .app :is(.hero,.panel,.readiness-panel,.recent-panel,.action-card,.experiment-card,.archive-card,.topic-card,.history-block-card,.manual-panel,.storage-diag-panel,.portfolio-card,.fp-next-card,.fp-next-panel,.fp-access-panel){
background:var(--follo-card-surface)!important;color:var(--follo-text)!important;border-color:var(--follo-outline)!important;border-radius:var(--follo-radius)!important}
html[data-follo-theme] .app main :is(h1,h2,h3,h4,p,small,strong,.hero-kicker,.hero-copy,.readiness-kicker){color:var(--follo-text)!important}
html[data-follo-theme] .app main :is(.hero,.panel,.readiness-panel,.recent-panel,.action-card,.experiment-card,.archive-card,.topic-card) :is(p,small){opacity:.88}
html[data-follo-theme] .app main :is(.hero,.panel,.readiness-panel,.recent-panel,.action-card,.experiment-card,.archive-card,.topic-card) :is(button,.button,.primary-button){border-radius:var(--follo-radius)}
html[data-follo-theme] .app .topbar{background:var(--follo-bg)!important;color:var(--follo-text)!important;border-color:var(--follo-outline)!important}
html[data-follo-theme] .app .topbar :is(span,strong){color:var(--follo-text)!important}
html[data-follo-theme] .app main .hero{background:linear-gradient(120deg,var(--follo-card-surface),var(--follo-bg))!important}
html[data-follo-theme] .app main :is(.section-head,.section-head h2,.section-head p){color:var(--follo-text)!important}