.kkaebu-tutorial[open] { position:fixed !important; inset:0 !important; width:100vw !important; height:100dvh !important; max-width:none !important; max-height:none !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; overflow:hidden !important; color:var(--theme-ink,#293c33); }
.kkaebu-tutorial::backdrop { background:transparent; }
.kkaebu-tutorial .tutorial-focus { position:fixed; box-sizing:border-box; border:2px solid var(--theme-accent,#28765e); border-radius:14px; box-shadow:0 0 0 150vmax rgb(12 25 21 / 55%); pointer-events:none; }
.kkaebu-tutorial .tutorial-focus[hidden] { display:none; }
.kkaebu-tutorial:has(.tutorial-focus[hidden]) { background:rgb(12 25 21 / 55%) !important; }
.kkaebu-tutorial .tutorial-card { position:fixed; left:50%; transform:translateX(-50%); box-sizing:border-box; width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:1px solid var(--theme-line,#dfe8e2); border-radius:20px; color:var(--theme-ink,#293c33); background:var(--theme-panel,#fff); box-shadow:0 8px 30px rgb(10 25 18 / 12%); }
.kkaebu-tutorial h2 { margin:8px 0 12px; color:inherit; font-size:20px; line-height:1.4; }
.kkaebu-tutorial .tutorial-close { position:absolute; top:8px; right:8px; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--theme-muted,#68766f); font-size:24px; cursor:pointer; }
.kkaebu-tutorial .tutorial-count { margin:0; color:var(--theme-accent,#28765e); font-size:12px; font-weight:650; }
.kkaebu-tutorial .tutorial-copy { margin:0; color:var(--theme-muted,#68766f); font-size:14px; line-height:1.7; word-break:keep-all; overflow-wrap:anywhere; }
.kkaebu-tutorial .tutorial-actions { display:flex; align-items:center; gap:8px; margin-top:22px; }
.kkaebu-tutorial .tutorial-actions span { flex:1; }
.kkaebu-tutorial .tutorial-actions button { min-height:44px; padding:8px 12px; border:0; border-radius:12px; font:inherit; font-size:13px; color:var(--theme-accent,#28765e); background:var(--theme-raised,#f1f6f3); cursor:pointer; white-space:nowrap; }
.kkaebu-tutorial .tutorial-actions [data-tutorial-skip] { padding-inline:0; background:transparent; color:var(--theme-muted,#68766f); font-size:12px; }
.kkaebu-tutorial .tutorial-actions [data-tutorial-next] { color:var(--theme-accent-ink,#fff); background:var(--theme-accent,#28765e); font-weight:650; }
.kkaebu-tutorial button[hidden] { display:none; }
.tutorial-picker { box-sizing:border-box; width:min(400px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:22px; border:1px solid var(--theme-line,#dfe8e2); border-radius:20px; color:var(--theme-ink,#293c33); background:var(--theme-panel,#fff); }
.tutorial-picker::backdrop { background:rgb(12 25 21 / 45%); }
.tutorial-picker header { display:flex; align-items:center; justify-content:space-between; }
.tutorial-picker h2 { margin:0; font-size:19px; color:inherit; }
.tutorial-picker header button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; color:var(--theme-muted,#68766f); background:var(--theme-raised,#f1f6f3); font-size:25px; line-height:1; }
.tutorial-picker p { color:var(--theme-muted,#68766f); font-size:13px; }
.tutorial-picker nav { display:grid; grid-template-columns:1fr; gap:10px; }
.tutorial-picker nav :is(a,button) { display:flex; align-items:center; justify-content:center; min-height:48px; padding:8px; border:1px solid var(--theme-line,#dfe8e2); border-radius:12px; background:var(--theme-raised,#f1f6f3); color:var(--theme-ink,#293c33); font:inherit; text-decoration:none; cursor:pointer; }
@media (max-width:359px) { .kkaebu-tutorial .tutorial-card { padding:20px; } .kkaebu-tutorial .tutorial-actions { gap:5px; } .kkaebu-tutorial .tutorial-actions button { padding-inline:9px; } }

.kakao-start-dialog { box-sizing:border-box; position:fixed; inset:0; margin:auto; width:min(430px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:24px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--theme-line,#dfe8e2); border-radius:24px; background:var(--theme-panel,#fff); color:var(--theme-ink,#293c33); box-shadow:0 16px 60px rgb(10 25 18 / 20%); }
.kakao-start-dialog::backdrop { background:rgb(12 25 21 / 55%); }
.kakao-start-dialog .kakao-start-close { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:40px; height:40px; min-height:40px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--theme-muted,#68766f); font-size:26px; cursor:pointer; }
.kakao-start-eyebrow { margin:4px 24px 10px 0; color:var(--theme-accent,#28765e); font-size:11px; font-weight:650; }
.kakao-start-dialog h2 { margin:0 0 12px; color:inherit; font-size:28px; line-height:1.3; letter-spacing:-.04em; }
#kakao-start-copy { margin:0 0 16px; color:var(--theme-muted,#68766f); font-size:13px; line-height:1.65; word-break:keep-all; }
.kakao-start-dialog figure { margin:0; }
.kakao-start-dialog figure img { display:block; width:100%; height:auto; border:1px solid #c5d4db; border-radius:16px; }
.kakao-start-dialog figcaption { margin-top:7px; color:var(--theme-muted,#68766f); text-align:center; font-size:11px; }
.kakao-start-dialog ol { margin:16px 0; padding-left:21px; font-size:12px; line-height:1.7; word-break:keep-all; }
.kakao-start-dialog li+li { margin-top:4px; }
.kakao-start-dialog .kakao-start-primary { display:flex; align-items:center; justify-content:center; min-height:48px; padding:10px; border:0; border-radius:12px; background:#fee500; color:#191919; font-size:14px; font-weight:700; text-align:center; text-decoration:none; }
.kakao-start-links { display:grid; gap:9px; margin:14px 0; text-align:center; }
.kakao-start-links a { color:var(--theme-accent,#28765e); font-size:12px; text-underline-offset:3px; }
.kakao-start-dialog .kakao-start-later { display:block; width:100%; min-height:40px; padding:8px; border:0; background:transparent; color:var(--theme-muted,#68766f); font:inherit; font-size:12px; cursor:pointer; }
.kakao-start-dialog :focus-visible { outline:3px solid var(--theme-accent,#28765e); outline-offset:3px; }
@media(max-width:359px) { .kakao-start-dialog { padding:20px 16px; } .kakao-start-dialog h2 { font-size:25px; } }



.tutorial-picker nav > :is(a,button) { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; justify-content:start; gap:10px; padding:10px 12px; text-align:left; }
.tutorial-tab-icon { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; }
.tutorial-tab-icon > :is(svg,img) { flex:none; width:24px; height:24px; object-fit:contain; }