/* 바나나 플랜 웹 도구 — 심플 테마 (10-05 민우: "바나나 플랜 디자인 말고 심플하고 깔끔하게, 일반 유저가 쓰기 쉽게")
   tools.css 와 페이지 <style> 뒤에 넣어 덮어쓴다. 되돌리려면 이 <link> 한 줄만 빼면 된다.
   원칙: 흰 바탕 · 검정 숫자 · 강조색 하나(파랑) · 시스템 글꼴 · 그라데이션/캐릭터/세리프 없음 · 기능은 그대로. */
:root{
  --paper:#FFFFFF; --ink:#111318; --ink-2:#2B2F36; --ink-3:#5B616B; --ink-4:#8A9099;
  --line:#D9DCE1; --line-soft:#E8EAEE; --card:#FFFFFF;
  --gold:#1D4ED8; --goal-gold:#2563EB; --danger:#DC2626;
  --gold-wash:#EEF3FF; --gold-wash-2:#F3F4F6;
  --c-study:#059669; --bg-study:#E6F6EF;
  --shadow-xs:none; --shadow-md:none;
  --radius:16px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0F1115; --ink:#ECEEF2; --ink-2:#CBD0D8; --ink-3:#9AA1AB; --ink-4:#6F7680;
    --line:#2A2F38; --line-soft:#22262E; --card:#171A21; --gold:#8AB4FF; --goal-gold:#3B82F6;
    --gold-wash:#1B2436; --gold-wash-2:#20242C; --c-study:#34D399; --bg-study:#123327;
  }
}
:root[data-theme="dark"]{
  --paper:#0F1115; --ink:#ECEEF2; --ink-2:#CBD0D8; --ink-3:#9AA1AB; --ink-4:#6F7680;
  --line:#2A2F38; --line-soft:#22262E; --card:#171A21; --gold:#8AB4FF; --goal-gold:#3B82F6;
  --gold-wash:#1B2436; --gold-wash-2:#20242C; --c-study:#34D399; --bg-study:#123327;
}
body, :root:not([data-theme="light"]) body{ background-image:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple SD Gothic Neo","Noto Sans KR","Helvetica Neue",Arial,sans-serif; }

/* 상단 — 작고 조용하게 */
.lockup img{width:22px; height:22px; border-radius:6px; box-shadow:none;}
.wordmark{font-family:inherit; font-weight:600; font-size:14px; color:var(--ink-3); letter-spacing:0;}
.themebtn, .langbtn{box-shadow:none; background:transparent; border-color:var(--line);}
h1{font-family:inherit; font-weight:700; font-size:22px; letter-spacing:-0.01em; margin:14px 0 2px;}
.sub{font-size:14px; margin-bottom:14px;}

/* 카드·버튼·입력 — 평평하게 */
.card{border:1px solid var(--line-soft); box-shadow:none; border-radius:var(--radius);}
.seg{background:var(--gold-wash-2); padding:3px;}
.seg button[aria-pressed="true"]{box-shadow:none; border:1px solid var(--line);}
.btn{background:var(--goal-gold); color:#fff; box-shadow:none; border-radius:12px; font-weight:600;}
.btn:hover{filter:brightness(0.95);}
.btn.ghost{background:var(--gold-wash-2); color:var(--ink);}
.inp{border-radius:10px; background:var(--card);}
.inp:focus{border-color:var(--goal-gold); box-shadow:0 0 0 3px rgba(37,99,235,0.18);}
.chip{border-radius:10px; font-weight:500;}
.chip[aria-pressed="true"]{background:var(--gold-wash); border-color:var(--goal-gold); color:var(--gold);}
.custom .inp{border-radius:10px;}
.opt input{accent-color:var(--goal-gold);}
.stat{background:var(--gold-wash-2);}
.meter i, .ring i{background:var(--goal-gold);}
.iconbtn:hover{background:var(--gold-wash-2);}

/* 타이머 — 캐릭터 없이, 숫자는 더 크게 */
.mascot, .bana{display:none !important;}
.clock{padding:28px 16px 20px;}
/* 숫자: 고정폭 대신 얇고 정돈된 산세리프(아이폰·맥은 SF, 그 외 Inter) + 숫자 폭 고정(tabular) — 10-05 민우 "심플한데 세련되게" */
.digits{font-family:-apple-system,"SF Pro Display","Helvetica Neue","Inter",Roboto,"Segoe UI",sans-serif; font-weight:300; font-size:clamp(68px, 23vw, 100px); letter-spacing:-0.02em; font-variant-numeric:tabular-nums lining-nums; font-feature-settings:"tnum" 1;}
.digits small{font-weight:400;}
.digits.done{color:var(--gold);}
.ring{height:4px; background:var(--gold-wash-2); border-radius:4px; margin-top:18px;}
.ctl .btn.main{height:56px; font-size:17px;}
.laps li{font-family:inherit; font-variant-numeric:tabular-nums;}
.laps li span:first-child{font-family:inherit;}
.dot{background:var(--gold-wash-2); border-color:var(--line);}
.dot.on{background:var(--goal-gold); border-color:var(--goal-gold);}
.exitfocus{background:var(--gold-wash-2);}
.big, .hero-dd, .exam .dd, .stat .v, .inp.num, .chip small{font-family:inherit; font-variant-numeric:tabular-nums;}
.hero-dd, .big{font-weight:300;}

/* 앱 안내 — 한 줄짜리 조용한 카드. 링크 묶음도 같은 톤 */
.cta{background:var(--card); border:1px solid var(--line-soft); border-radius:12px; padding:12px 14px;}
.cta img{width:32px; height:32px; border-radius:8px;}
.cta b{font-size:14px; font-weight:600;}
.cta span{font-size:12.5px;}
.tools a{border-radius:12px; box-shadow:none; font-weight:500;}
.ad .adlab{color:var(--ink-4);}
.foot{margin-top:18px;}

@media (min-width:820px){
  h1{font-size:26px;}
  .clock{padding:44px 32px 32px;}
  .digits{font-size:clamp(136px, 15vw, 184px); letter-spacing:-0.03em;}
  body.focus .digits{font-size:clamp(160px, 22vw, 300px);}
}

/* 광고 자리 — 쿠팡 iframe 가운데 */
.ad{text-align:center;}
.ad .cpg{display:block; margin:0 auto; max-width:100%; border:0; border-radius:8px;}
.ad .adlab{text-align:left;}