.fgf-app{--fgf-navy:#12263a;--fgf-blue:#276ef1;--fgf-mint:#eaf8f4;--fgf-line:#dce4ec;--fgf-muted:#627184;color:#17212b;font-family:inherit;max-width:980px;margin:24px auto}.fgf-app *{box-sizing:border-box}.fgf-hero{background:linear-gradient(135deg,#11283e,#1d4961);color:#fff;border-radius:20px;padding:34px 38px;box-shadow:0 18px 40px rgba(20,43,62,.16)}.fgf-hero h2{color:#fff;font-size:clamp(25px,4vw,38px);margin:5px 0}.fgf-hero p{margin:0;opacity:.88;font-size:17px}.fgf-kicker{color:#42d6af;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.fgf-setup,.fgf-training,.fgf-brief,.fgf-empty{background:#fff;border:1px solid var(--fgf-line);border-radius:18px;padding:28px;margin-top:22px;box-shadow:0 8px 30px rgba(25,53,77,.07)}.fgf-setup>label,.fgf-setup #fgf-count-wrap>label{display:block;font-weight:750;margin:0 0 8px}.fgf-setup select,.fgf-setup input[type=number]{border:1px solid #b7c4d0;border-radius:10px;min-height:46px;padding:9px 12px;width:100%;font:inherit}.fgf-setup select:focus,.fgf-setup input:focus{border-color:var(--fgf-blue);box-shadow:0 0 0 3px rgba(39,110,241,.12);outline:none}.fgf-label-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.fgf-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fgf-sections label{align-items:center;border:1px solid var(--fgf-line);border-radius:10px;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:9px;padding:10px 12px}.fgf-sections label:has(input:checked){background:#f1f6ff;border-color:#94b5f8}.fgf-sections small{background:#e8edf2;border-radius:12px;min-width:27px;padding:2px 7px;text-align:center}.fgf-setup #fgf-count-wrap{margin-top:22px}.fgf-count-wrap small,#fgf-count-hint{color:var(--fgf-muted);display:block;margin-top:6px}.fgf-primary,.fgf-controls button,.fgf-view-switch button{border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:750;padding:12px 18px}.fgf-primary{background:var(--fgf-blue);color:#fff}.fgf-setup>.fgf-primary{margin-top:22px;width:100%}.fgf-primary:disabled{cursor:not-allowed;opacity:.5}.fgf-text-button{background:none;border:0;color:var(--fgf-blue);cursor:pointer;font:inherit;padding:4px}.fgf-error{color:#a32222;margin-top:10px}.fgf-progress-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;color:var(--fgf-muted);font-weight:650;margin-bottom:20px}.fgf-progress{background:#e9eef3;border-radius:10px;height:8px;overflow:hidden}.fgf-progress i{background:linear-gradient(90deg,#276ef1,#42d6af);display:block;height:100%;transition:width .25s}.fgf-card{height:420px;perspective:1200px;cursor:pointer;outline:none}.fgf-card:focus-visible{box-shadow:0 0 0 4px rgba(39,110,241,.25);border-radius:18px}.fgf-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.fgf-card.is-flipped .fgf-card-inner{transform:rotateY(180deg)}.fgf-card-face{align-items:center;backface-visibility:hidden;border:1px solid var(--fgf-line);border-radius:18px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;position:absolute;text-align:center;width:100%;box-shadow:0 16px 40px rgba(18,38,58,.1)}.fgf-card-face>span{background:#edf3ff;border-radius:20px;color:#275aad;font-size:13px;font-weight:700;left:24px;max-width:calc(100% - 48px);padding:6px 12px;position:absolute;top:22px}.fgf-card-face>small{color:var(--fgf-muted);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.fgf-card-face>div{font-size:clamp(19px,2.6vw,27px);font-weight:650;line-height:1.45;margin:16px auto;max-width:800px}.fgf-card-face>em{bottom:20px;color:#84919e;font-size:13px;font-style:normal;position:absolute}.fgf-card-face.fgf-back{background:linear-gradient(145deg,#effbf7,#fff);transform:rotateY(180deg)}.fgf-card-face.fgf-back>div{font-size:clamp(17px,2.2vw,22px);font-weight:500}.fgf-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px;margin-top:16px}.fgf-controls button:not(.fgf-primary){background:#eef2f5;color:#253849}.fgf-controls button:disabled{opacity:.4}.fgf-training>.fgf-text-button{display:block;margin:14px auto 0}.fgf-brief-head{align-items:center;display:flex;justify-content:space-between;gap:18px;margin-bottom:20px}.fgf-brief-head h3{font-size:25px;margin:3px 0}.fgf-view-switch{background:#edf1f4;border-radius:12px;display:flex;padding:4px}.fgf-view-switch button{background:transparent;color:#506172;padding:8px 12px}.fgf-view-switch button.is-active{background:#fff;color:#153049;box-shadow:0 2px 7px rgba(0,0,0,.1)}.fgf-letter-page{background:#fff;border:1px solid #dce2e7;margin:0 auto 22px;max-width:760px;min-height:640px;padding:52px clamp(25px,7vw,68px);position:relative;box-shadow:0 5px 18px rgba(0,0,0,.07)}.fgf-letter-page p,.fgf-letter-page strong{display:block;line-height:1.55;margin:0 0 10px;overflow-wrap:anywhere}.fgf-letter-page strong{font-weight:800;margin-top:18px}.fgf-page-number{color:#8a96a0;position:absolute;right:22px;top:18px}.fgf-brief iframe{border:1px solid var(--fgf-line);height:780px;width:100%}[hidden]{display:none!important}@media(max-width:700px){.fgf-app{margin:12px auto}.fgf-hero{border-radius:15px;padding:26px 22px}.fgf-setup,.fgf-training,.fgf-brief{border-radius:14px;padding:18px}.fgf-sections{grid-template-columns:1fr}.fgf-card{height:470px}.fgf-card-face{padding:55px 22px 42px}.fgf-controls{grid-template-columns:1fr 1fr}.fgf-controls #fgf-flip{grid-column:1/-1;grid-row:1}.fgf-brief-head{align-items:flex-start;flex-direction:column}.fgf-letter-page{border-width:1px 0;min-height:0;padding:48px 18px 28px}.fgf-brief iframe{height:70vh}}