@font-face{font-family:Gaegu;src:url(/fonts/Gaegu-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Gaegu;src:url(/fonts/Gaegu-Bold.ttf) format("truetype");font-weight:700;font-display:swap}.bap-page{--paper:#f7f0e3;--bap-ink:#24211d;--coral:#d85d4b;--blue:#4f77a4;--sage:#8fa889;color:var(--bap-ink);font-family:Pretendard,Apple SD Gothic Neo,sans-serif;background-color:var(--paper);background-image:linear-gradient(transparent 35px,#c2b49b26 36px);background-size:100% 36px;min-height:100vh;overflow:clip}.bap-page *{box-sizing:border-box}.bap-page a{color:inherit;text-decoration:none}.bap-brand,.bap-page h1,.bap-page h2,.bap-page h3,.hero-note{font-family:Gaegu,sans-serif;font-weight:700;letter-spacing:-.04em}.bap-page h1,.bap-page h2,.bap-page h3,.bap-page p{margin:0}.bap-page button,.bap-page input,.bap-page select,.bap-page textarea{font:inherit}.bap-page a:focus-visible,.bap-page button:focus-visible,.bap-page input:focus-visible,.bap-page select:focus-visible,.bap-page textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.bap-header{height:104px;max-width:1240px;padding:0 42px;margin:auto;justify-content:space-between;border-bottom:2px solid #5148399c;gap:24px}.bap-brand,.bap-header{display:flex;align-items:center}.bap-brand{gap:10px;font-size:38px;white-space:nowrap}.bap-brand img{object-fit:contain}.bap-header nav{display:flex;gap:36px;font-size:21px;font-family:Gaegu;font-weight:700}.bap-header nav a:hover{color:var(--coral)}.bap-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 23px;border:1.8px solid;border-radius:9px 12px 8px 10px;font-weight:700;background:transparent;cursor:pointer;transition:transform .16s,box-shadow .16s}.bap-button:hover{transform:translateY(-2px);box-shadow:2px 3px 0 #24211d33}.bap-button.primary{color:#fff;background:var(--coral);border-color:#8e392b;box-shadow:3px 4px 0 #69332430;padding:18px 28px;font-size:18px}.bap-button.outline{color:#663a2d}.bap-button:disabled{opacity:.5;cursor:default;transform:none}.bap-hero{max-width:1170px;margin:0 auto;padding:84px 38px 72px;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.hero-copy h1{font-size:clamp(50px,5.2vw,76px);line-height:1.34;letter-spacing:-.07em}.pencil-underline{position:relative;white-space:nowrap}.pencil-underline:after{content:"";position:absolute;height:5px;background:#edbc38;left:0;right:0;bottom:0;transform:rotate(-1.2deg);border-radius:70% 30% 65% 40%;box-shadow:0 6px 0 -1px #edbc3880}.hero-copy>p{font-size:21px;line-height:1.9;margin:35px 0 30px}.hero-note{display:flex;align-items:center;gap:8px;width:max-content;font-size:23px;transform:rotate(-3deg);border-bottom:2px solid var(--coral);margin:25px 0 0 30px;padding-bottom:6px}.hero-note svg{color:var(--coral)}.hero-notebook{height:492px;border:2px solid #958469;border-radius:21px 25px 30px 19px;box-shadow:4px 5px 0 #efe5ce,5px 6px 0 #958469,9px 11px 0 #e9dcc2,10px 12px 0 #958469,15px 18px 9px #77634030;background:linear-gradient(90deg,transparent 31px,#d85d4b33 32px,transparent 33px),repeating-linear-gradient(0deg,#fffaf0,#fffaf0 35px,#bbcab645 36px);position:relative;transform:rotate(-2deg);padding:52px 43px}.paper-tape{position:absolute;width:138px;height:42px;background:#efd17bab;border:1px dashed #c9a14988;top:-23px;left:34%;transform:rotate(7deg)}.vocab-word{font-family:Gaegu;font-size:72px;color:#345c83;line-height:1.1;border-bottom:3px solid #345c83;display:inline-block}.vocab-meta{color:#7f7562;margin-top:12px;font-size:18px;display:flex;justify-content:space-between}.vocab-meta span{font-family:Gaegu;color:#345c83;font-size:26px}.vocab-meaning{font-family:Gaegu;font-size:40px;margin-top:21px}.hero-rice{position:absolute;bottom:26px;left:15px;width:51%;height:auto;transform:rotate(7deg)}.mnemonic-note{position:absolute;right:-22px;bottom:29px;width:210px;padding:17px 21px;background:#fff9e7;border:1.5px solid #958469;border-radius:6px 7px 13px 5px;box-shadow:3px 4px 0 #92816650;transform:rotate(4deg)}.mnemonic-note>span{font:700 27px Gaegu;color:#768952;border-bottom:2px solid #a8b06f}.mnemonic-note p{font:26px/1.2 Gaegu;margin:12px 0 8px}.mnemonic-note strong{font-weight:700}.mnemonic-note small{font-size:11px;color:#817260}.bap-how{max-width:1110px;margin:0 auto 58px;border:1.5px solid #b9a684;border-radius:24px 21px 27px 20px;background:#fffaf09c;display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;align-items:center;padding:36px 24px}.bap-how article{position:relative;text-align:center}.bap-how article>svg{width:47px;height:47px;stroke-width:1.5;margin-bottom:10px}.step-no{background:#8d9b6b;color:#fff;font:28px Gaegu;border-radius:50%;width:32px;height:32px;position:absolute;left:calc(50% - 85px);top:0}.bap-how h2{font-size:29px;margin-bottom:10px}.bap-how p{font-size:15px;line-height:1.7}.step-arrow{stroke-width:1.3}.bap-books{max-width:1060px;margin:0 auto 62px;display:grid;grid-template-columns:1fr 1fr;grid-gap:58px;gap:58px;padding:0 20px}.book{text-align:center;border:2px solid #a48b48;border-left:17px solid #e7c872;border-radius:21px 16px 22px 9px;background:#fff9e8;box-shadow:5px 6px 0 #ece0b9,6px 7px 0 #a48b48,10px 12px 0 #e4d7b2,11px 13px 0 #a48b48;padding:30px;position:relative;transform:rotate(-1deg)}.book.blue{border-color:#577895 #577895 #577895 #8fa6b7;background:#f8f6ed;box-shadow:5px 6px 0 #e1e6e4,6px 7px 0 #577895,10px 12px 0 #cbd5d8,11px 13px 0 #577895;transform:rotate(1deg)}.book>svg{color:#a27921;stroke-width:1.3}.book.blue>svg{color:var(--blue)}.book h2{font-size:39px;margin:12px 0}.book p{line-height:1.8;font-size:16px;margin-bottom:22px}.book .bap-button{color:#996316}.book.blue .bap-button{color:#345c83}.bap-plus{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;align-items:center;max-width:1110px;margin:auto;padding:25px 28px;border:1.5px solid #b9a684;border-radius:23px 20px 17px 24px;background:#fffaf0a3}.bap-plus>div{display:flex;align-items:center;gap:15px}.bap-plus h2{font-size:32px;line-height:1.25}.bap-plus article{text-align:center;border-left:1px dashed #b9a684}.bap-plus article svg{height:28px;color:var(--coral);stroke-width:1.5}.bap-plus article:nth-child(3) svg{color:#6d8756}.bap-plus article:nth-child(4) svg{color:var(--blue)}.bap-plus h3{font-size:29px;margin:5px}.bap-plus p{font-size:12px;color:#766c5d}.bap-purchase-note{text-align:center;font-size:12px;line-height:1.8;color:#7c7060;padding:20px 20px 0}.bap-closing{text-align:center;padding:60px 20px}.bap-closing>svg{color:var(--coral)}.bap-closing p{font:26px/1.5 Gaegu;margin:15px 0}.bap-closing a{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;border-bottom:1px solid;padding-bottom:5px}.bap-footer{border-top:1px solid #b9a684;max-width:1160px;margin:auto;display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:28px 25px}.bap-footer .bap-brand{font-size:26px}.bap-footer .bap-brand img{width:38px;height:38px}.bap-footer>p{font:20px Gaegu;color:#7c7060}.bap-footer nav{display:flex;gap:17px;margin-left:auto;flex-wrap:wrap;font-size:12px}.bap-footer small{font-size:11px;color:#7c7060}.bap-content{max-width:1100px;margin:auto;padding:55px 30px;min-height:65vh}.bap-content h1{font-size:46px;line-height:1.2;margin-bottom:16px}.bap-content h2{font-size:30px;margin-bottom:14px}.bap-content>.intro{line-height:1.8;color:#7b7060;margin-bottom:30px}.bap-paper{background:#fffcf5;border:1.5px solid #b9a684;border-radius:15px;padding:26px;margin-bottom:22px;box-shadow:3px 4px 0 #c6b89945}.bap-error{background:#fce2d9;border:1px solid var(--coral);padding:14px;border-radius:10px;font-size:14px;line-height:1.6;margin:15px 0}.bap-empty{padding:50px 20px;text-align:center;color:#7b7060}.bap-field{display:flex;flex-direction:column;gap:9px;margin:17px 0;font-size:14px}.bap-field input,.bap-field select,.bap-field textarea{border:1px solid #a59680;background:#fffdf8;border-radius:8px;padding:12px;min-height:46px;color:#24211d}.bap-field textarea{min-height:110px;resize:vertical}.bap-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bap-table-wrap{overflow:auto}.bap-table{width:100%;border-collapse:collapse;font-size:14px}.bap-table td,.bap-table th{text-align:left;padding:15px;border-bottom:1px solid #c8bca5;white-space:nowrap}.bap-table th{font-weight:700;font-size:12px;color:#7b7060}.bap-muted{font-size:13px;color:#7b7060;line-height:1.8}.bap-link{color:#345c83!important;text-decoration:underline!important;text-underline-offset:4px}.bap-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.bap-status{font-size:12px;border:1px solid #bcac93;border-radius:7px;padding:4px 7px;white-space:nowrap}.bap-chat{background:#e1e9ec;border:1px solid #b4c1c7;border-radius:14px;min-height:320px;max-height:540px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:17px}.bap-message{align-self:flex-start;max-width:80%}.bap-message.own{align-self:flex-end;text-align:right}.bap-message p{background:#fffdf7;padding:13px 17px;border-radius:4px 16px 16px 16px;line-height:1.6;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}.bap-message.own p{background:#f9dd76;border-radius:16px 4px 16px 16px}.bap-message small{display:block;font-size:11px;color:#627078;margin-top:6px}.bap-loading{padding:45px;color:#7b7060;text-align:center}.bap-deck-count{font:28px Gaegu;color:#7b7060;margin:10px 0}.bap-word-list{list-style:none;padding:0}.bap-word-list li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px dashed #c8bca5}.bap-word-list strong{font-size:17px}.bap-word-list span{font-size:14px;color:#6d6354}@media(min-width:1400px){.bap-hero{padding-top:95px;padding-bottom:88px}.hero-notebook{height:505px}}@media(max-width:900px){.bap-header{padding:0 24px;height:88px}.bap-header nav{gap:18px;font-size:18px}.bap-brand{font-size:30px}.bap-brand img{width:43px;height:43px}.bap-hero{gap:34px;padding:60px 30px}.hero-copy h1{font-size:52px}.hero-copy>p{font-size:17px}.hero-notebook{height:430px;padding:48px 28px}.vocab-word{font-size:56px}.vocab-meaning{font-size:33px}.vocab-meta{font-size:13px}.mnemonic-note{width:175px;right:-10px;padding:15px}.mnemonic-note p{font-size:23px}.bap-how,.bap-plus{margin-left:25px;margin-right:25px}.bap-how{padding:30px 12px}.bap-how h2{font-size:23px}.bap-how p{font-size:13px}.bap-books{gap:32px;padding:0 32px}.book{padding:25px 16px}.book h2{font-size:32px}.bap-plus{grid-template-columns:1.8fr 1fr 1fr 1fr;padding:23px 16px}.bap-plus>div img{display:none}.bap-plus h2{font-size:27px}.bap-plus h3{font-size:24px}.bap-footer nav{margin-left:0}.bap-content{padding:40px 24px}}@media(max-width:620px){.bap-header{height:78px;padding:0 20px;gap:12px}.bap-header nav{display:none}.bap-header .bap-button{font-size:13px;min-height:42px;padding:10px 14px;gap:9px}.bap-brand{font-size:30px}.bap-hero{grid-template-columns:1fr;padding:38px 25px 49px;gap:50px;max-width:440px}.hero-copy h1{font-size:52px}.hero-copy>p{font-size:17px;line-height:1.8;margin:25px 0}.hero-copy .bap-button{font-size:16px;padding:16px 23px}.hero-note{font-size:21px;margin-left:12px}.hero-notebook{height:422px;width:calc(100% - 10px);padding:40px 32px}.vocab-word{font-size:60px}.vocab-meaning{font-size:36px}.mnemonic-note{width:175px;right:-16px;bottom:20px}.hero-rice{bottom:16px}.bap-how{grid-template-columns:1fr;margin:12px 22px 38px;padding:31px 18px;gap:29px}.bap-how article{padding-left:82px;text-align:left;min-height:82px}.bap-how article>svg{position:absolute;left:8px;top:12px;width:44px}.step-no{left:45px;top:0;width:24px;height:24px;font-size:22px}.bap-how h2{font-size:25px}.bap-how p{font-size:14px}.step-arrow{display:none}.bap-books{grid-template-columns:1fr;gap:35px;padding:0 33px;margin-bottom:47px}.book{padding:24px}.book h2{font-size:34px}.bap-plus{grid-template-columns:repeat(3,1fr);margin:0 22px;padding:23px 15px;gap:20px 0}.bap-plus>div{grid-column:1/-1;justify-content:center;border-bottom:1px dashed #b9a684;padding-bottom:25px}.bap-plus>div img{display:block;width:65px;height:65px}.bap-plus article:nth-child(2){border:0}.bap-plus h2{font-size:30px}.bap-plus p{font-size:11px}.bap-purchase-note{font-size:11px;padding:17px 28px 0}.bap-closing{padding:39px 20px}.bap-footer{gap:13px;padding:25px 22px}.bap-footer nav{width:100%;gap:15px;font-size:11px}.bap-footer small{width:100%}.bap-content h1{font-size:36px}.bap-content{padding:34px 20px}.bap-grid{grid-template-columns:1fr}.bap-paper{padding:20px}.bap-message{max-width:90%}.bap-chat{padding:17px}.bap-actions .bap-button{font-size:13px;padding:12px 15px}}@media(prefers-reduced-motion:reduce){.bap-page *{transition:none!important;scroll-behavior:auto!important}}html:has(.bap-page){scroll-behavior:smooth}body:has(.bap-page){background:#f7f0e3}.bap-theme-toggle{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;cursor:pointer;border:1px solid #958469;border-radius:50%;color:inherit;background:transparent;margin-left:auto}.bap-header nav{margin-left:auto}.bap-header .bap-theme-toggle{margin-left:0}[data-bap-theme=dark] .bap-page{--paper:#242320;--bap-ink:#f1e9d7;--coral:#ef8975;--blue:#9cbbd9;--sage:#b0c3a0;background-image:linear-gradient(transparent 35px,#bdb39e15 36px)}[data-bap-theme=dark] .bap-header{border-color:#91836b}[data-bap-theme=dark] .bap-button.outline{color:#ecaa91}[data-bap-theme=dark] .bap-button.primary{background:#b65142;color:#fff9ee}[data-bap-theme=dark] .hero-notebook{background:linear-gradient(90deg,transparent 31px,#ef897544 32px,transparent 33px),repeating-linear-gradient(0deg,#34322b,#34322b 35px,#61726445 36px);box-shadow:4px 5px 0 #514b3e,5px 6px 0 #958469,9px 11px 0 #403c33,10px 12px 0 #958469,15px 18px 9px #0004}[data-bap-theme=dark] .vocab-word{color:#a6c4e1;border-color:#a6c4e1}[data-bap-theme=dark] .bap-content>.intro,[data-bap-theme=dark] .bap-empty,[data-bap-theme=dark] .bap-footer small,[data-bap-theme=dark] .bap-footer>p,[data-bap-theme=dark] .bap-loading,[data-bap-theme=dark] .bap-muted,[data-bap-theme=dark] .bap-plus p,[data-bap-theme=dark] .bap-purchase-note,[data-bap-theme=dark] .vocab-meta{color:#c7baa5}[data-bap-theme=dark] .vocab-meta span{color:#a6c4e1}[data-bap-theme=dark] .mnemonic-note{background:#494333;border-color:#a18f6a}[data-bap-theme=dark] .mnemonic-note>span{color:#bfca8e}[data-bap-theme=dark] .mnemonic-note small{color:#c6b996}[data-bap-theme=dark] .bap-how,[data-bap-theme=dark] .bap-paper,[data-bap-theme=dark] .bap-plus{background:#302f298f}[data-bap-theme=dark] .book{background:#383429;box-shadow:5px 6px 0 #494030,6px 7px 0 #a48b48,10px 12px 0 #403c2e,11px 13px 0 #a48b48}[data-bap-theme=dark] .book.blue{background:#2c3338;box-shadow:5px 6px 0 #3a454e,6px 7px 0 #577895,10px 12px 0 #303941,11px 13px 0 #577895}[data-bap-theme=dark] .book .bap-button,[data-bap-theme=dark] .book>svg{color:#e8c67e}[data-bap-theme=dark] .book.blue .bap-button,[data-bap-theme=dark] .book.blue>svg{color:#aac9e4}[data-bap-theme=dark] .bap-field input,[data-bap-theme=dark] .bap-field select,[data-bap-theme=dark] .bap-field textarea{background:#282723;color:#f1e9d7}[data-bap-theme=dark] .bap-error{background:#512f2a;color:#ffdccb}[data-bap-theme=dark] .bap-table th,[data-bap-theme=dark] .bap-word-list span{color:#c7baa5}[data-bap-theme=dark] .bap-link{color:#aac9e4!important}[data-bap-theme=dark] .bap-chat{background:#28343c}[data-bap-theme=dark] .bap-message p{background:#414a4e}[data-bap-theme=dark] .bap-message.own p{background:#76612e}[data-bap-theme=dark] .bap-message small{color:#bcc8ce}[data-bap-theme=dark] body:has(.bap-page){background:#242320}.bap-page h1,.bap-page h2,.bap-page h3,.bap-page p{word-break:keep-all}.mnemonic-note p{font-size:24px}.bap-page .hero-copy h1{word-break:keep-all}.bap-social{display:grid;justify-items:center;grid-gap:12px;gap:12px;margin:24px 0}.bap-social>div{max-width:100%}.bap-apple-signin,.bap-social .firebase-google-sign-in{display:flex;align-items:center;justify-content:center;gap:12px;width:320px;max-width:100%;min-height:44px;border:1px solid #747775;border-radius:8px;background:#fff;color:#1f1f1f;font:500 14px Arial,sans-serif;cursor:pointer;padding:10px 16px}.bap-apple-signin{background:#000;color:#fff;border-color:#000}.bap-apple-signin img{filter:invert(1);object-fit:contain}.bap-social button:disabled{opacity:.55;cursor:wait}.bap-social>p{margin:8px 0 0;font-size:13px}.bap-app-preview{max-width:1040px;margin:70px auto;text-align:center;padding:45px 24px;border-top:1px dashed var(--bap-border)}.bap-app-preview h2{font-family:Gaegu,sans-serif;font-size:40px;margin:0 0 18px}.bap-app-preview>p{line-height:1.8}.bap-app-preview .bap-actions{justify-content:center;margin:26px 0}.bap-app-preview .bap-button{cursor:default}.bap-app-preview .bap-muted{font-size:13px}