/* 뚝딱컷 무료 계산기·내 보관함 공통 (11-14 수정판) */
.fc{background:#151515;border:1px solid #2c2c2c;border-radius:20px;padding:20px;margin:18px 0 10px}
.fc .tabs{display:flex;gap:6px;margin-bottom:14px;background:#0f0f0f;border-radius:14px;padding:5px}
.fc .tabs button{flex:1;border:0;border-radius:10px;padding:11px 8px;background:transparent;color:#aaa;font:inherit;font-weight:800;font-size:15px;cursor:pointer}
.fc .tabs button.on{background:#FF6B35;color:#fff}
.fc .fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fc .fr.one{grid-template-columns:1fr}.fc .fr.three{grid-template-columns:1.3fr 1fr 1fr}
.fc label.f{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:14px;color:#ddd;min-width:0}
.fc input[type=date],.fc input[type=text],.fc input[type=number],.fc select{height:50px;border-radius:12px;border:1.5px solid #3a3a3a;background:#0f0f0f;color:#fff;font-size:17px;padding:0 12px;font-family:inherit;color-scheme:dark;width:100%;box-sizing:border-box;min-width:0}
.fc input:focus,.fc select:focus{outline:none;border-color:#FF6B35}
.fc .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.fc .chips label,.fc .chips button{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;color:#ccc;background:#1d1d1d;border:1px solid #2e2e2e;border-radius:999px;padding:8px 13px;cursor:pointer;font-family:inherit}
.fc .chips button.on,.fc .chips label.on{border-color:#FF6B35;color:#FF8A5C;background:#2a1a12}
.fc .chips input{accent-color:#FF6B35;margin:0}
.fc .hint{font-size:12.5px;color:#8f8f8f;margin:10px 0 0;line-height:1.5}
.fc .rs{margin-top:16px;border-top:1px solid #2a2a2a;padding-top:16px}
.fc .big{font-size:clamp(28px,6.4vw,40px);font-weight:900;color:#fff;line-height:1.2;letter-spacing:-.5px}
.fc .big em{font-style:normal;color:#FF8A5C}
.fc .sub2{color:#bdbdbd;font-size:15px;margin-top:6px;line-height:1.55}
.fc .nx{margin-top:12px;background:#2a1a12;border:1px solid #6b3a22;border-radius:12px;padding:12px 14px;color:#ffd2bd;font-weight:800;font-size:15px;line-height:1.45}
.fc .bar{height:8px;background:#262626;border-radius:4px;overflow:hidden;margin-top:10px}.fc .bar i{display:block;height:100%;background:linear-gradient(90deg,#FF6B35,#ffb27f);border-radius:4px}
.fc .emp{color:#9a9a9a;font-size:15px}
.fc table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14.5px}
.fc th,.fc td{padding:10px 8px;border-bottom:1px solid #262626;text-align:left;color:#ddd;vertical-align:top}
.fc th{color:#9a9a9a;font-weight:800;font-size:12.5px}
.fc td.dd,.fc th.r{text-align:right}.fc td.dd{font-weight:800;white-space:nowrap}
.fc td small{display:block;color:#8a8a8a;font-size:12px;font-weight:600;margin-top:2px}
.fc tr.past td{color:#727272}.fc tr.past td.dd{color:#666}
.fc tr.nxt td{color:#fff;background:#1f1510}.fc tr.nxt td.dd{color:#FF8A5C}
.fc details{margin-top:12px}.fc summary{cursor:pointer;font-weight:800;color:#ccc;font-size:14px;padding:8px 0}
.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.acts button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;border-radius:14px;border:1.5px solid #3a3a3a;background:#1b1b1b;color:#fff;font:inherit;font-weight:800;font-size:13.5px;cursor:pointer}
.acts button b,.acts a b{font-size:19px;line-height:1}.acts button:hover,.acts a:hover{border-color:#FF6B35}
.acts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;border-radius:14px;border:1.5px solid #3a3a3a;background:#1b1b1b;color:#fff;font-weight:800;font-size:13.5px;text-decoration:none;text-align:center}
.acts a.k{background:#FEE500;border-color:#FEE500;color:#191919}
main [hidden],body>[hidden]{display:none!important}
.fc .fr.yd{grid-template-columns:1.4fr 1fr 1fr}
.acts button.pri{background:#FF6B35;border-color:#FF6B35}
.mid7{background:#17120f;border:1px solid #3a2a20;border-radius:14px;padding:14px 16px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mid7 p{margin:0;color:#eee;font-weight:800;font-size:15px;line-height:1.45}.mid7 a{background:#FEE500;color:#191919;border-radius:999px;padding:10px 16px;font-weight:900;font-size:14px;text-decoration:none;white-space:nowrap}
.ext{width:100%;border-collapse:collapse;margin:10px 0 4px;font-size:14.5px}.ext th,.ext td{padding:9px 8px;border-bottom:1px solid #262626;text-align:left}.ext th{color:#9a9a9a;font-weight:800}
@media(max-width:620px){.fc{padding:16px}.fc .fr,.fc .fr.three{grid-template-columns:1fr}.fc .fr.yd{grid-template-columns:1.4fr 1fr 1fr}.fc table{font-size:13.5px}.fc th,.fc td{padding:9px 4px}.acts button{height:60px;font-size:12.5px}}

/* 11-14: 첫 화면은 계산기 먼저 · 한 줄 소개 · 기준 한 줄 */
.cw>h1{margin-bottom:6px}.lead1{color:#cfcfcf;font-size:16px;line-height:1.55;margin:0 0 4px}
.basis{font-size:13px;color:#9a9a9a;line-height:1.6;margin:8px 2px 0}.basis b{color:#cfcfcf}
.fc .ages{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.fc .ages span{background:#1d1d1d;border:1px solid #2e2e2e;border-radius:10px;padding:7px 11px;font-size:14px;color:#bdbdbd}.fc .ages b{color:#fff;font-weight:900}
/* 예시 표: 폰에서도 표 그대로(줄 바꿈 없음) · 넓으면 옆으로 넘김 */
.tw2{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0 4px}.tw2 .ext{min-width:100%;margin:0}
.ext{width:100%;border-collapse:collapse;font-size:14.5px}.ext th,.ext td{padding:9px 8px;border-bottom:1px solid #262626;text-align:left;vertical-align:top;word-break:keep-all}.ext th{color:#9a9a9a;font-weight:800}.ext td:first-child,.ext td:last-child{white-space:nowrap}
@media(max-width:620px){.ext{font-size:13.5px}.ext th,.ext td{padding:8px 5px}}
/* 알림(토스트) */
#fzToast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,20px);background:#222;color:#fff;border:1px solid #444;border-radius:999px;padding:11px 18px;font-weight:800;font-size:14px;opacity:0;transition:.25s;z-index:95;max-width:92vw;text-align:center;pointer-events:none}
#fzToast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}#fzToast a{color:#FFB27F;margin-left:4px;text-decoration:none;white-space:nowrap}
/* 바탕화면에 「뚝딱컷」 추가 (음악 페이지 a2m 과 같은 모양) */
.a2h{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:96;max-width:460px;margin:0 auto;background:#1d1815;color:#fff;border:1px solid #3a2a20;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.55);padding:16px;transform:translateY(130%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.a2h.on{transform:none}.a2h[hidden]{display:none}.a2h .r{display:flex;gap:12px;align-items:center}.a2h img{width:52px;height:52px;border-radius:14px;flex:none}
.a2h .r b{display:block;font-size:16px;line-height:1.35;word-break:keep-all}.a2h p{margin:3px 0 0;font-size:13px;color:#cdbdb1;line-height:1.45;word-break:keep-all}
.a2h .bt{display:flex;gap:8px;margin-top:12px}.a2h button{font:inherit;border:0;border-radius:12px;padding:12px;font-weight:800;font-size:15px;cursor:pointer}
.a2h .ok{flex:1;background:#ff6b35;color:#fff}.a2h .no{background:rgba(255,255,255,.1);color:#ddd}
.a2h .g{margin-top:10px;font-size:13.5px;line-height:1.6;color:#eee;background:rgba(255,255,255,.06);border-radius:10px;padding:10px 12px}.a2h .g[hidden]{display:none}.a2h .g ol{margin:4px 0 0;padding-left:18px}
.a2h svg.i,.mya2h svg.i{width:18px;height:18px;vertical-align:-4px;fill:none;stroke:#7fb2ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:620px){.cw>h1{font-size:26px!important;line-height:1.3!important}.lead1{font-size:14.5px}.crumb{font-size:12px}}
/* 11-15: H1 아래 작은 글씨 */
h1 .h1s{display:block;margin-top:6px;font-size:14px;font-weight:700;color:#bdbdbd;letter-spacing:0}
.sh{word-break:keep-all}

/* 11-15 수정: 홈 화면에 추가 줄(맨 위 분류 메뉴 바로 아래, 무료존 6쪽 공통) */
.a2hb{background:#1d1510;border-bottom:1px solid #3a2a20}.a2hb[hidden]{display:none!important}
.a2hb .a2hr{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;padding:8px 0;min-height:48px}
.a2hb .a2ht{font-weight:800;font-size:14.5px;color:#ffe3d6;word-break:keep-all}.a2hb .a2hn{display:block;width:100%;font-size:12.5px;color:#cdbdb1;font-weight:600;margin-top:-2px}.a2hb .a2hn[hidden]{display:none}
.a2hb .a2hbs{display:flex;gap:8px;flex-wrap:wrap}
.a2hb .a2hgo{font:inherit;font-weight:900;font-size:14px;border:0;border-radius:999px;background:#FF6B35;color:#fff;padding:0 16px;height:38px;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;white-space:nowrap}
.a2hb .a2hg{margin:0 0 10px;font-size:14px;line-height:1.65;color:#eee;background:rgba(255,255,255,.07);border-radius:12px;padding:12px 14px}.a2hb .a2hg[hidden]{display:none}.a2hb .a2hg ol{margin:6px 0 0;padding-left:20px}.a2hb .a2hg li{margin:4px 0}
.a2hb .a2hx{display:block;margin:8px 0 0 auto;font:inherit;font-size:13px;font-weight:800;color:#ddd;background:rgba(255,255,255,.1);border:0;border-radius:999px;padding:6px 14px;cursor:pointer}
.a2hb svg.i{width:20px;height:20px;vertical-align:-5px;fill:none;stroke:#7fb2ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (display-mode:standalone){.a2hb{display:none!important}}
/* 빠진 칸 표시 */
.fc label.f.bad input,.fc label.f.bad select{border-color:#ff6b6b}
.fc .ferr{font-size:12.5px;font-weight:700;color:#ff9d7a;line-height:1.4}
.fc .rs2{margin-top:6px}
.fc .pl{white-space:normal;word-break:keep-all}.fc .pl+.pl{margin-top:4px}.fc .pl .bs{display:inline-block;font-size:12px;font-weight:800;color:#bdbdbd;background:#262626;border-radius:6px;padding:1px 6px;margin-right:5px}.fc .pl.pp{opacity:.5}
.fc tr.sep td{color:#8a8a8a;font-size:12.5px;font-weight:800;border-bottom:0;padding-top:16px}
/* 결과 카드 미리보기 창 */
#fzCardM{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:14px}
#fzCardM .cm{background:#151515;border:1px solid #333;border-radius:18px;padding:12px;width:min(92vw,420px);max-height:94vh;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
#fzCardM img{display:block;width:100%;height:auto;max-height:66vh;object-fit:contain;border-radius:10px;background:#0d0d0d}
#fzCardM .cb{display:flex;gap:8px}#fzCardM .cb button{flex:1;height:48px;border-radius:12px;border:1.5px solid #3a3a3a;background:#222;color:#fff;font:inherit;font-weight:800;font-size:14.5px;cursor:pointer}
#fzCardM .cb .sv{background:#FF6B35;border-color:#FF6B35}

.fc .t2 td:first-child{width:30%;word-break:keep-all}.fc .t2 td.dd{text-align:left;white-space:normal}.fc .t2 th.r{text-align:left}

/* ===== 11-15 폰 줄 정리 (시안) ===== */
.fc,.fc .sub2,.fc .hint,.fc .nx,.fc .emp,.fc .ferr,.basis,.note7,.cgn,.lead1,.mid7 p{word-break:keep-all;overflow-wrap:anywhere}
.fc .sub2,.fc .hint,.fc .nx,.basis,.cgn{text-wrap:pretty}
.nw{white-space:nowrap}
.fc .big{word-break:keep-all}.fc .big em{white-space:nowrap}
.fc .big .bsp{font-size:0}
.fc .big .bd2{display:block;margin-top:4px;font-size:.62em;font-weight:800;color:#fff;letter-spacing:-.2px}
.fc .ages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fc .ages span{text-align:center;white-space:nowrap;padding:7px 4px}
.fc .tabs button{line-height:1.2;word-break:keep-all}
.fc .tabs button .t1{display:block;font-size:16px}
.fc .tabs button small{display:block;font-size:12.5px;font-weight:700;opacity:.8;margin-top:2px}
.fc td,.fc th{word-break:keep-all}
.fc table:not(.t2){table-layout:fixed}
.fc table:not(.t2) th:nth-child(1){width:27%}.fc table:not(.t2) th:nth-child(2){width:41%}
.fc table:not(.t2) td{white-space:nowrap}.fc table:not(.t2) td small{white-space:normal}
.fc table:not(.t2) td:last-child,.fc table:not(.t2) th:last-child{text-align:right}
.fc .t2{table-layout:fixed}.fc .t2 th:first-child{width:25%}
.fc .t2 td.dd .pl .bs{display:block;width:fit-content;margin:0 0 3px}
.acts button,.acts a{word-break:keep-all;line-height:1.25;text-align:center}
.acts .al>span{display:inline-block}
.fc.up{display:flex;flex-direction:column}
.fc.up>*{order:0;min-width:0}
.fc.up>.rs{display:contents}
.fc.up .rs>*{order:1}
.fc.up .rs>:first-child{margin-top:16px!important;padding-top:16px;border-top:1px solid #2a2a2a}
.fc.up .rs>.ages~*,.fc.up .rs>table,.fc.up .rs>table~*{order:3}
.fc.up>.acts{order:2}
@media(max-width:620px){
  .fc{padding:16px 14px}
  .fc .chips{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px}
  .fc .chips label,.fc .chips button{justify-content:center;white-space:nowrap;padding:8px 2px;gap:3px;font-size:13px}
  .fc .chips input{width:14px;height:14px;flex:none}
  .fc #lens,.fc #secs{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto}
  .fc .big{font-size:clamp(26px,7.4vw,32px)}
  .fc .sub2{font-size:14.5px}
  .fc .tabs button{padding:9px 4px}
  .acts{gap:6px}
  .acts button,.acts a{height:auto;min-height:76px;padding:9px 2px;font-size:13px;gap:5px}
  .acts button b,.acts a b{font-size:20px}
  .fc.up>.acts.col{grid-template-columns:1fr}
  .acts.col button,.acts.col a{flex-direction:row;min-height:50px;gap:8px;font-size:14px}
  .fc .t2 td:first-child{width:25%}
  .fc table{font-size:14px}.fc th{font-size:13px}.fc th,.fc td{padding:9px 3px}
}