.record-button{display:flex;align-items:center;gap:8px;background:#e8efdf;border:1px solid #bdcdb5;border-radius:10px;padding:9px 13px;color:#355442;font-size:14px;font-weight:700;min-height:42px}.record-button b{background:#3b674c;color:white;border-radius:50%;min-width:23px;padding:3px;font-size:12px}.spicy-invite{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:18px 0 26px;padding:20px 24px;background:#fff0db;border:1px solid #e3b78a;border-radius:15px;box-shadow:0 4px 0 #e4c9a733}.spicy-invite b{font-size:21px;color:#9a4630}.spicy-invite p{font-size:15px;line-height:1.6;margin-top:7px;color:#78553e}.spicy-invite .primary{background:#a64935;white-space:nowrap}.spicy-invite .secondary{white-space:nowrap}.spicy-note{font-size:15px;line-height:1.8;padding:14px 18px;background:#fff4e4;border-radius:10px;border-left:4px solid #bd6547;margin-bottom:18px;color:#754b35}.spicy{--tint:#f3c6a7;--accent:#a5422f}.shelf-tabs[hidden]{display:none!important}.complete-stamp{font-weight:800;background:#fffde9}
.pass-celebration{display:flex;flex-direction:column;align-items:center;gap:12px;background:#eff4e7;border:1px solid #bed2ae;border-radius:15px;margin:22px auto;padding:22px;max-width:470px}.pass-celebration>span{font-weight:900;font-size:25px;border:3px solid #4e774b;border-radius:12px;color:#3d693a;padding:10px 28px;transform:rotate(-5deg)}.pass-celebration>b{font-size:17px}.pass-celebration>p{font-size:14px!important;margin:0!important}.pass-celebration .secondary{margin:0}.record-intro{color:#53634b}.record-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 15px}.record-summary>div{background:#f2f2e5;border:1px solid #d5ddc7;border-radius:12px;padding:18px 10px;text-align:center}.record-summary b{display:block;font-size:30px;color:#355640}.record-summary b small{font-size:15px;color:#788271;font-weight:500}.record-summary span{display:block;font-size:14px;margin-top:8px}.record-progress{height:9px;border-radius:8px;background:#e6e9db;overflow:hidden}.record-progress i{display:block;height:100%;background:#5a8552;border-radius:8px}.record-local{background:#fbf1da;padding:14px;border-radius:10px;font-size:14px!important;line-height:1.7;margin-top:20px!important}.pass-list{display:grid;gap:12px;margin-top:22px}.pass-item{display:flex;align-items:center;gap:20px;border:1px solid #cad8bd;border-radius:13px;padding:17px;background:#f8fbf1}.pass-seal{width:65px;height:65px;border-radius:50%;border:2px solid #57844c;color:#497740;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px;font-weight:900;transform:rotate(-7deg);background:#edf4e3}.pass-seal small{font-size:12px}.pass-item.hot{background:#fff5e7;border-color:#e4c4a3}.pass-item.hot .pass-seal{color:#a34f34;border-color:#a96648;background:#ffead1}.pass-item h3{font-size:18px!important;margin:5px 0!important}.pass-item p{font-size:13px!important;margin:5px 0!important;line-height:1.55!important}.pass-item .pass-category{font-weight:650;color:#6b775e}.pass-item>div>small{display:block;font-size:12px;color:#75806a;line-height:1.6}.records-empty{padding:35px 18px;text-align:center;border:1px dashed #c4cbb5;border-radius:12px;margin:24px 0}.records-empty b{font-size:17px}.records-empty p{font-size:14px!important;margin-top:12px!important}
.math-diagram{margin:18px 0;padding:16px;background:#fff9ed;border:1px solid #ddcdb3;border-radius:12px}.math-diagram>svg{display:block;width:100%;max-height:280px;margin:auto}.math-diagram svg text{font-family:Pretendard,sans-serif;font-size:17px;fill:#493f32}.math-diagram svg .diagram-small{font-size:15px}.math-diagram figcaption{font-size:14px;line-height:1.7;font-weight:650}.math-diagram>p{font-size:13px;line-height:1.7;margin-top:15px}.stone-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:15px}.stone-stages>div>b{font-size:13px;display:block;text-align:center;margin-bottom:8px}.stone-grid{display:grid;gap:4px;max-width:130px;margin:auto}.stone{border-radius:50%;aspect-ratio:1;border:1px solid #6a695d;display:block}.stone.black{background:#303e36}.stone.white{background:#fffefa}.crossword-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;max-width:420px;margin:22px auto 15px;padding:5px;background:#d9e3d4;border-radius:10px}.crossword-board>*{min-height:39px;min-width:0;display:flex;align-items:center;justify-content:center;font-size:22px}.cross-slot{background:#fffefa;color:#3d5141;border:1px solid #abbca2;font-weight:800;border-radius:5px;padding:0}.cross-slot.selected{outline:3px solid #bf6549;outline-offset:-3px;background:#ffedcf}.cross-symbol{color:#51694e}.cross-blank{background:transparent}.cross-digits{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;max-width:420px;margin:18px auto}.cross-digits button{font-size:22px;background:#f8e0aa;border:1px solid #be9d5c;border-radius:8px;min-height:44px;padding:0;font-weight:750}.cross-digits button:disabled{opacity:.3}.crossword-board+div+.text-button{display:block;margin:auto}
@media(max-width:600px){header{flex-wrap:wrap;gap:8px}.brand{font-size:16px}.header-right{gap:10px}.record-button{font-size:12px;padding:6px 9px;min-height:38px}.record-button b{min-width:19px;font-size:11px}.header-right>.text-button{font-size:12px}.spicy-invite{padding:16px;gap:15px;align-items:start;flex-direction:column}.spicy-invite b{font-size:20px}.spicy-invite p{font-size:14px}.spicy-invite button{align-self:stretch;padding:11px}.spicy-note{font-size:14px;padding:12px}.record-summary{gap:6px}.record-summary>div{padding:14px 5px}.record-summary b{font-size:25px}.record-summary b small{font-size:12px}.record-summary span{font-size:12px}.pass-item{gap:13px;padding:13px}.pass-seal{width:50px;height:50px;font-size:23px}.pass-item h3{font-size:17px!important}.math-diagram{padding:12px}.crossword-board>*{font-size:20px;min-height:36px}.cross-digits{grid-template-columns:repeat(5,minmax(0,1fr));max-width:290px}.cross-digits button{min-height:46px}.record-local{font-size:13px!important}.header-right{margin-left:auto}}
@media print{.spicy-invite,.record-button{display:none}.crossword-board{max-width:350px;print-color-adjust:exact}.math-diagram{max-width:400px;break-inside:avoid;print-color-adjust:exact}.stone-grid{max-width:85px}}