.phone-frame{--m-black:#1a1a1a;--m-gray-900:#222;--m-gray-700:#555;--m-gray-500:#888;--m-gray-400:#b0b0b0;--m-gray-300:#d8d8d8;--m-gray-200:#e8e8e8;--m-gray-100:#f3f3f3;--m-gray-50:#fafafa;--m-white:#fff;--m-red:#e63027;--m-red-dark:#c42319;--m-cream:#f7f2e5;--m-success:#2d8f47;--m-tab-bar-height:76px;--m-top-bar-height:56px;max-width:420px;min-height:100vh;color:var(--m-black);background:#fff;margin:0 auto;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;position:relative;box-shadow:0 0 40px #00000014}@media (max-width:420px){.phone-frame{box-shadow:none}}.m-top-bar{height:var(--m-top-bar-height);border-bottom:1px solid var(--m-gray-200);z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:sticky;top:0}.m-back-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-10px;font-size:22px;display:flex}.m-logo-stack{letter-spacing:-.03em;cursor:pointer;flex-direction:column;font-weight:900;line-height:.95;text-decoration:none;display:flex}.m-logo-stack .big{color:var(--m-red);font-size:18px}.m-logo-stack .small{color:var(--m-black);letter-spacing:.05em;font-size:11px}.m-page-title{text-align:center;flex:1;font-size:16px;font-weight:700}.m-top-actions{gap:2px;display:flex}.m-top-actions button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.m-tab-bar{width:100%;max-width:420px;height:var(--m-tab-bar-height);border-top:1px solid var(--m-gray-200);z-index:100;background:#fff;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #0000000a}.m-tab-item{color:var(--m-gray-500);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.m-tab-item .tab-icon{font-size:24px;line-height:1}.m-tab-item.active{color:var(--m-red)}.m-page-content{padding-bottom:calc(var(--m-tab-bar-height) + 20px)}.m-section{padding:40px 20px 32px}.m-section.gray{background:var(--m-gray-50)}.m-section-label{color:var(--m-red);margin-bottom:6px;font-size:14px;font-weight:700}.m-section-title{letter-spacing:-.02em;color:var(--m-black);margin-bottom:20px;font-size:24px;font-weight:900;line-height:1.3}.m-btn{background:var(--m-black);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;min-height:52px;padding:14px 22px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex}.m-btn:active{opacity:.85;transform:scale(.98)}.m-btn-red{background:var(--m-red)}.m-btn-outline{color:var(--m-black);border:1.5px solid var(--m-black);background:#fff}.m-loading-center{min-height:50vh;color:var(--m-gray-500);justify-content:center;align-items:center;display:flex}.m-empty-state{text-align:center;color:var(--m-gray-500);background:var(--m-gray-50);border-radius:8px;padding:60px 20px}.thumb-cat-certification{background:linear-gradient(135deg,#1f4b8a,#0e2a55)}.thumb-cat-exercise{background:linear-gradient(135deg,#c4461f,#8a2e14)}.thumb-cat-craft{background:linear-gradient(135deg,#c9a451,#8a7034)}.thumb-cat-culture{background:linear-gradient(135deg,#7a6a8f,#4a3a5f)}.thumb-cat-cooking{background:linear-gradient(135deg,#d97706,#92400e)}.thumb-cat-social{background:linear-gradient(135deg,#a8556a,#7a3a4a)}.m-toast{bottom:calc(var(--m-tab-bar-height) + 20px);background:var(--m-black);color:#fff;opacity:0;z-index:400;text-align:center;pointer-events:none;border-radius:28px;width:calc(100% - 40px);max-width:360px;padding:14px 24px;font-size:14px;font-weight:500;transition:all .3s;position:fixed;left:50%;transform:translate(-50%)translateY(100px)}.m-toast.show{opacity:1;transform:translate(-50%)translateY(0)}