/* 한 표 살롱: 한 번에 할 일 하나, 자세한 설명은 펼쳐 보기. */
#rpg-app #modal.vote-mode {position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:100vw;height:100dvh;padding:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#07101c88!important;backdrop-filter:none!important}
#rpg-app:has(#modal.vote-mode) {min-width:0;max-width:100vw;overflow:hidden}
#rpg-app .fv-shell {box-sizing:border-box;width:min(850px,100%);min-width:0;max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;background:#1b2637;border:1px solid #b99b67;border-radius:18px;box-shadow:0 20px 70px #03081588;color:#f8f2e7;font:400 18px/1.75 'Noto Sans KR',sans-serif;text-shadow:none;scrollbar-width:thin;scrollbar-color:#aab4c5 #1b2637}
#rpg-app .fv-shell * {box-sizing:border-box;min-width:0}
#rpg-app .fv-shell :is(button,input,select,a) {font:inherit;text-shadow:none;letter-spacing:normal}
#rpg-app .fv-shell button {min-height:48px;padding:9px 15px;border:1px solid #687b95;border-radius:10px;background:#303f55;color:#fff4df;line-height:1.5;cursor:pointer;word-break:keep-all}
#rpg-app .fv-shell button:hover {background:#40516c;border-color:#e0be79}
#rpg-app .fv-shell button:disabled {cursor:default;opacity:.55}
#rpg-app .fv-shell :is(button,a,input,select,summary):focus-visible {outline:3px solid #ffdf8b;outline-offset:3px}
#rpg-app .fv-shell .fv-primary {display:inline-block;min-height:52px;padding:12px 20px;border:1px solid #ffdc8e;border-radius:11px;background:#edcc8a;color:#233249;font-weight:800;text-decoration:none;text-align:center;line-height:1.5}
#rpg-app .fv-shell .fv-primary:hover {background:#ffe2a6;color:#182332}
#rpg-app .fv-header {position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 26px;background:#1b2637;border-bottom:1px solid #48566c}
#rpg-app .fv-header>div:last-child {display:flex;gap:7px;flex-shrink:0}
#rpg-app .fv-header span {font:700 10px/1.4 'Outfit',sans-serif;letter-spacing:.12em;color:#e4c58b}
#rpg-app .fv-header h2 {font-size:23px;line-height:1.5;color:#fff1d0;margin:2px 0 0}
#rpg-app .fv-header button {font-size:14px;padding:7px 11px}
#rpg-app .fv-header [data-close] {width:44px;padding:6px}
#rpg-app .fv-home,#rpg-app .fv-overview {max-width:690px;margin:0 auto;padding:25px 30px 30px}
#rpg-app .fv-home-title {margin-bottom:20px}
#rpg-app .fv-home-title h3 {font-size:25px;color:#fff1d0;margin:0 0 6px;line-height:1.5}
#rpg-app .fv-home-title p {font-size:17px;color:#d5deeb;margin:0}
#rpg-app .fv-route-list {display:grid;gap:12px}
#rpg-app .fv-shell .fv-route {display:flex;align-items:center;gap:15px;text-align:left;padding:17px;background:#26364c;border-color:#576b85}
#rpg-app .fv-route>span {width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background:var(--route);color:#23324a;border-radius:13px;font:bold 23px/1 'Outfit',sans-serif}
#rpg-app .fv-route>div {flex:1}
#rpg-app .fv-route b {display:block;font-size:20px;color:#fff0d6}
#rpg-app .fv-route small {display:block;font-size:15px;color:#d0dce9;margin-top:4px;font-weight:400;line-height:1.6}
#rpg-app .fv-route i {font-style:normal;color:#ebcf95;font-size:17px;white-space:nowrap}
#rpg-app .fv-shell [data-home],#rpg-app .fv-shell .fv-text-button {border:0;background:transparent;padding:5px 0;color:#e6d0a4;font-size:15px;text-align:left;text-decoration:underline;text-underline-offset:5px}
#rpg-app .fv-overview-title {margin:14px 0}
#rpg-app .fv-overview-title>span {font-size:14px;color:#dbbf8c}
#rpg-app .fv-overview-title h3 {margin:4px 0;font-size:28px;line-height:1.5;color:#fff1d2;word-break:keep-all}
#rpg-app .fv-lead {font-size:21px;color:#f9f1e4;line-height:1.8;margin:17px 0;word-break:keep-all}
#rpg-app .fv-plain-note,#rpg-app .fv-cost-note {font-size:16px;color:#cdd8e6;line-height:1.8}
#rpg-app .fv-when {display:flex;flex-wrap:wrap;gap:5px 14px;font-size:15px;color:#d9e2ed;margin:12px 0}
#rpg-app .fv-when b {color:#f1ce89}
#rpg-app .fv-cost-line {display:flex;align-items:baseline;gap:14px;margin:20px 0 6px;padding:15px 0;border-block:1px solid #4d5d73}
#rpg-app .fv-cost-line>span {font-size:15px;color:#cbd7e6;white-space:nowrap}
#rpg-app .fv-cost-line strong {font-size:23px;color:#ffe2a5;line-height:1.6;word-break:keep-all}
#rpg-app .fv-term-intro {font-size:17px;color:#dae5ef;line-height:1.9;margin:10px 0}
#rpg-app .fv-term-intro b {color:#fff2d8}
#rpg-app .fv-start {display:grid;margin:22px 0 16px}
#rpg-app .fv-start .fv-primary {width:100%}
#rpg-app .fv-shell summary {min-height:44px;padding:7px 0;cursor:pointer;line-height:1.8;color:#e8d2a5;font-size:16px;font-weight:700;word-break:keep-all}
#rpg-app .fv-shell details p {margin:8px 0 12px;color:#e1e8f0;font-size:17px;line-height:1.9;word-break:keep-all}
#rpg-app .fv-more {border-top:1px solid #47596e;padding:6px 0}
#rpg-app .fv-terms {margin:6px 0 12px}
#rpg-app .fv-terms details {padding:3px 14px;border-left:2px solid #b39a70;background:#253449}
#rpg-app .fv-terms details+details {margin-top:6px}
#rpg-app .fv-terms summary {font-size:16px;font-weight:400}
#rpg-app .fv-shell .fv-link {display:inline-block;min-height:44px;padding:9px 12px;margin:4px 6px 4px 0;border:1px solid #6c819b;border-radius:8px;text-decoration:underline;text-underline-offset:4px;color:#ffe0a1!important;font-size:16px;overflow-wrap:anywhere}
#rpg-app .fv-site-address a {color:#ffe0a1;overflow-wrap:anywhere}
#rpg-app .fv-live-check {margin:20px 0;padding:18px;background:#25374a;border:1px solid #77899e;border-radius:12px}
#rpg-app .fv-live-check h4 {font-size:20px;color:#fff1d2;margin:0 0 14px;line-height:1.7}
#rpg-app .fv-live-check label {display:flex;gap:10px;align-items:flex-start;font-size:18px;color:#f1f3ec;margin:18px 0;cursor:pointer}
#rpg-app .fv-live-check input,#rpg-app .fv-phone input[type=checkbox],#rpg-app .fv-done-check input {width:23px;height:23px;flex-shrink:0;accent-color:#548873}
#rpg-app .fv-live-check p {font-size:15px;color:#d0dce7}
#rpg-app .fv-live-check .fv-primary {width:100%}
#rpg-app .fv-choice {display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}
#rpg-app .fv-shell .fv-choice button {flex:1;font-size:16px}
#rpg-app .fv-shell .fv-choice [aria-pressed=true] {background:#e9ca90;color:#23334a;border-color:#f7dda7;font-weight:800}
#rpg-app .fv-agenda {margin:12px 0;padding:13px;background:#26374c;border-radius:10px}
#rpg-app .fv-agenda>div {display:flex;gap:10px 16px;flex-wrap:wrap}
#rpg-app .fv-agenda strong {font-size:20px;color:#ffe0a0}
#rpg-app .fv-agenda b {font-size:17px;color:#f7eddd}
#rpg-app .fv-agenda p {font-size:16px!important}
#rpg-app .fv-agenda small {display:block;font-size:15px;color:#d4dfeb}
#rpg-app .fv-topline {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 25px 9px}
#rpg-app .fv-topline button {font-size:14px}
#rpg-app .fv-topline b {font-size:16px;color:#fff0d1}
#rpg-app .fv-topline>span {margin-left:auto;font-size:14px;color:#d2dceb}
#rpg-app .fv-lesson-clock {padding:0 25px 10px;display:flex;gap:8px 14px;flex-wrap:wrap;font-size:13px;color:#dbc797}
#rpg-app .fv-progress {height:3px;margin:0 25px;background:#44546a}
#rpg-app .fv-progress i {display:block;height:100%;background:#edc67e}
#rpg-app .fv-body {padding:22px 30px 28px;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(280px,1fr);gap:25px}
#rpg-app .fv-body.fv-guided {display:block;max-width:710px;margin:0 auto}
#rpg-app .fv-coach {display:grid;align-content:start;gap:14px}
#rpg-app .fv-coach-name {font-size:14px;color:#e2c48f}
#rpg-app .fv-coach h3 {margin:0;color:#fff1d5;font-size:26px;line-height:1.6;word-break:keep-all}
#rpg-app .fv-step-detail {display:grid;gap:12px}
#rpg-app .fv-location {font-size:16px;color:#d1dbea;margin:0;line-height:1.8}
#rpg-app .fv-coach .fv-say {font-size:22px;color:#fff7eb;line-height:1.9;margin:0;word-break:keep-all}
#rpg-app .fv-result {font-size:17px;color:#c9e2d4;line-height:1.8;margin:0;word-break:keep-all}
#rpg-app .fv-notice {margin:0;font-size:17px;color:#ffdfa3;line-height:1.8}
#rpg-app .fv-notice:empty {display:none}
#rpg-app .fv-instruction {margin:0;color:#e3cea7;font-size:16px}
#rpg-app .fv-step-nav {display:flex;gap:10px;justify-content:space-between;position:sticky;bottom:0;z-index:2;padding:10px 0;background:#1b2637}
#rpg-app .fv-step-nav .fv-primary {flex:1;margin-left:15px}
#rpg-app .fv-shell .fv-help-toggle {justify-self:start;border:0;background:transparent;color:#dcc69e;font-size:15px;padding:5px 0;text-decoration:underline;text-underline-offset:4px}
#rpg-app .fv-auth {padding:17px;border:1px solid #5c7088;border-radius:12px;background:#243449}
#rpg-app .fv-auth h4 {font-size:19px;color:#fff0ce;margin:0 0 12px}
#rpg-app .fv-auth ol {padding-left:25px;font-size:17px;color:#e5edf5;line-height:1.9;margin:10px 0}
#rpg-app .fv-auth li {margin:10px 0;padding-left:4px;word-break:keep-all}
#rpg-app .fv-auth>small {display:block;font-size:14px;color:#cedce9;line-height:1.8}
#rpg-app .fv-phone-wrap {display:grid;gap:10px;justify-items:center;align-content:start}
#rpg-app .fv-example {font-size:14px;color:#dec493}
#rpg-app .fv-phone-wrap>p {font-size:13px;color:#c5d4e5;text-align:center;margin:0;line-height:1.8}
#rpg-app .fv-phone {width:min(100%,310px);position:relative;min-height:330px;padding:36px 18px 20px;background:#fbf7ef;color:#263c50;border:4px solid #aa9db8;border-radius:26px;display:grid;align-content:center}
#rpg-app .fv-phone-notch {position:absolute;top:9px;left:38%;width:24%;height:7px;background:#4f4b61;border-radius:20px}
#rpg-app .fv-phone :is(h3,strong,b,p,label,small) {color:inherit}
#rpg-app .fv-phone h3 {font-size:21px;line-height:1.7;margin:4px 0 15px}
#rpg-app .fv-phone p {font-size:16px;line-height:1.8;margin:12px 0}
#rpg-app .fv-phone small {display:block;font-size:14px;line-height:1.7;color:#4d6070}
#rpg-app .fv-phone button {width:100%;background:#edf0f5;color:#263b50;border:2px solid #7e8ca4;font-size:18px;min-height:55px}
#rpg-app .fv-phone button:hover {background:#e1e7f0;border-color:#6d7591}
#rpg-app .fv-phone button.selected {background:#e2efe5;border-color:#417458;color:#234d3c}
#rpg-app .fv-phone .fv-check {display:block;font-size:14px;font-weight:700;color:#24563d}
#rpg-app .fv-phone input:not([type=checkbox]),#rpg-app .fv-phone select {width:100%;min-height:54px;background:white;color:#203548;border:2px solid #71829a;border-radius:9px;padding:10px;font-size:20px}
#rpg-app .fv-phone input::placeholder {font-size:16px;color:#657183;opacity:1}
#rpg-app .fv-phone .fv-link {color:#234f76!important;background:#e6edf5;border-color:#6d8ca4}
#rpg-app .fv-app-grid {text-align:center}
#rpg-app .fv-app-grid button {display:grid;gap:10px;justify-items:center;padding:20px}
#rpg-app .fv-app-icon {width:72px;height:72px;display:grid;place-items:center;background:#80569e;color:#fff;border-radius:20px;font-size:29px;font-weight:900}
#rpg-app .fv-app-icon.mint {background:#286e67}
#rpg-app .fv-event-demo button {padding:20px 10px}
#rpg-app .fv-event-demo button strong {display:block;font-size:29px;line-height:1.3;margin:12px 0}
#rpg-app .fv-candidates {display:grid;gap:10px}
#rpg-app .fv-candidates button {display:grid;gap:5px;justify-items:center}
#rpg-app .fv-avatar {width:44px;height:44px;display:grid;place-items:center;background:#d7b6e8;color:#38234c;border-radius:50%;font-weight:900}
#rpg-app .fv-key-example,#rpg-app .fv-message-hint,#rpg-app .fv-sms-bubble {padding:13px;background:#dcebdd;border-radius:12px;font-size:24px;font-weight:800;text-align:center;margin:12px 0}
#rpg-app .fv-sms-demo label,#rpg-app .fv-sms-real>label {display:block;font-size:16px;margin:10px 0}
#rpg-app .fv-sms-real strong {display:block;font-size:28px;font-family:'Outfit','Noto Sans KR',sans-serif}
#rpg-app .fv-sms-real fieldset {padding:10px;border:1px solid #75869b;border-radius:9px;margin:12px 0}
#rpg-app .fv-sms-real legend {font-size:15px;font-weight:800}
#rpg-app .fv-sms-real fieldset label {display:flex;align-items:flex-start;gap:9px;font-size:15px;margin:12px 0;cursor:pointer}
#rpg-app .fv-phone [data-copy] {font-size:15px;min-height:44px;margin:8px 0}
#rpg-app .fv-phone-done {text-align:center}
#rpg-app .fv-phone-done>span {font-size:50px;color:#977133}
#rpg-app .fv-success {font-size:22px;color:#c5e6d3;font-weight:800}
#rpg-app .fv-done-check {display:flex;gap:10px;align-items:flex-start;font-size:19px;color:#f2ecdf;cursor:pointer}
#rpg-app .fv-coach>small {font-size:14px;color:#d0daea}
#rpg-app .fv-help {margin:0 25px 22px;padding:18px;background:#25374b;border:1px solid #697e95;border-radius:12px}
#rpg-app .fv-help h3 {font-size:22px;color:#fff0cf;margin:0 0 12px}
#rpg-app .fv-help details {border-bottom:1px solid #576a81;padding:5px 0}
#rpg-app .fv-footer {padding:13px 25px;border-top:1px solid #45546b;display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;font-size:13px;color:#cbd8e7}
#rpg-app .fv-footer button {font-size:14px;min-height:44px;padding:6px 12px}
#rpg-app .fv-footer details {flex:1;min-width:0}
#rpg-app .fv-footer summary {font-size:13px;font-weight:400}
#rpg-app .fv-footer>span {display:none}
#rpg-app .fv-reference figure {margin:8px 0}
#rpg-app .fv-reference img {display:block;width:min(100%,250px);height:auto;border-radius:10px;margin:0 auto}
#rpg-app .fv-reference figcaption {font-size:14px;color:#d1ddea;line-height:1.8;margin-top:12px}
#rpg-app .fv-shell.large :is(.fv-lead,.fv-say,.fv-auth li,.fv-term-intro,.fv-live-check label,.fv-result,.fv-more p,.fv-terms p) {font-size:24px}
@media(max-width:650px){
 #rpg-app #modal.vote-mode {padding:8px}
 #rpg-app .fv-shell {max-height:calc(100dvh - 16px);border-radius:13px}
 #rpg-app .fv-header {padding:12px 16px;flex-wrap:wrap}
 #rpg-app .fv-header h2 {font-size:22px}
 #rpg-app .fv-header span {font-size:9px}
 #rpg-app .fv-header button {font-size:13px}
 #rpg-app .fv-home,#rpg-app .fv-overview {padding:18px 20px 24px}
 #rpg-app .fv-overview-title h3 {font-size:25px}
 #rpg-app .fv-route {gap:12px!important;padding:14px!important}
 #rpg-app .fv-route b {font-size:18px}
 #rpg-app .fv-route small {font-size:14px}
 #rpg-app .fv-lead {font-size:20px}
 #rpg-app .fv-cost-line {gap:10px}
 #rpg-app .fv-cost-line strong {font-size:21px}
 #rpg-app .fv-topline {padding:12px 18px 8px;gap:9px}
 #rpg-app .fv-topline>span {font-size:13px}
 #rpg-app .fv-lesson-clock {padding:0 18px 8px;font-size:12px}
 #rpg-app .fv-progress {margin:0 18px}
 #rpg-app .fv-body {display:flex;flex-direction:column-reverse;padding:20px;gap:20px}
 #rpg-app .fv-body.fv-guided {display:block}
 #rpg-app .fv-coach .fv-say {font-size:21px}
 #rpg-app .fv-coach h3 {font-size:24px}
 #rpg-app .fv-step-nav {bottom:0;padding:9px 0}
 #rpg-app .fv-auth {padding:14px}
 #rpg-app .fv-auth .fv-choice button {font-size:14px;padding:8px 10px}
 #rpg-app .fv-help {margin:0 18px 18px;padding:16px}
 #rpg-app .fv-footer {padding:12px 18px}
}
@media(max-width:650px){
 #rpg-app .fv-demonstration {display:grid;grid-template-columns:1fr}
 #rpg-app .fv-demonstration .fv-coach {display:contents}
 #rpg-app .fv-demonstration .fv-coach-name {grid-row:1}
 #rpg-app .fv-demonstration h3[data-step-title] {grid-row:2}
 #rpg-app .fv-demonstration .fv-step-detail {grid-row:3}
 #rpg-app .fv-demonstration .fv-terms {grid-row:4}
 #rpg-app .fv-demonstration .fv-phone-wrap {grid-row:5}
 #rpg-app .fv-demonstration .fv-step-help {grid-row:6}
 #rpg-app .fv-demonstration .fv-instruction {grid-row:7}
 #rpg-app .fv-demonstration .fv-notice {grid-row:8}
 #rpg-app .fv-demonstration .fv-step-nav {grid-row:9}
 #rpg-app .fv-shell:has(.fv-success) .fv-phone-wrap,#rpg-app .fv-shell:has([data-confirm]) .fv-phone-wrap {display:none}
}
#rpg-app .fv-overview>.fv-start {position:sticky;bottom:0;z-index:3;background:#1b2637;padding:10px 0}
/* 낮은 창에서도 비용과 쉬운 용어 설명이 먼저 보이게 한다. */
#rpg-app .fv-overview {padding-top:14px}
#rpg-app .fv-overview-title {margin:6px 0 10px}
#rpg-app .fv-overview-title>span {display:none}
#rpg-app .fv-overview-title h3 {font-size:26px;line-height:1.5;margin:0}
#rpg-app .fv-overview .fv-lead {margin:12px 0;line-height:1.7}
#rpg-app .fv-when {margin:8px 0}
#rpg-app .fv-cost-line {margin-top:12px;padding:10px 0}
#rpg-app .fv-overview>.fv-choice {margin:12px 0}
#rpg-app .fv-overview>.fv-start {margin-top:16px}

/* ===== 2026-10-17 그림으로 따라 하기: 전체 순서 칩 · 휴대폰 장면 · 반짝이는 누를 곳 · 손가락 ===== */
#rpg-app .fv-journey {list-style:none;display:flex;gap:6px;margin:4px 25px 2px;padding:0;overflow-x:auto;scrollbar-width:none}
#rpg-app .fv-journey li {flex:1 0 auto;position:relative}
#rpg-app .fv-journey li+li::before {content:"";position:absolute;left:-6px;top:50%;width:6px;height:2px;background:#4e5f77}
#rpg-app .fv-shell .fv-journey button {display:flex;align-items:center;gap:7px;width:100%;min-height:40px;padding:5px 11px 5px 6px;border-radius:999px;border:1px solid #4e5f77;background:#223047;color:#b9c6d6;font-size:13.5px;white-space:nowrap}
#rpg-app .fv-journey i {display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#2f3f57;font-style:normal;font-size:14px}
#rpg-app .fv-journey li.now button {border-color:#edcc8a;background:#3a3a3c;color:#fff1d0;box-shadow:0 0 0 3px #edcc8a33}
#rpg-app .fv-journey li.now i {background:#edcc8a;color:#233249}
#rpg-app .fv-journey li.done button {color:#cfe8da;border-color:#4f7d68}
#rpg-app .fv-journey li.done i {background:#4f8a6d;color:#fff}

#rpg-app .fv-body.fv-story {grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
#rpg-app .fv-phone-wrap.story {position:sticky;top:96px}
#rpg-app .fv-shell .fv-phone.story {width:262px;min-height:0;padding:28px 9px 12px;background:linear-gradient(160deg,#2c2f3a,#14161d);border:2px solid #5d6273;border-radius:40px;box-shadow:0 24px 50px #0008,inset 0 0 0 2px #0006;display:block;color:#1f2735}
#rpg-app .fv-phone.story .fv-phone-notch {top:11px;left:37%;width:26%;height:9px;background:#05070b}
#rpg-app .fvs-frame {position:relative;height:clamp(300px,calc(100dvh - 430px),480px);overflow:hidden;border-radius:30px;background:#f7f8fb;font:400 13px/1.45 'Noto Sans KR',sans-serif;color:#1f2735}
#rpg-app .fvs-frame.in>* {animation:fvs-in .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes fvs-in {from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
#rpg-app .fvs-frame :is(b,small,span,p,i,em,strong) {color:inherit;font-style:normal}
#rpg-app .fvs-frame p {margin:0}
#rpg-app .fvs-frame>div {position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;padding:30px 12px 12px}
#rpg-app .fvs-status {position:absolute;top:8px;left:18px;right:18px;display:flex;justify-content:space-between;font:700 11px 'Outfit',sans-serif;color:#2a3242}
#rpg-app .fvs-status i {width:22px;height:9px;border-radius:3px;border:1.5px solid currentColor}
/* 누를 곳: 금빛 테두리 + 퍼지는 물결 · 손가락 */
#rpg-app .fvs-hot {position:relative;z-index:1;outline:3px solid #f2b631!important;outline-offset:2px;border-radius:12px;animation:fvs-pulse 1.6s ease-out infinite;cursor:pointer}
@keyframes fvs-pulse {0%{box-shadow:0 0 0 0 #f2b631aa}70%{box-shadow:0 0 0 14px #f2b63100}100%{box-shadow:0 0 0 0 #f2b63100}}
#rpg-app .fvs-finger {position:absolute;z-index:5;width:46px;height:46px;margin:-6px 0 0 -14px;pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M24 8a5 5 0 0 1 10 0v20l12 3c4 1 7 5 6 9l-3 14c-1 5-5 8-10 8H28c-4 0-7-2-9-5L9 41c-2-3 1-7 5-5l10 6V8z' fill='%23fff7e6' stroke='%23263040' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 4px 6px #0007);animation:fvs-tap 1.6s ease-in-out infinite}
#rpg-app .fvs-finger[hidden] {display:none}
@keyframes fvs-tap {0%,100%{transform:translate(8px,10px) scale(1)}45%{transform:translate(0,0) scale(.92)}55%{transform:translate(0,0) scale(.88)}}
#rpg-app .fvs-type {display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:fvs-type 1.7s steps(var(--n)) .35s forwards}
@keyframes fvs-type {to{max-width:12em}}
#rpg-app .fvs-caret {display:inline-block;width:2px;height:1.1em;margin-left:1px;vertical-align:-2px;background:#2d6ae0;animation:fvs-blink 1s steps(2) infinite}
@keyframes fvs-blink {50%{opacity:0}}
#rpg-app .fvs-dots {display:flex;gap:7px;justify-content:center}
#rpg-app .fv-shell .fvs-dots button {width:12px;height:12px;min-height:0;padding:0;border-radius:50%;border:0;background:#58687f}
#rpg-app .fv-shell .fvs-dots button.done {background:#8ab7a0}
#rpg-app .fv-shell .fvs-dots button.now {width:30px;border-radius:8px;background:#edcc8a}
#rpg-app .fvs-ctrl {display:grid;justify-items:center;gap:2px}
#rpg-app .fv-shell .fvs-ctrl button {min-height:36px;padding:4px 14px;font-size:13px;border-radius:999px}
#rpg-app .fvs-ctrl small,#rpg-app .fvs-one {font-size:12.5px;color:#b9c8da;text-align:center}
/* 오른쪽: 짧은 할 일 목록 · 팁 · 성공 모습 */
#rpg-app .fvs-micro {list-style:none;margin:0;padding:0;display:grid;gap:6px}
#rpg-app .fvs-micro li {display:flex;gap:11px;align-items:center;padding:10px 13px;border-radius:12px;background:#223047;border:1px solid #3a4a62;color:#c5d1df;font-size:17px;line-height:1.55;cursor:pointer;transition:background .2s,border-color .2s}
#rpg-app .fvs-micro li b {display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#33445e;color:#e7d3a8;font:800 14px 'Outfit',sans-serif}
#rpg-app .fvs-micro li.now {background:#36382f;border-color:#edcc8a;color:#fff6e3;box-shadow:0 6px 18px #0004}
#rpg-app .fvs-micro li.now b {background:#edcc8a;color:#233249}
#rpg-app .fvs-micro li.done {color:#a9cdb9}
#rpg-app .fvs-micro li.done b {background:#3f7a5d;color:#fff}
#rpg-app .fvs-tip {margin:0;font-size:16px;color:#ffe2a6;line-height:1.7}
#rpg-app .fvs-tip[hidden] {display:none}
#rpg-app .fvs-success {margin:0;padding:12px 14px;border-radius:12px;background:#1f3a33;border:1px solid #4f8a6d;color:#d9f1e3;font-size:16px;line-height:1.7}
#rpg-app .fvs-success b {display:block;font-size:13px;color:#9fe0bf;margin-bottom:2px}
#rpg-app .fv-device-pick {margin:4px 0}
#rpg-app .fv-qr {display:flex;gap:16px;align-items:center;padding:14px;border-radius:14px;background:#f7f2e7;color:#233249}
#rpg-app .fv-qr-code {width:132px;flex:none;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #d8cdb4}
#rpg-app .fv-qr-code svg {display:block;width:100%;height:auto}
#rpg-app .fv-qr b {font-size:17px;color:#233249}
#rpg-app .fv-qr p {margin:4px 0;font-size:15px;line-height:1.7;color:#33445e}
#rpg-app .fv-qr small {font-size:12.5px;color:#6a7484}
#rpg-app .fv-copyrow {display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:#243449;border:1px solid #5c7088}
#rpg-app .fv-copyrow strong {font:800 26px 'Outfit','Noto Sans KR',sans-serif;color:#fff1d0;letter-spacing:.04em}
#rpg-app .fv-story-note {display:block;font-size:14px;color:#c4d1e0;line-height:1.7}
#rpg-app .fv-auth-pick {display:grid;gap:4px}
#rpg-app .fv-auth-pick small {font-size:14px;color:#c4d1e0;line-height:1.7}
#rpg-app .fv-shell .fv-nudge {animation:fv-nudge .5s ease-in-out 3}
@keyframes fv-nudge {50%{transform:scale(1.04);box-shadow:0 0 0 6px #edcc8a55}}

/* 비용·일정 화면의 미리 보기 */
#rpg-app .fv-preview {display:flex;gap:18px;align-items:center;margin:16px 0 4px;padding:14px;border-radius:16px;background:#223047;border:1px solid #3d4e67}
#rpg-app .fv-shell .fv-phone.story.mini {width:170px;flex:none;padding:18px 6px 8px;border-radius:28px}
#rpg-app .fv-phone.story.mini .fv-phone-notch {top:7px;height:6px}
#rpg-app .fv-phone.story.mini .fvs-frame {height:300px;border-radius:22px;zoom:.62}
#rpg-app .fv-phone.story.mini .fvs-frame {height:480px}
#rpg-app .fv-preview>div:last-child {display:grid;gap:8px}
#rpg-app .fv-preview>div:last-child>b {font-size:17px;color:#fff1d2}
#rpg-app .fvs-micro.preview li {padding:6px 10px;font-size:15px}
#rpg-app .fvs-micro.preview li b {background:transparent;font-size:16px;width:24px}
#rpg-app .fv-preview small {font-size:13px;color:#b9c8da;line-height:1.6}

/* 첫 화면: 오늘의 응원 도장 · 경로 칩 */
#rpg-app .fv-stamps {display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:10px 14px;border-radius:14px;background:#223047;border:1px dashed #6a7c95}
#rpg-app .fv-stamps>span {margin-right:auto;font-size:15px;color:#d5deeb}
#rpg-app .fv-stamps>span b {color:#ffe2a5}
#rpg-app .fv-stamps i {display:grid;justify-items:center;gap:1px;font-style:normal}
#rpg-app .fv-stamps em {display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px dashed #66788f;color:#66788f;font:800 15px 'Outfit',sans-serif;font-style:normal}
#rpg-app .fv-stamps i.on em {border:2px solid #ffd27a;background:radial-gradient(circle,#ffe6a6,#e9b45a);color:#5a3a12;transform:rotate(-8deg);box-shadow:0 0 14px #ffd27a66}
#rpg-app .fv-stamps small {font-size:11.5px;color:#b9c6d6}
#rpg-app .fv-chips {display:flex;gap:6px;flex-wrap:wrap;margin-top:7px;font-style:normal}
#rpg-app .fv-chips span {padding:1px 9px;border-radius:999px;background:#33445e;color:#e8d3a8;font-size:13px}

/* 완료 축하: 종이 꽃가루 · 도장 */
#rpg-app .fv-celebrate {position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#07101caa;animation:fvs-in .3s both}
#rpg-app .fv-confetti {position:absolute;inset:0;overflow:hidden;pointer-events:none}
#rpg-app .fv-confetti i {position:absolute;top:-20px;left:calc(var(--i) * 3.6%);width:10px;height:16px;border-radius:2px;background:var(--c);animation:fv-fall calc(2.2s + var(--i) * .05s) ease-in calc(var(--i) * .04s) forwards}
@keyframes fv-fall {to{transform:translateY(105vh) rotate(calc(var(--i) * 47deg))}}
#rpg-app .fv-cel-card {position:relative;width:min(420px,90vw);padding:28px 26px 22px;border-radius:22px;background:#1b2637;border:1px solid #e6c37f;text-align:center;box-shadow:0 30px 80px #000a}
#rpg-app .fv-cel-stamp {display:grid;place-items:center;width:110px;height:110px;margin:0 auto 12px;border-radius:50%;border:4px solid #e9b45a;color:#e9b45a;font:900 46px/1 'Outfit',sans-serif;transform:rotate(-10deg);animation:fv-stamp .5s cubic-bezier(.3,1.6,.5,1) .15s both}
#rpg-app .fv-cel-stamp small {font-size:14px;font-weight:800;letter-spacing:.06em}
@keyframes fv-stamp {from{transform:scale(2.2) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(-10deg);opacity:1}}
#rpg-app .fv-cel-card h3 {margin:0 0 6px;font-size:24px;color:#fff1d0}
#rpg-app .fv-cel-card p {margin:0 0 16px;font-size:16px;color:#d5deeb;line-height:1.8}

/* ----- 휴대폰 장면 부품 ----- */
#rpg-app .fvs-frame [data-btn] {display:block;padding:9px 12px;border-radius:10px;background:#eef1f6;border:1px solid #cfd6e2;font-weight:700;text-align:center}
#rpg-app .fvs-frame [data-btn].wide {margin-top:auto;padding:12px;background:var(--app,#3b6fd6);border-color:transparent;color:#fff}
#rpg-app .fvs-frame [data-btn].wide small {display:block;font-size:11px;opacity:.85}
#rpg-app .fvs-home {background:linear-gradient(170deg,#ffd9e6,#cfe0ff 55%,#e8dcff)!important}
#rpg-app .fvs-icons {display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;margin-top:22px}
#rpg-app .fvs-ic {display:grid;justify-items:center;gap:4px;padding:2px}
#rpg-app .fvs-ic>i {display:block;width:44px;height:44px;border-radius:12px;background:var(--c);box-shadow:0 2px 4px #0002}
#rpg-app .fvs-ic small {font-size:10.5px;color:#2a3242}
#rpg-app .fvs-play {background:conic-gradient(from 210deg at 45% 50%,#34a853 0 25%,#4285f4 0 50%,#fbbc04 0 75%,#ea4335 0)!important;clip-path:polygon(18% 8%,88% 50%,18% 92%);border-radius:4px!important}
#rpg-app .fvs-appstore {background:linear-gradient(180deg,#5ec4ff,#1e6fe8)!important;position:relative}
#rpg-app .fvs-appstore::after {content:"A";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:900 24px 'Outfit',sans-serif}
#rpg-app .fvs-msgicon {background:linear-gradient(180deg,#6fe07f,#2fb24a)!important;position:relative}
#rpg-app .fvs-msgicon::after {content:"💬";position:absolute;inset:0;display:grid;place-items:center;font-size:22px}
#rpg-app .fvs-dock {margin-top:auto;display:flex;justify-content:space-around;padding:8px;border-radius:18px;background:#ffffff66}
#rpg-app .fvs-dock i {width:38px;height:38px;border-radius:11px;background:#ffffffaa}
#rpg-app .fvs-search {display:flex;gap:8px;align-items:center;margin-top:6px;padding:10px 12px;border-radius:12px;background:#eceff4;font-size:15px;font-weight:700}
#rpg-app .fvs-results {display:grid;gap:8px}
#rpg-app .fvs-row {height:46px;border-radius:10px;background:#eef1f6}
#rpg-app .fvs-keys {margin-top:auto;display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:6px;border-radius:10px;background:#d6dbe3}
#rpg-app .fvs-keys i {display:grid;place-items:center;height:30px;border-radius:5px;background:#fff;font-size:12px}
#rpg-app .fvs-tabbar {display:flex;justify-content:space-around;align-items:center;margin-top:auto;padding:8px 4px 2px;border-top:1px solid #dde2ea;font-size:11px;color:#56627a}
#rpg-app .fvs-tabbar span {display:grid;justify-items:center;padding:4px 8px}
#rpg-app .fvs-tabbar small {font-size:9.5px}
#rpg-app .fvs-tabbar i {width:20px;height:20px;border-radius:6px;background:#d9dee7}
#rpg-app .fvs-tabbar b {color:#1e6fe8}
#rpg-app .fvs-appcard {display:flex;gap:12px;align-items:center;margin-top:8px}
#rpg-app .fvs-appcard>i {display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:16px;background:var(--app);color:#fff;font:900 22px 'Outfit',sans-serif}
#rpg-app .fvs-appcard b {display:block;font-size:17px}
#rpg-app .fvs-appcard small {display:block;font-size:11.5px;color:#66708a}
#rpg-app .fvs-appcard small.ok {color:#2f8a52;font-weight:700}
#rpg-app .fvs-store [data-btn] {background:#1f8f4e;color:#fff;border-color:transparent;font-size:15px}
#rpg-app .fvs-store [data-btn].open {background:#1e6fe8}
#rpg-app .fvs-shots {display:flex;gap:6px;margin-top:4px}
#rpg-app .fvs-shots i {flex:1;height:96px;border-radius:10px;background:linear-gradient(180deg,#e6e9f0,#d5dbe6)}
#rpg-app .fvs-login {align-items:center;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--app) 16%,#fff),#fff 45%)!important}
#rpg-app .fvs-login.dim::after {content:"";position:absolute;inset:0;background:#0006}
#rpg-app .fvs-logo {display:grid;place-items:center;width:62px;height:62px;margin-top:26px;border-radius:18px;background:var(--app);color:#fff;font:900 22px 'Outfit',sans-serif}
#rpg-app .fvs-login>b {font-size:18px}
#rpg-app .fvs-login>small {font-size:12px;color:#5a6478;margin-bottom:10px}
#rpg-app .fvs-login [data-btn] {width:100%;background:#fff;font-size:13px}
#rpg-app .fvs-login [data-btn].a {background:#111;color:#fff;border-color:#111}
#rpg-app .fvs-login p.join,#rpg-app .fvs-login .join {font-size:12.5px;padding:4px 8px}
#rpg-app .fvs-ex {margin-top:auto;font-size:10.5px!important;color:#8a92a3!important}
#rpg-app .fvs-sheet {position:absolute!important;z-index:2;left:8px;right:8px;bottom:10px;display:grid;gap:8px;padding:14px;border-radius:18px;background:#fff;box-shadow:0 -6px 20px #0003}
#rpg-app .fvs-acct {display:flex;gap:10px;align-items:center;padding:8px;border-radius:12px;text-align:left}
#rpg-app .fvs-acct>i {display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7d7ff;font-weight:800}
#rpg-app .fvs-acct small {display:block;font-size:11px;color:#6a7385}
#rpg-app .fvs-plain {background:#fff!important}
#rpg-app .fvs-apphead {display:flex;align-items:center;gap:8px;margin:2px -2px 4px;padding-bottom:8px;border-bottom:1px solid #e3e7ee;font-weight:800;font-size:15px}
#rpg-app .fvs-apphead>b {display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--app);color:#fff;font:900 12px 'Outfit',sans-serif}
#rpg-app .fvs-apphead em {margin-left:auto;padding:3px 9px;border-radius:999px;background:#eef1f6;font-size:12px}
#rpg-app .fvs-apphead .fvs-new {font-size:18px;padding:2px 10px}
#rpg-app .fvs-check {display:flex;gap:8px;align-items:center;padding:8px 4px;font-size:13px;border-bottom:1px solid #eef1f5}
#rpg-app .fvs-check i {display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--app);color:#fff;font-size:12px}
#rpg-app .fvs-check.off i {background:#dfe3ea}
#rpg-app .fvs-check.all {font-size:15px}
#rpg-app .fvs-field {display:grid;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid #d3d9e3;background:#fafbfd;font-size:11px;color:#6a7385}
#rpg-app .fvs-field>span {font-size:15px;color:#1f2735;min-height:1.4em}
#rpg-app .fvs-field .ph {color:#a1a8b5}
#rpg-app .fvs-link {font-size:12px;color:#3b6fd6;text-decoration:underline}
#rpg-app .fvs-mailrow {display:grid;padding:10px;border-radius:10px;border-bottom:1px solid #eef1f5}
#rpg-app .fvs-mailrow small {font-size:11.5px;color:#6a7385}
#rpg-app .fvs-topmenu {display:flex;gap:14px;font:800 12px 'Outfit',sans-serif;color:#8a90a0}
#rpg-app .fvs-topmenu b {color:#1f2735;border-bottom:2px solid var(--app)}
#rpg-app .fvs-banner {display:grid;gap:2px;padding:16px 14px;border-radius:16px;background:linear-gradient(135deg,var(--app),#1a1430);color:#fff}
#rpg-app .fvs-banner small {font-size:11px;opacity:.8}
#rpg-app .fvs-banner b {font:900 20px/1.15 'Outfit',sans-serif}
#rpg-app .fvs-banner span {font-size:12px;color:#ffe08a}
#rpg-app .fvs-cards {display:grid;grid-template-columns:1fr 1fr;gap:8px}
#rpg-app .fvs-cards i {height:90px;border-radius:12px;background:#eef1f6}
#rpg-app .fvs-tabbar .tab {border-radius:10px}
#rpg-app .fvs-vote {display:grid;padding:12px;border-radius:12px;border:1px solid #dfe4ec;background:#fff}
#rpg-app .fvs-vote b {font-size:14px}
#rpg-app .fvs-vote small {font-size:11.5px;color:#6a7385}
#rpg-app .fvs-frame .ghost {opacity:.45}
#rpg-app .fvs-tabs {display:flex;gap:4px;padding:4px;border-radius:10px;background:#eef1f6;font-size:11.5px;font-weight:700}
#rpg-app .fvs-tabs span {flex:1;text-align:center;padding:6px 2px;border-radius:7px;color:#6a7385}
#rpg-app .fvs-tabs span.on {background:#fff;color:#1f2735;box-shadow:0 1px 3px #0002}
#rpg-app .fvs-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#rpg-app .fvs-cand {display:grid;justify-items:center;gap:1px;padding:8px 4px;border-radius:12px;border:1px solid #e0e5ed;text-align:center}
#rpg-app .fvs-cand>i {display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dfe3ea;font:900 15px 'Outfit',sans-serif;color:#fff}
#rpg-app .fvs-cand.rs>i {background:linear-gradient(135deg,#c9a8ff,#7d4fd6)}
#rpg-app .fvs-cand b {font-size:11px}
#rpg-app .fvs-cand small {font-size:10px;color:#6a7385}
#rpg-app .fvs-cand.sel {background:#f1eaff;border-color:#7d4fd6}
#rpg-app .fvs-cand.sel::after {content:"✓";position:absolute;top:4px;right:6px;color:#7d4fd6;font-weight:900}
#rpg-app .fvs-cand {position:relative}
#rpg-app .fvs-cand.row {display:flex;gap:10px;justify-items:start;text-align:left;padding:10px}
#rpg-app .fvs-sum {display:grid;gap:2px;padding:12px;border-radius:12px;background:#f4f1fb}
#rpg-app .fvs-sum small {font-size:11px;color:#6a7385}
#rpg-app .fvs-sum b {font-size:14px;margin-bottom:6px}
#rpg-app .fvs-ad {background:#16181f!important;color:#fff;align-items:center}
#rpg-app .fvs-ad>small {align-self:flex-start;font-size:11px;padding:2px 6px;border-radius:4px;background:#ffd23f;color:#111}
#rpg-app .fvs-adbox {display:grid;place-items:center;width:100%;height:200px;margin-top:40px;border-radius:12px;background:#2b2f3b;font-size:40px}
#rpg-app .fvs-adbar {width:100%;height:5px;border-radius:3px;background:#3a3f4d;overflow:hidden}
#rpg-app .fvs-adbar i {display:block;height:100%;width:0;background:#ffd23f;animation:fvs-ad 2.4s linear forwards}
@keyframes fvs-ad {to{width:100%}}
#rpg-app .fvs-adx {position:absolute;top:34px;right:14px;padding:5px 10px;border-radius:999px;background:#ffffff22;font-size:12px}
#rpg-app .fvs-done {align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--app) 22%,#fff),#fff 70%)!important}
#rpg-app .fvs-big {display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--app);color:#fff;font:900 40px 'Outfit',sans-serif;animation:fv-stamp .5s cubic-bezier(.3,1.6,.5,1) both}
#rpg-app .fvs-done>b {font-size:20px}
#rpg-app .fvs-done>small {font-size:12px;color:#5a6478}
#rpg-app .fvs-cert {position:absolute;top:34px;right:14px;font-size:22px;padding:2px 6px}
#rpg-app .fvs-burst {position:absolute;inset:0;pointer-events:none}
#rpg-app .fvs-burst i {position:absolute;left:50%;top:40%;width:8px;height:8px;border-radius:2px;background:var(--app);animation:fvs-burst 1.2s ease-out both}
#rpg-app .fvs-burst i:nth-child(2n) {background:#ffc94d}
#rpg-app .fvs-burst i:nth-child(1){--dx:-80px;--dy:-70px}#rpg-app .fvs-burst i:nth-child(2){--dx:80px;--dy:-60px}#rpg-app .fvs-burst i:nth-child(3){--dx:-60px;--dy:60px}#rpg-app .fvs-burst i:nth-child(4){--dx:70px;--dy:70px}#rpg-app .fvs-burst i:nth-child(5){--dx:0;--dy:-95px}#rpg-app .fvs-burst i:nth-child(6){--dx:0;--dy:90px}
@keyframes fvs-burst {from{transform:translate(0,0) scale(.4);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(200deg);opacity:0}}
#rpg-app .fvs-tv {background:#0e1220!important;color:#fff}
#rpg-app .fvs-screen {display:grid;gap:10px;margin-top:26px;padding:12px;border-radius:12px;background:linear-gradient(160deg,#2d2252,#121a33);border:3px solid #3a3f55}
#rpg-app .fvs-screen>small {font-size:12px;color:#ffd77a}
#rpg-app .fvs-cands {display:grid;gap:6px}
#rpg-app .fvs-cands span {padding:8px 10px;border-radius:8px;background:#ffffff14;font-weight:700}
#rpg-app .fvs-cands .rs {background:#7d4fd6}
#rpg-app .fvs-tvbanner {padding:8px 10px;border-radius:8px;background:#ff5f7e;font-weight:800;font-size:12.5px}
#rpg-app .fvs-tv .fvs-ex {color:#9aa3b5!important}
#rpg-app .fvs-thread {flex:1;display:grid;align-content:end;justify-items:end;gap:4px}
#rpg-app .fvs-bubble {padding:8px 14px;border-radius:16px 16px 4px 16px;background:#2fb24a;color:#fff;font-weight:700}
#rpg-app .fvs-sent {font-size:11px;color:#2f8a52}
#rpg-app .fvs-compose {display:flex;gap:8px;align-items:center}
#rpg-app .fvs-compose .fvs-field {flex:1}
#rpg-app .fvs-send {display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#2fb24a;color:#fff;font-weight:900}
#rpg-app .fvs-chips {display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
#rpg-app .fvs-chips span {padding:3px 8px;border-radius:999px;background:#eef1f6;font-size:10.5px;color:#56627a}
#rpg-app .fvs-wallet {display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:#e9f7f4}
#rpg-app .fvs-wallet small {font-size:11.5px;color:#3b6b62}
#rpg-app .fvs-wallet b {font:900 18px 'Outfit',sans-serif}
#rpg-app .fvs-qty {display:flex;justify-content:center;align-items:center;gap:18px;padding:8px;border-radius:12px;background:#f2f4f8;font-size:18px}
#rpg-app .fvs-qty span {display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #d3d9e3}

@media (max-width:760px) {
 #rpg-app .fv-body.fv-story {display:flex;flex-direction:column;gap:16px;padding:14px 16px 22px} /* 그림이 먼저(위), 할 일 목록은 그 아래 */
 #rpg-app .fv-phone-wrap.story {align-self:center}
 #rpg-app .fv-phone-wrap.story {position:static}
 #rpg-app .fv-shell .fv-phone.story {width:250px}
 #rpg-app .fvs-frame {height:420px}
 #rpg-app .fv-journey {margin:4px 14px 2px}
 #rpg-app .fv-journey span {display:none}
 #rpg-app .fv-journey li.now span {display:inline}
 #rpg-app .fv-preview {flex-direction:column}
 #rpg-app .fv-qr {display:none}
}
@media (prefers-reduced-motion:reduce) {
 #rpg-app :is(.fvs-hot,.fvs-finger,.fvs-caret,.fvs-frame.in>*,.fv-confetti i,.fv-cel-stamp,.fvs-big,.fvs-burst i) {animation:none!important}
 #rpg-app .fvs-type {max-width:none;animation:none}
}
#rpg-app .fv-phone.story.mini .fvs-finger {display:none!important}