/* Base tokens */
.fcc{--bg:#ffffff;--fg:#0b1220;--muted:#556275;--line:#e8edf3;--tile:#f9fbfd;--accent:#3b82f6;--focus:#38bdf8}
.fcc{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;max-width:780px;margin:14px auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--fg);box-shadow:0 4px 18px rgba(2,6,23,.04)}
.fcc .fcc-title{font-size:26px;margin:0 0 6px;font-weight:800;letter-spacing:-.01em;color:#0a0f1a}
.fcc .fcc-sub{font-size:13px;color:var(--muted);margin-bottom:10px}
.fcc .grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:720px){.fcc .grid{grid-template-columns:1fr 1fr}}
.fcc label{display:block;font-size:13px;color:#5d6b80;margin-bottom:6px;font-weight:700;letter-spacing:.01em}
.fcc input,.fcc select,.fcc button{width:100%;box-sizing:border-box}
.fcc input,.fcc select{padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:var(--bg);color:var(--fg);height:44px;outline:none;transition:border-color .15s, box-shadow .15s}
.fcc input::placeholder{color:#7a889a;opacity:.95}
.fcc input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.18)}
.fcc .row{display:flex;gap:10px;align-items:center;justify-content:space-between}
/* Segmented control */
.fcc .seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f3f6fb}
.fcc .seg-btn{padding:8px 12px;border:0;background:transparent;color:#627186;font-weight:800;letter-spacing:.02em;cursor:pointer;min-width:84px}
.fcc .seg-btn[aria-pressed="true"]{background:#e7f0ff;color:#15407c;border-left:1px solid #d9e7ff;border-right:1px solid #d9e7ff}
.fcc .seg-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
/* Tiles */
.fcc .tile{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--tile)}
.fcc .tile .t{font-size:12px;color:#6a768a;font-weight:700}
.fcc .tile .v{margin-top:4px;font-weight:900;font-size:18px;letter-spacing:-.01em;color:#0a0f1a}
.fcc .tile.emphasis{background:linear-gradient(180deg,#f9fbfd,#ffffff);border-width:2px}
.fcc .tile .big{font-size:22px}
.fcc .section{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.fcc .switch{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#f3f6fb}
.fcc .muted{font-size:12px;color:#667489}
/* Themes */
.fcc.fcc-pro{--bg:#ffffff;--fg:#0f172a;--muted:#475569;--line:#e2e8f0;--tile:#f8fafc;--accent:#2563eb;--focus:#38bdf8}
.fcc.fcc-mono{--bg:#ffffff;--fg:#111827;--muted:#6b7280;--line:#e5e7eb;--tile:#fbfbfb;--accent:#111827;--focus:#111827}
/* Reduce input spinner on WebKit */
.fcc input[type=number]::-webkit-outer-spin-button,
.fcc input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }