/* 3.31.0 · 파스텔 드림 → 3.34.0 · 핑크 카페 (matches 곰복이's café video): cream, dusty rose, peach,
   caramel and a little sage. Loaded last, it restyles the old theme.
   3.58.0 · three faces (user's choice): 주아 for titles and buttons, 카페24 써라운드 for every
   word the guest reads, and thin Pretendard for the very small print (terms, business and
   service info, licences, admin notes). Both new faces have one weight, so strong words in the
   body are told apart by colour, not by a made-up bold. */
@font-face { font-family: Jua; src: url('/fonts/Jua-Korean-v1.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: Jua; src: url('/fonts/Jua-Latin-v1.woff2') format('woff2'); font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* 3.60.0 · 써라운드 has empty shapes for • ● and the arrows, so those letters come from Pretendard
   (password dots and → were invisible). */
@font-face { font-family: Ssurround; src: url('/fonts/Cafe24Ssurround-v1.woff2') format('woff2'); font-display: swap; unicode-range: U+0000-2021, U+2023-218F, U+2200-25CE, U+25D0-10FFFF; }
input[type=password]{font-family:Pretendard,'Apple SD Gothic Neo',sans-serif !important;letter-spacing:2px}
:root { font-family: Ssurround, Pretendard, 'Apple SD Gothic Neo', sans-serif; font-synthesis: none; }
body, button, input, select, textarea { font-family: inherit; }
:root{--a-bg:#fff9f5;--a-bg2:#fbefe8;--a-lav:#c9907e;--a-lav-d:#b5705f;--a-pink:#e8a597;--a-pink-s:#fde8e3;--a-mint:#d9e3cf;--a-sky:#f5e3cc;--a-ink:#4e3a30;--a-muted:#a48a7c;--paper:var(--a-bg)}
body,#viewport{background:linear-gradient(180deg,#fbefe8,#fff8f2) !important}
#stage,.context-bar,.consultation-panel,.action-dock{background:var(--a-bg) !important;color:var(--a-ink)}
.masthead{background:#fffaf6 !important;border-bottom:1px solid #f3e2d8 !important}
.wordmark{font-family:Jua,Ssurround,Pretendard,sans-serif !important;color:var(--a-lav-d) !important;font-weight:400 !important;letter-spacing:-.5px}
.wordmark .edition{font-family:Jua,Ssurround,Pretendard,sans-serif !important;color:var(--a-pink) !important}
.sound-button,#login{border-color:#efd8cc !important;color:var(--a-lav-d) !important;background:#fff !important;border-radius:99px}
/* room: warm café blush instead of the hanok study (the café video fills it on arrival) */
.room{background:linear-gradient(180deg,#efd8cc 0%,#fbe9df 70%,#fff4e8 100%) !important}
.room-background{opacity:.0 !important}
.room::before{content:'✦  ☾      ✧        ✦     ☁   ✧';position:absolute;top:10%;left:6%;right:6%;font-size:18px;letter-spacing:6px;color:#fff;opacity:.9;z-index:0;white-space:pre;text-shadow:0 0 8px #fff}
.room-caption{color:#fff !important;text-shadow:0 1px 4px #c9907eaa}
/* chat */
.chat-name{color:var(--a-muted) !important}
.bubble{background:#fff !important;border:0 !important;box-shadow:0 4px 14px #c9907e2e !important;border-radius:6px 20px 20px 20px !important;color:var(--a-ink) !important}
.bubble h1,.bubble p{color:var(--a-ink) !important}
.user .bubble{background:linear-gradient(120deg,#fbdcd3,#fdeee2) !important;color:#6b4535 !important;border-radius:20px 6px 20px 20px !important}
.avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px #f3dacd !important}
.eyebrow{color:var(--a-pink) !important;letter-spacing:1.5px !important}
.menu-heading h2,.lobby-logo h1,.page-title{font-family:Jua,Ssurround,Pretendard,sans-serif !important;font-weight:400 !important;color:var(--a-ink) !important}
.menu-heading h2{font-size:19px !important}
/* product cards: four pastel tiles with stickers */
.fortune-card{border:0 !important;border-radius:22px !important;color:var(--a-ink) !important;box-shadow:0 6px 16px #c9907e22 !important;overflow:hidden}
.fortune-card:nth-child(1){background:linear-gradient(140deg,#f8d9d2,#fdf0ec) !important}
.fortune-card:nth-child(2){background:linear-gradient(140deg,#dfe7d3,#f4f7ee) !important}
.fortune-card:nth-child(3){background:linear-gradient(140deg,#fbe2cf,#fff5ec) !important}
.fortune-card:nth-child(4){background:linear-gradient(140deg,#ecdccf,#faf3ec) !important}
.fortune-card .card-art{background:transparent !important}
.fortune-card .card-copy small{color:var(--a-lav-d) !important;font-weight:700 !important}
.fortune-card .card-copy strong{font-family:Jua,Ssurround,Pretendard,sans-serif !important;font-weight:400 !important;font-size:20px !important;color:var(--a-ink) !important}
.fortune-card .card-copy em{color:var(--a-muted) !important}
.fortune-card::after{position:absolute;top:10px;right:12px;font-size:18px;color:#fff;text-shadow:0 0 6px #ffffffcc}
.fortune-card:nth-child(1)::after{content:'✦'}.fortune-card:nth-child(2)::after{content:'☾'}.fortune-card:nth-child(3)::after{content:'♡'}.fortune-card:nth-child(4)::after{content:'✧'}
.fortune-card{position:relative}
.preview-note{border-top-color:#f3e2d8 !important;color:var(--a-muted) !important}
/* buttons and chips */
.primary{background:linear-gradient(110deg,#d9918a,#f0b49a) !important;color:#fff !important;border:0 !important;box-shadow:0 6px 14px #c9907e44 !important;border-radius:99px !important}
.secondary,.skip{background:#fff !important;color:var(--a-lav-d) !important;border:1px solid #efd8cc !important;border-radius:99px !important}
.chip{background:#fff !important;border:1px solid #f0dcd2 !important;color:var(--a-ink) !important;box-shadow:0 2px 6px #c9907e1a}
.chip[aria-pressed="true"],label.chip:has(input:checked){background:linear-gradient(120deg,#fbe6df,#fff1e6) !important;border-color:var(--a-lav) !important;color:var(--a-lav-d) !important}
.inline-field input,.place-line select,.answer-card textarea,.answer-card input{border:1px solid #efd8cc !important;background:#fff !important;border-radius:16px !important}
/* bottom nav and context */
.bottom-nav{background:#fffaf6 !important;border-top:1px solid #f3e2d8 !important}
.bottom-nav button{color:#c2aea2 !important}.bottom-nav button[aria-current="page"]{color:var(--a-lav-d) !important}
.bottom-nav button[aria-current="page"] svg{background:#fbe6df !important;border-radius:99px}
.context-line .text-button{color:var(--a-lav-d) !important}
/* lobby */
.lobby-logo h1{font-size:44px !important;color:var(--a-lav-d) !important;text-shadow:0 3px 0 #fbdcd3}
.lobby-logo .eyebrow{color:var(--a-pink) !important}
.friend-card{border:0 !important;border-radius:24px !important;box-shadow:0 8px 20px #c9907e2a !important;color:var(--a-ink) !important}
.friend-card:first-child{background:linear-gradient(130deg,#f6d3c9,#fde6d6) !important;color:var(--a-ink) !important}
.friend-card.locked{background:#fff !important;opacity:.9}
.friend-copy strong{font-family:Jua,Ssurround,Pretendard,sans-serif !important;font-weight:400 !important;font-size:20px !important}
.friend-art{background:#fff !important;border-radius:20px !important}
.soon-badge{background:var(--a-pink-s) !important;color:#c06f62 !important;border-color:#f2c3b6 !important}
.summary-bubble .summary-list dt{color:var(--a-muted) !important}
/* 3.32.0 · smaller product cards: two a row, the picture on the left and the words on the right */
.fortune-cards .fortune-card{display:flex !important;flex-direction:row !important;align-items:center !important;gap:8px !important;min-height:0 !important;height:72px !important;padding:8px 10px !important;text-align:left !important}
.fortune-cards .fortune-card .card-art{flex:0 0 56px !important;width:56px !important;height:56px !important;margin:0 !important;border-radius:16px !important;overflow:hidden}
.fortune-cards .fortune-card .card-art{position:relative !important;background:#ffffffa8 !important}
.fortune-cards .fortune-card .card-art img{position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;object-fit:cover !important}
.fortune-cards .fortune-card .card-copy{display:flex;flex-direction:column;gap:0;min-width:0;padding:0 !important}
.fortune-cards .fortune-card .card-copy small{font-size:11px !important;line-height:1.1 !important}
.fortune-cards .fortune-card .card-copy strong{font-size:17px !important;line-height:1.1 !important;margin:0 !important;white-space:nowrap}
.fortune-cards .fortune-card .card-copy em{font-size:11px !important;line-height:1.2 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fortune-cards .fortune-card::after{top:6px !important;right:8px !important;font-size:14px !important}
/* 3.32.0 · scroll wheels for birth date, time and place */
.wheels{position:relative;display:flex;gap:6px;margin:4px 0 10px;padding:0 6px;background:#fff;border:1px solid #efd8cc;border-radius:18px}
.wheels::before{content:'';position:absolute;left:6px;right:6px;top:72px;height:36px;border-radius:12px;background:linear-gradient(120deg,#fbe6df,#fff1e6);pointer-events:none}
.wheel{position:relative;flex:1;min-width:0}
.wheel-scroll{height:180px;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:contain;padding:72px 0;box-sizing:border-box;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);outline:none;touch-action:pan-y}
.wheel-scroll::-webkit-scrollbar{display:none}
.wheel-scroll:focus-visible{box-shadow:inset 0 0 0 2px var(--a-lav);border-radius:12px}
.wheel-item{height:36px;line-height:36px;text-align:center;scroll-snap-align:center;font-size:18px;color:var(--a-muted);cursor:pointer;white-space:nowrap;user-select:none}
.wheel-item.on{color:var(--a-lav-d);font-weight:700}
.wheel-empty{min-height:180px}
.friend-art img{object-fit:cover}
.avatar img{width:100% !important;height:100% !important;left:0 !important;top:0 !important;object-fit:cover}
/* 3.37.0 · no chips: '몰라'·'넘어갈게' as quiet text links */
.skip-row{display:flex;justify-content:flex-start;margin:2px 4px 6px}
.skip-link{background:none !important;border:0 !important;box-shadow:none !important;color:var(--a-muted) !important;text-decoration:underline;text-underline-offset:3px;font-size:15px;padding:4px 6px;cursor:pointer}
.skip-link:hover{color:var(--a-lav-d) !important}
.choice-wheels .wheel-item{font-size:17px}
/* 3.43.0 · 곰곰 사주카페: the one-line introduction under the name. */
.lobby-logo .lobby-tagline{margin:0 0 6px !important;font-size:16px !important;color:var(--a-ink) !important}
/* 3.44.0 · logo image: the whole logo on the front door, the mark in the header. */
.lobby-logo .lobby-mark{margin:0 auto 6px !important;text-shadow:none !important;line-height:0}
.lobby-logo .lobby-mark img{width:min(260px,68vw);height:auto;display:block;margin:0 auto}
.wordmark{display:inline-flex;align-items:center;gap:4px}
.wordmark .wordmark-mark{height:34px;width:auto;display:block}
/* 3.45.0 · wide buttons under a wheel (이 해로 볼래, 여기 고칠래, 보내기…) read from the middle. */
.actions .primary,.answer-card .primary,.ask-actions .primary,.soon-box .primary{justify-content:center !important;text-align:center}
/* 3.45.0 · 연애 has three wheels side by side: a little smaller so long words fit on a phone. */
.choice-wheels.three{gap:2px;padding:0 4px}
.choice-wheels.three .wheel-item{font-size:15px;letter-spacing:-.3px}
@media (max-width:420px){.choice-wheels.three .wheel-item{font-size:14px;letter-spacing:-.5px}}
/* 3.45.0 · 오늘의 운세: a red “매일 무료!” that softly brightens and dims. */
.free-badge{display:inline-block;margin-left:5px;padding:0 6px;border-radius:99px;background:#e2463f;color:#fff;font-size:1em;line-height:1.5;vertical-align:middle;font-weight:700;animation:free-glow 1.6s ease-in-out infinite}
@keyframes free-glow{0%,100%{filter:brightness(1);box-shadow:0 0 0 #e2463f00}50%{filter:brightness(1.35);box-shadow:0 0 10px #ff6a5c99}}
@media (prefers-reduced-motion:reduce){.free-badge{animation:none}}
/* 3.45.0 · the shadowed logo picture with the line under it as real text. */
.lobby-logo .lobby-mark img{width:min(240px,62vw)}
.lobby-logo .lobby-tagline{font-size:22px !important;margin:2px 0 6px !important}
.fortune-card.daily-free{position:relative}
.fortune-card.daily-free::after{display:none !important}
.fortune-card.daily-free .free-badge{position:absolute;bottom:8px;right:9px;margin:0;font-size:12px;line-height:1.6;padding:0 7px}
/* 3.46.0 · front door: the friends line under the logo is larger; the one-line introduction sits
   small and thin under the two friend cards. */
.lobby-logo .lobby-friends{font-size:22px !important;color:var(--a-ink) !important;margin:6px 0 0 !important}
.lobby .lobby-tagline{display:block;text-align:center;margin:26px 0 8px !important;font-family:Pretendard,sans-serif !important;font-weight:300 !important;font-size:13px !important;letter-spacing:.2px;color:var(--a-muted) !important}
/* 3.46.0 · 로그인/회원가입 */
.signup-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;color:var(--a-muted);font-size:15px}
.signup-row .secondary{flex:0 0 auto;min-width:110px}
.signup-form input:not([type=checkbox]):not([type=radio]){display:block;width:100%;box-sizing:border-box;margin:0 0 8px;font-size:16px;padding:10px 12px;border-radius:12px;border:1px solid #efd8cc;background:#fff}
.signup-check{display:flex;align-items:center;gap:8px;margin:6px 2px;font-size:16px}
.signup-check.all{font-weight:700;border-bottom:1px solid #f3dcd4;padding-bottom:8px}
.signup-check .text-button{margin-left:auto}
.signup-doc{background:#fff9f5;border:1px solid #f0d7cd;border-radius:12px;padding:10px 12px;margin:6px 0;font-size:14px}
.signup-actions{margin-top:10px}
.login-gate{margin-top:12px}
#login{white-space:nowrap}
/* 3.47.0 · 연애 three wheels: the last column (새로운 인연 찾는 중) gets more room, the first less. */
.choice-wheels.three .wheel:nth-child(1){flex:.8}
.choice-wheels.three .wheel:nth-child(2){flex:1}
.choice-wheels.three .wheel:nth-child(3){flex:1.4}
.signup-form .choice-wheels.three .wheel-item{font-size:13.5px;letter-spacing:-.6px}
.signup-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:10px 12px;border:1px solid #f0d7cd;border-radius:14px;background:#fff9f5;font-size:16px}
.signup-switch .secondary{flex:0 0 auto}
.signup-switch [aria-pressed="true"]{background:#fde8e3 !important}
/* 3.47.1 · a dialog opens with focus on its title, not on 닫기 (no square ring on the phone). */
#dialog-title:focus{outline:none}
/* 3.48.0 · 상점(곰곰권) and 내 정보 boxes */
.store-box,.my-box,.wallet{background:#fff;border-radius:18px;box-shadow:0 4px 14px #c9907e1f;padding:14px 16px;margin:12px 0}
.store-box h2,.my-box h2,.wallet h2{font-size:16px !important;color:var(--a-ink) !important;margin:0 0 8px}
.my-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.my-head h2{margin:0 0 6px}
.my-box .summary-list{margin:0}
.my-box .summary-list div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #f6e9e1}
.my-box .summary-list div:last-child{border-bottom:0}
.my-box .summary-list dt{color:var(--a-muted)}
.my-box .summary-list dd{margin:0;text-align:right;color:var(--a-ink)}
.wallet .summary-list{margin:0}.wallet .summary-list div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #f6e9e1}.wallet .summary-list div:last-child{border-bottom:0}.wallet .summary-list dt{color:var(--a-muted)}.wallet .summary-list dd{margin:0;text-align:right;color:var(--a-ink)}
.key-fragments{margin-top:10px;padding-top:10px;border-top:1px dashed #f0d9cf}.key-fragments .my-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.key-fragments h3{font-size:15px;margin:0;color:var(--a-ink)}.key-fragments h3 strong{color:var(--a-lav-d)}
.fragment-dots{display:flex;gap:6px;margin:8px 0 4px}.fragment-dots i{flex:1;height:10px;border-radius:99px;background:#f6e9e1}.fragment-dots i.on{background:linear-gradient(90deg,#e8a598,#f2c39a)}
.pack span small{display:block;font-size:12px;color:#c0504a;font-weight:700}
.my-box .link-list,.store-box .link-list{margin:0}
.my-note{margin:-4px 4px 12px !important}
.ticket-count{font-size:17px;margin:0 0 2px;color:var(--a-ink)}
.ticket-count strong{color:var(--a-lav-d)}
.pack-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 10px}
.pack{display:grid;gap:2px;justify-items:center;padding:12px 4px;border:1.5px solid #efd8cc;border-radius:14px;background:#fffaf6;color:var(--a-ink);cursor:pointer}
.pack strong{font-size:14px;font-weight:600}
.pack span{font-size:13px;color:var(--a-muted)}
.pack.is-picked{border-color:var(--a-lav);background:linear-gradient(140deg,#fde8e3,#fff3ec);box-shadow:0 0 0 2px #e8a59755}
.pack.is-picked span{color:var(--a-lav-d)}
.store-box button.wide{width:100%;justify-content:center;text-align:center}
.code-row{display:flex;gap:8px;margin:6px 0}
.code-row input{flex:1;min-width:0;font-size:16px;padding:10px 12px;border:1.5px solid #efd8cc;border-radius:12px;background:#fff}
.store-field{display:grid;gap:6px;margin:6px 0 12px;font-size:14px;color:var(--a-muted)}
.store-field input,.store-field textarea{font-size:16px;padding:10px 12px;border:1.5px solid #efd8cc;border-radius:12px;background:#fff;color:var(--a-ink);font-family:inherit}
.store-label{display:block;font-size:14px;color:var(--a-muted);margin-top:4px}
.store-total{display:flex;justify-content:space-between;margin:10px 0;font-size:15px}
.store-total strong{color:var(--a-lav-d);font-size:18px}
.store-agree{margin:8px 0}
.store-box .summary-list div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #f6e9e1}
.store-box .summary-list dt{color:var(--a-muted)}
.store-box .summary-list dd{margin:0;text-align:right}
.small-links{display:flex !important;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:18px 0 8px !important}
.small-links button{font-size:12px !important;color:var(--a-muted) !important;background:none !important;border:0 !important;padding:2px 0 !important;width:auto !important;box-shadow:none !important}
#password-form input,#contact-form textarea{display:block;width:100%;box-sizing:border-box;font-size:16px;padding:10px 12px;margin:0 0 8px;border:1.5px solid #efd8cc;border-radius:12px;font-family:inherit}
.my-box .summary-list,.store-box .summary-list{border:0 !important;padding:0 !important;background:none !important;box-shadow:none !important}
.store-agree{display:flex !important;align-items:center;gap:6px;font-size:14px}
.store-agree .text-button{white-space:nowrap;flex:none;margin-left:auto}
/* 3.49.0 · 곰곰 원형 로고(카페 색, 그림자는 그림 안) + 아래 ‘사주카페’ 글자 */
.lobby-logo .lobby-mark{line-height:1 !important}
.lobby-logo .lobby-mark img{width:min(200px,52vw) !important}
.lobby-logo .lobby-name{display:block;margin-top:2px;font-family:Jua,Ssurround,Pretendard,sans-serif;font-weight:400;font-size:34px;letter-spacing:1px;color:var(--a-lav-d)}
.wordmark .wordmark-mark{height:32px !important}
/* 3.51.0 · small coloured buttons (수정·고치기·새로 확인·보기, 몰라·넘어갈게·새로 적을래): the
   quiet text links were easy to miss. */
.pill-button,.skip-link{display:inline-flex !important;align-items:center;gap:4px;background:#fff !important;border:1.5px solid var(--a-pink) !important;color:var(--a-lav-d) !important;border-radius:99px !important;padding:5px 14px !important;font-size:15px !important;font-weight:600;text-decoration:none !important;box-shadow:0 2px 6px #c9907e1f !important;cursor:pointer;width:auto !important;min-height:0 !important}
.pill-button:hover,.skip-link:hover{background:var(--a-pink-s) !important;color:var(--a-lav-d) !important}
.skip-row{margin:6px 4px 8px !important}
/* 3.51.0 · the café's tagline over the video, on one line. */
.room-caption{max-width:none !important;white-space:nowrap}
/* 3.51.0 · while 곰복이 walks in, a quiet line under the video says a tap skips ahead. */
.intro-skip{display:none}
#stage[data-intro="video"] .presence{overflow:visible !important}
#stage[data-intro="video"][data-motion-role="arrival"] .intro-skip{display:block;position:absolute;left:0;right:0;top:100%;margin:14px 16px 0;text-align:center;font-size:15px;color:var(--a-muted);opacity:0;animation:intro-skip-in .6s ease-out 1s forwards}
@keyframes intro-skip-in{to{opacity:.85}}
@media (prefers-reduced-motion: reduce){#stage[data-intro] .intro-skip{animation:none;opacity:.85}}
.pill-button,.skip-link{height:auto !important;line-height:1.3 !important;padding:4px 14px !important}
/* 3.53.0 · 곰복이 사주풀이씬 찾기 */
.scene-count{margin:0 0 2px;font-size:16px;color:var(--a-ink)}
.scene-count strong{color:var(--a-lav-d);font-size:19px}
.scene-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.scene-row{display:grid;grid-template-columns:28px 26px 1fr auto;align-items:center;gap:6px;padding:8px 10px;border-radius:14px;background:#fbf4ef}
.scene-row.is-open{background:linear-gradient(120deg,#fde8e3,#fff3ec)}
.scene-no{font-size:13px;color:var(--a-muted)}
.scene-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#efe3da;color:var(--a-muted);font-weight:700}
.scene-row.is-open .scene-mark{background:var(--a-lav);color:#fff}
.scene-title{font-size:15px;color:var(--a-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scene-row:not(.is-open) .scene-title{color:var(--a-muted)}

/* 3.58.0 · 주아: titles, card names, buttons */
h1,h2,h3,.page-title,.wordmark,.lobby-name,.primary,.secondary,.pill-button,.skip,.bottom-nav button,.fortune-card .card-copy strong,.friend-copy strong,.scene-count,.ticket-count,#dialog-title{font-family:Jua,Ssurround,Pretendard,sans-serif !important;font-weight:400 !important}
/* body faces have one weight: bold words get the rose-brown colour instead */
b,strong{font-weight:400}
.bubble b,.bubble strong,.story-body b,.story-body strong,.month-body b,.month-body strong,p b,p strong{color:var(--a-lav-d)}
/* 3.58.0 · tiny print: thin, clear Pretendard */
#info-dialog.is-legal #dialog-body,#info-dialog.is-legal #dialog-body p,.small-links button,.preview-note,.preview-note p,.preview-note > span,.luck-rules,.luck-rules p,.luck-rules summary,.sample-tag,.signup-check,.signup-check button,#signup-form details,#signup-form details p,.test-history,.test-history p,.test-history summary,.story-notes,.story-notes p,.story-notes summary,.store-agree,.my-note,.login-intro small{font-family:Pretendard,'Apple SD Gothic Neo',sans-serif !important;font-weight:400 !important;letter-spacing:0 !important}
#info-dialog.is-legal #dialog-body p,.luck-rules p,#signup-form details p{font-size:13px !important;line-height:1.65 !important;color:#7d675b !important}
#info-dialog.is-legal #dialog-body a{color:var(--a-lav-d)}
.small-links button{font-size:12px !important}
.preview-note,.preview-note p{font-size:12.5px !important;line-height:1.6 !important}
.luck-rules summary,.story-notes summary,.test-history summary{font-weight:600 !important}
/* 3.58.0 · 열쇠 조각 notice: big, in the middle of the café picture at the top */
.key-toast{position:fixed;left:50%;top:var(--key-toast-top,120px);transform:translate(-50%,-50%);z-index:60;min-width:230px;text-align:center;background:#fffaf6;color:var(--a-ink);border:2px solid #f3cfc2;padding:14px 22px 12px;border-radius:24px;box-shadow:0 12px 30px #7a4a3640;cursor:pointer;animation:key-pop .5s cubic-bezier(.2,1.6,.4,1) both,key-out .4s ease 3.6s forwards;bottom:auto}
.key-toast .key-icon{display:block;font-size:34px;line-height:1;margin-bottom:4px}
.key-toast strong{display:block;font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:19px;color:var(--a-lav-d)}
.key-toast small{display:block;margin-top:3px;font-size:13px;color:var(--a-muted)}
@keyframes key-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes key-out{to{opacity:0;transform:translate(-50%,-60%) scale(.95)}}
@media (prefers-reduced-motion:reduce){.key-toast{animation:key-out .4s ease 3.6s forwards}}

/* 3.61.0 · 매일 들르기 row, lucky draw, 곰곰 퍼즐, and the big key count in key popups */
.daily-heading{font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:17px;color:var(--a-ink);margin:18px 2px 8px}
.daily-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.daily-cards .daily-card{min-width:0}
.daily-cards .daily-card em{white-space:normal;word-break:keep-all}
.daily-card{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:64px;border:0;border-radius:20px;background:linear-gradient(140deg,#fff3ea,#fde7df);box-shadow:0 6px 16px #c9907e22;color:var(--a-ink);text-align:left;cursor:pointer}
.daily-card:nth-child(2){background:linear-gradient(140deg,#eef2e4,#f8f8ee)}
.daily-icon{font-size:28px;line-height:1}
.daily-card .card-copy{display:flex;flex-direction:column;min-width:0}
.daily-card strong{font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:17px}
.daily-card em{font-style:normal;font-size:12.5px;color:var(--a-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.daily-card .free-badge{position:absolute;right:8px;top:-8px;margin:0;max-width:calc(100% - 16px);font-size:12px;line-height:1.6;padding:0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.daily-panel{background:#fff;border-radius:22px;box-shadow:0 4px 14px #c9907e1f;padding:16px;margin:12px 0;text-align:center}
.daily-big{font-size:56px;line-height:1.1;margin:4px 0 10px}
.daily-panel .luck-card{margin:6px auto 8px;max-width:280px}
.daily-note{margin:4px 0 8px}
.puzzle-status{margin:6px 0 10px;color:var(--a-lav-d);font-family:Jua,Ssurround,sans-serif;font-size:16px}
.puzzle-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:320px;margin:0 auto 12px}
.puzzle-card{aspect-ratio:3/4;border:0;border-radius:14px;background:linear-gradient(140deg,#d9918a,#f0b49a);color:#fff;font-size:24px;font-family:Jua,sans-serif;box-shadow:0 4px 10px #c9907e33;cursor:pointer;transition:transform .2s}
.puzzle-card.is-open{background:#fff8f2;color:var(--a-ink);font-size:30px;transform:rotateY(0);box-shadow:inset 0 0 0 2px #f0cfc2}
.puzzle-card.is-done{background:#eef2e4;box-shadow:inset 0 0 0 2px #cdd9bb;opacity:.85}
.key-change{background:#fbefe8;border-radius:20px;padding:14px 10px 12px;margin:10px 0 10px;text-align:center}
.key-change-icon{font-size:30px;line-height:1}
.key-change-line{font-family:Jua,Ssurround,sans-serif;font-size:32px;margin:6px 0 2px;color:var(--a-ink)}
.key-change-line b{color:var(--a-lav-d);font-weight:400}
.key-change small{font-family:Pretendard,sans-serif;font-size:13px;color:var(--a-muted)}

/* 3.62.0 · follow-up cost box (two lines when a key becomes fragments) and the 내역 list */
.key-change-line.small{font-size:24px;margin:2px 0}
.ledger{margin-top:12px;border-top:1px dashed #f0d9cf;padding-top:10px;text-align:left}
.ledger summary{font-family:Jua,Ssurround,sans-serif;font-size:15px;color:var(--a-ink);cursor:pointer}
.ledger-list{list-style:none;margin:8px 0;padding:0}
.ledger-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f6e9e1;font-size:13px}
.ledger-when{font-family:Pretendard,sans-serif;color:var(--a-muted);font-size:12px}
.ledger-delta{font-family:Jua,Ssurround,sans-serif;color:#6f8a4e}
.ledger-delta.minus{color:#c0504a}

/* 3.63.0 · 내 정보 boxes fold with [+]/[−] */
.my-box .my-head{align-items:center}
.box-toggle{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:2px 0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.box-toggle h2{margin:0 !important}
.box-summary{font-size:13px;color:var(--a-lav-d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-sign{margin-left:auto;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:99px;border:1px solid #efd8cc;color:var(--a-lav-d);font-family:Pretendard,sans-serif;font-size:18px;line-height:1;flex:0 0 auto}
.my-box.is-folded{padding-bottom:12px}
.my-box .box-body{margin-top:8px}
.key-line{margin:2px 0;font-size:15px;color:var(--a-ink)}
.key-line strong{color:var(--a-lav-d);font-weight:400}

/* 3.64.0 · 곰곰탑 쌓기 and its weekly ranking */
.game-cards{display:grid;grid-template-columns:1fr;gap:12px;margin:8px 0 6px}
.daily-card.game-card{min-height:72px;padding:12px 14px;background:linear-gradient(140deg,#eef2e4,#f8f8ee)}
.daily-card.tower-card{background:linear-gradient(140deg,#f6ece4,#fbe3dd)}
.tower-wrap{max-width:340px;margin:0 auto 12px}
.tower-score{margin:0 0 6px;text-align:center;font-family:Jua,Ssurround,sans-serif;font-size:18px;color:var(--a-ink)}
.tower-board{position:relative;height:300px;border-radius:20px;overflow:hidden;background:linear-gradient(#fdf3ec,#f7e0d6);box-shadow:inset 0 0 0 2px #f0cfc2;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}
.tower-board:focus-visible{outline:3px solid #d9857a;outline-offset:2px}
.tw-block{position:absolute;display:block;height:18px;margin-bottom:2px;border-radius:6px;box-shadow:inset 0 -3px 0 #0000001a}
.tw-c0{background:#d9857a}.tw-c1{background:#f0b49a}.tw-c2{background:#b5c99a}.tw-c3{background:#e6c79c}.tw-c4{background:#c9a3c4}.tw-c5{background:#9cc3d0}
.tw-block.is-perfect{animation:tw-flash .45s ease-out}
.tw-block.is-fall{animation:tw-fall .6s ease-in forwards}
@keyframes tw-flash{0%{filter:brightness(1.6);transform:scaleY(1.25)}100%{filter:none;transform:none}}
@keyframes tw-fall{to{transform:translateY(240px) rotate(18deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.tw-block.is-perfect,.tw-block.is-fall{animation:none}}
.tower-hint{text-align:center}
.tower-result{text-align:center;margin:0 0 12px}
.tower-result h2{margin:0;font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:34px;color:#b5705f}
.tower-result p{margin:4px 0 0}
.tower-best{color:#b5705f}
.tower-ranking{margin:14px 0 10px;padding:12px 14px;border-radius:18px;background:#fffaf6;box-shadow:inset 0 0 0 1px #f0d9cf}
.tower-ranking h3{margin:0 0 8px;font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:18px}
.tower-ranking h3 small{font-family:Pretendard,sans-serif;font-size:12px;color:var(--a-muted);margin-left:6px}
.tower-rank{list-style:none;margin:0;padding:0}
.tower-rank li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:5px 2px;border-bottom:1px dashed #f0d9cf}
.tower-rank li:last-child{border-bottom:0}
.tower-rank b{font-family:Jua,sans-serif;font-weight:400;color:#b5705f;text-align:center}
.tower-rank li:nth-child(-n+3) b{color:#fff;background:#d9857a;border-radius:50%;width:24px;height:24px;line-height:24px}
.tower-rank span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tower-rank em{font-style:normal;font-family:Jua,sans-serif}
.tower-rank li.is-me{background:#fdeee8;border-radius:10px}
.tower-mine{margin:10px 0 4px}
.tower-prize{font-family:Pretendard,sans-serif;font-size:12.5px}

/* 3.66.0 · 곰복이 pictures and 곰복이 점프 */
.daily-icon.daily-face{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center}
.daily-icon.daily-face img{max-width:100%;max-height:100%;object-fit:contain}
.daily-card.jump-card{background:linear-gradient(140deg,#fbeee4,#f6e5d6)}

.tw-block{background-repeat:no-repeat}
.result-face{width:84px;height:84px;object-fit:contain;display:block;margin:0 auto 4px}
.key-toast .key-icon img{width:56px;height:56px;object-fit:contain;display:block}
.jump-board{position:relative;height:250px;border-radius:20px;overflow:hidden;background:linear-gradient(#fdf3ec,#f9e6dc);box-shadow:inset 0 0 0 2px #f0cfc2;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}
.jump-board:focus-visible{outline:3px solid #d9857a;outline-offset:2px}
.jump-ground{position:absolute;left:0;right:0;bottom:0;height:26px;background:repeating-linear-gradient(90deg,#e8c7b5 0 20px,#f0d4c4 20px 40px);background-position-x:var(--jump-shift,0);border-top:2px solid #d9a993}
.jump-runner{position:absolute;display:block;aspect-ratio:200/151;background:url(/gombok-run-sheet-v1.webp) 0 0/2800% 100% no-repeat;pointer-events:none}
.jump-runner.is-crashed{background:url(/gombok-surprised-face-v1.webp) center bottom/contain no-repeat}
.jump-thing{position:absolute;display:flex;align-items:center;justify-content:center;font-style:normal;line-height:1;border-radius:10px 10px 4px 4px;background:#f3d9c9;box-shadow:inset 0 -3px 0 #0000001a}
.jump-thing.jt-0{background:#e9cdb8}.jump-thing.jt-1{background:#d8e3c8}.jump-thing.jt-2{background:#e7d3e6}

/* 3.67.0 · 곰복이 점프 button and things in the air */
.jump-button{display:block;width:100%;max-width:340px;margin:10px auto 4px;height:64px;border:0;border-radius:20px;background:linear-gradient(140deg,#d9857a,#f0b49a);color:#fff;font-family:Jua,Ssurround,sans-serif;font-size:24px;box-shadow:0 6px 0 #b5705f,0 10px 18px #c9907e44;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer}
.jump-button:active{transform:translateY(4px);box-shadow:0 2px 0 #b5705f,0 4px 10px #c9907e44}
.jump-thing.jt-3,.jump-thing.jt-4{background:transparent;box-shadow:none}
.daily-panel.is-playing{margin-top:0}

/* 3.68.0 · 복주머니 받기 */
.daily-card.catch-card{background:linear-gradient(140deg,#fdecea,#f9e2d6)}
.catch-board{position:relative;height:300px;border-radius:20px;overflow:hidden;background:linear-gradient(#fbf1f0,#f6e6dc 70%,#efd8ca);box-shadow:inset 0 0 0 2px #f0cfc2;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}
.catch-runner{position:absolute;display:block;height:auto;pointer-events:none;transform:scaleX(-1)}
img.catch-runner[src*="surprised"]{transform:none}
.catch-thing{position:absolute;display:block;font-style:normal;line-height:1;pointer-events:none}
.catch-buttons{display:flex;gap:12px;max-width:340px;margin:0 auto}
.catch-buttons .jump-button{flex:1;margin:10px 0 4px;font-size:28px}

/* 3.70.0 · small sitting 곰복이 beside waiting lines and empty lists */
.gombok-note{display:flex;align-items:center;gap:12px;text-align:left;margin:8px 0}
.gombok-note .gombok-sit{flex:0 0 auto;width:48px;height:auto;filter:drop-shadow(0 3px 4px #b5705f22)}
.gombok-note-text{min-width:0;flex:1}
.gombok-note-text>p{margin:2px 0}
.gombok-note.is-loading .gombok-sit{animation:gombok-bob 1.1s ease-in-out infinite;transform-origin:50% 100%}
.soon-box .gombok-note{justify-content:center}
.soon-box .gombok-note-text{flex:0 1 auto}
.soon-box .gombok-sit{width:64px}
.soon-box .gombok-note .gombok-sit{animation:gombok-bob 1.6s ease-in-out infinite;transform-origin:50% 100%}
@keyframes gombok-bob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-5px) rotate(-3deg)}60%{transform:translateY(0) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.gombok-note .gombok-sit{animation:none!important}}

/* 3.71.0 · play-count line stays on one line; a back button that floats at the bottom left */
.daily-panel>.ticket-count{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(12px,3.6vw,16px)}
.soon-actions{min-height:56px}
.soon-actions .float-back{position:fixed;left:max(16px,calc((100vw - 480px) / 2 + 16px));bottom:calc(var(--float-back-bottom,84px) + env(safe-area-inset-bottom,0px));z-index:30;margin:0;padding:10px 18px;border-radius:999px;background:#fff;border:1.5px solid var(--a-rose,#d9857a);color:var(--a-rose-deep,#b5705f);box-shadow:0 6px 16px #b5705f33;font-size:16px}
body:has(.daily-panel.is-playing) .soon-actions .float-back{display:none}

/* 3.72.0 · lucky draw charges */
.draw-dots{display:flex;justify-content:center;gap:8px;margin:4px 0 10px}
.draw-dots span{width:12px;height:12px;border-radius:50%;border:2px solid #d9857a;background:#fff}
.draw-dots span.on{background:#e2463f;border-color:#e2463f}

/* 3.72.0 · [준비 완료] and the 3·2·1 countdown over a game board */
.tower-wrap,.ready-wrap{position:relative}
.ready-cover{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#4a2a1f47;border-radius:18px}
.ready-go{font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:24px;padding:16px 36px;border:0;border-radius:999px;background:linear-gradient(135deg,#d9857a,#f0b48f);color:#fff;box-shadow:0 8px 20px #b5705f55;cursor:pointer}
.ready-count{font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:96px;line-height:1;color:#fff;text-shadow:0 4px 18px #7a4a36aa;animation:count-pop 1s ease-out infinite}
@keyframes count-pop{0%{transform:scale(1.35);opacity:.2}25%{transform:scale(1);opacity:1}100%{transform:scale(.92);opacity:.85}}
@media (prefers-reduced-motion:reduce){.ready-count{animation:none}}

/* 3.72.0 · login: remember id / stay signed in */
.login-checks{display:flex;gap:14px;flex-wrap:wrap;margin:4px 0 2px}
.login-checks .check{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--a-ink)}
.login-checks input{width:18px;height:18px;accent-color:#d9857a}

/* 3.72.0 · 내 사주 정보 고치기: tabs */
.profile-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding-bottom:2px}
.profile-tabs::-webkit-scrollbar{display:none}
.profile-tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:62px;max-width:110px;padding:6px 10px;border:1.5px solid #ead5c8;border-radius:14px;background:#fff;color:var(--a-ink);cursor:pointer}
.profile-tab b{font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:15px;position:relative}
.profile-tab small{max-width:100%;font-size:11px;color:var(--a-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-tab.on{border-color:#d9857a;background:#fdeee8}
.tab-dot{position:absolute;top:-2px;right:-8px;width:6px;height:6px;border-radius:50%;background:#e2463f}

/* 3.72.0 · 내 풀이 기록 */
.reading-bar{display:flex;justify-content:flex-end;gap:6px;margin:0 0 8px}
.pill-button.danger{border-color:#e2463f;color:#e2463f}
.pill-button.danger[disabled]{opacity:.45}
.reading-list{display:flex;flex-direction:column;gap:8px}
.reading-row{display:flex;align-items:stretch;gap:6px;border:1px solid #f0e2d8;border-radius:16px;background:#fff;padding:2px}
.reading-row.is-busy{opacity:.6}
.reading-row input{margin:0 4px 0 10px;width:20px;height:20px;align-self:center;accent-color:#d9857a}
.reading-copy{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;border:0;background:none;text-align:left;color:var(--a-ink)}
.reading-copy b{font-family:Jua,Ssurround,sans-serif;font-weight:400;font-size:16px}
.reading-copy span{grid-column:1;font-size:12.5px;color:var(--a-muted)}
.reading-copy small{grid-column:1;font-size:13px;color:var(--a-ink);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reading-copy i{grid-column:2;grid-row:1/span 3;align-self:center;font-style:normal;color:#d9857a}
button.reading-open{cursor:pointer}
.reading-trash{flex:0 0 44px;border:0;background:none;font-size:18px;cursor:pointer;opacity:.7}
.archived-note{margin:14px 0}

/* 3.72.0 · 오늘의 운세 */
.today-card { background: #fff; border-radius: 22px; padding: 18px 16px; margin: 12px 0; box-shadow: 0 6px 18px rgba(181,112,95,.12); }
.today-card h1 { font-size: 22px; margin: 6px 0 12px; color: var(--rose-deep, #8a4a3c); }
.today-card h2 { font-size: 17px; margin: 0 0 8px; }
.today-rows, .today-lucky { list-style: none; margin: 0; padding: 0; }
.today-row { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(181,112,95,.15); }
.today-row:first-child { border-top: 0; }
.today-name { font-family: var(--font-title, inherit); font-size: 16px; }
.today-grade { justify-self: end; font-size: 13px; padding: 2px 10px; border-radius: 99px; background: #f3ebe4; color: #6b5048; }
.today-grade.grade-vg { background: #ffd9d2; color: #a3402f; }
.today-grade.grade-g { background: #ffe9d6; color: #a35a2a; }
.today-grade.grade-b { background: #e6eef2; color: #3f5f70; }
.today-grade.grade-vb { background: #d9e3ea; color: #2c4a5c; }
.today-row p { grid-column: 1 / -1; margin: 0; font-size: 15px; line-height: 1.55; }
.today-lucky { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.today-lucky li { background: #fff6ee; border-radius: 14px; padding: 8px; text-align: center; display: grid; gap: 2px; }
.today-lucky span { font-size: 12px; color: #9a7a6e; }
.today-lucky strong { font-size: 13px; font-weight: 400; word-break: keep-all; }
.today-nudge p { margin: 0 0 10px; }
.today-note { margin-top: 12px; }

/* 3.73.0 · 결제 내역 · 가상 결제 · 테스트 모드 */
.order-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.order-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff6ee; border-radius: 14px; padding: 10px 12px; }
.order-row > div { display: grid; gap: 2px; min-width: 0; }
.order-row small { color: #9a7a6e; font-size: 12.5px; }
.order-row .gift-message { color: #7a4a36; }
.order-sub { font-size: 15px; margin: 14px 0 8px; }
.virtual-note, .virtual-pay-head { background: #fff1e3; border-radius: 12px; padding: 8px 12px; color: #8a4a3c; }
.temp-password { font-family: 'Pretendard', monospace; font-size: 22px; letter-spacing: 2px; text-align: center; background: #fff6ee; border-radius: 12px; padding: 10px; user-select: all; }
.daily-cards.one { grid-template-columns: minmax(0, 1fr); }
html.free-mode [data-page="store"] { display: none; }

/* 3.73.1 · 홈 화면에 추가 안내 띠 */
.install-strip { position: fixed; z-index: 60; top: calc(env(safe-area-inset-top, 0px) + 8px); left: 50%; transform: translateX(-50%); width: min(456px, calc(100vw - 24px)); display: flex; align-items: center; gap: 8px; padding: 10px 10px 10px 14px; background: #fff; border: 1.5px solid #e8b7a8; border-radius: 18px; box-shadow: 0 8px 24px rgba(122,74,54,.18); animation: strip-in .35s ease-out; }
.install-strip p { flex: 1; margin: 0; font-size: 14px; line-height: 1.45; color: #6b4a3c; }
.install-strip p small { display: block; font-size: 12px; color: #9a7a6e; margin-top: 2px; }
.install-strip .primary { flex: none; padding: 8px 12px; font-size: 14px; min-height: 0; width: auto; }
.install-strip .install-close { flex: none; width: 30px; height: 30px; border: 0; background: transparent; color: #9a7a6e; font-size: 20px; line-height: 1; font-family: "Pretendard", system-ui, sans-serif; }
.install-hint { margin-top: 6px; }
[data-box="install"] .wide + .wide { margin-top: 8px; }
@keyframes strip-in { from { opacity: 0; transform: translate(-50%, -8px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (prefers-reduced-motion: reduce) { .install-strip { animation: none; } }