.phone-frame{--m-black:#0a0a0a;--m-gray-900:#f5f5f5;--m-gray-800:#e5e5e5;--m-gray-700:#d4d4d4;--m-gray-600:#b8b8b8;--m-gray-500:#a3a3a3;--m-gray-400:#9a9a9a;--m-gray-300:#404040;--m-gray-200:#2a2a2a;--m-gray-100:#1f1f1f;--m-gray-50:#161616;--m-white:#fff;--m-accent:#5d92d0;--m-accent-dark:#3977c1;--m-red:var(--m-accent);--m-red-dark:var(--m-accent-dark);--m-cream:#f7f2e5;--m-success:#2d8f47;--m-error:#e63027;--m-error-dark:#c42319;--m-bg:#0a0a0a;--m-surface:#1a1a1a;--m-surface-2:#242424;--m-text:#f5f5f5;--m-text-muted:#a3a3a3;--m-border:#2a2a2a;--m-tab-bar-height:76px;--m-top-bar-height:64px;--m-dark-15:#00000026;--m-white-15:#ffffff26;--m-app-max-width:min(100%, 1280px);max-width:var(--m-app-max-width);background:var(--m-bg);min-height:100dvh;color:var(--m-text);margin:0 auto;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;position:relative;box-shadow:0 0 40px #00000080}@media (max-width:480px){.phone-frame{box-shadow:none}}.m-top-bar{height:var(--m-top-bar-height);background:var(--m-bg);border-bottom:1px solid var(--m-border);z-index:50;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-text);letter-spacing:.05em;font-size:11px}.m-page-title{text-align:center;flex:1;font-size:16px;font-weight:700}.m-top-actions{align-items:center;gap:0;display:flex}.m-top-actions button{cursor:pointer;width:38px;height:44px;color:var(--m-text);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.m-tab-bar{max-width:var(--m-app-max-width);width:100%;height:var(--m-tab-bar-height);background:var(--m-bg);border-top:1px solid var(--m-border);z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #00000080}.m-tab-item{color:#c9ccd1;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{justify-content:center;align-items:center;line-height:1;display:flex}.m-tab-item.m-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-surface)}.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-text);margin-bottom:20px;font-size:24px;font-weight:900;line-height:1.3}.m-btn{background:var(--m-white);min-height:36px;color:var(--m-black);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;justify-content:center;align-items:center;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:disabled{opacity:.45;cursor:not-allowed;transform:none}.m-btn-red{background:var(--m-red);color:var(--m-white)}.m-btn-outline{color:var(--m-text);border:1.5px solid var(--m-gray-300);background:0 0}.m-loading-center{min-height:50dvh;color:var(--m-text-muted);justify-content:center;align-items:center;display:flex}.m-empty-state{text-align:center;color:var(--m-text-muted);background:var(--m-surface);border-radius:8px;padding:60px 20px}[class^=thumb-cat-],[class*=\ thumb-cat-]{position:relative}[class^=thumb-cat-]:after,[class*=\ thumb-cat-]:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#00000059 100%);position:absolute;inset:0}[class^=thumb-cat-]>*,[class*=\ thumb-cat-]>*{z-index:1;position:relative}.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-surface-2);color:var(--m-text);border:1px solid var(--m-border);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)}.m-toast.toast-success{border-color:var(--m-success)}.m-toast.toast-error{border-color:var(--m-error);color:#fecaca;background:#e630272e}.m-toast.toast-info{border-color:var(--m-border)}@keyframes m-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes m-skeleton-pulse{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.m-skeleton{background:linear-gradient(90deg, var(--m-surface) 0%, var(--m-surface-2) 50%, var(--m-surface) 100%);background-repeat:no-repeat;background-size:200px 100%;border-radius:6px;animation:1.4s ease-in-out infinite m-skeleton-pulse}.m-skeleton-card{background:var(--m-surface);border:1px solid var(--m-gray-200);border-radius:10px;margin-bottom:12px;padding:14px}.m-skeleton-list{padding:0 16px}.m-empty-action{background:var(--m-surface-2);color:var(--m-text);border:1px solid var(--m-gray-300);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin-top:14px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.m-empty-action:hover{border-color:var(--m-red);color:var(--m-red)}.m-required{color:var(--m-error);margin-left:2px}.m-field-error{color:#fca5a5;margin-top:4px;font-size:12px;display:block}.m-btn:disabled,button:disabled{filter:grayscale(.5);opacity:.45;cursor:not-allowed!important}.m-modal-close{cursor:pointer;width:44px;height:44px;color:var(--m-text-muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:6px;right:6px}.m-modal-close:hover{color:var(--m-text)}.phone-frame button[aria-label],.phone-frame a[aria-label]{min-width:44px;min-height:44px}.m-logo-img{filter:brightness(0)invert()}@supports (padding:env(safe-area-inset-bottom)){.m-tab-bar{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--m-tab-bar-height) + env(safe-area-inset-bottom))}.m-fixed-bottom-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.m-fixed-bottom-bar{bottom:var(--m-tab-bar-height);max-width:var(--m-app-max-width);background:var(--m-surface);border-top:1px solid var(--m-gray-200);z-index:45;width:100%;padding:12px 16px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -4px 12px #0000000f}.phone-frame input:not([type=checkbox]):not([type=radio]):not([type=file]),.phone-frame textarea,.phone-frame select{background:var(--m-surface);color:var(--m-text);border-color:var(--m-border);caret-color:var(--m-text)}.phone-frame input::placeholder,.phone-frame textarea::placeholder{color:var(--m-gray-400)}.phone-frame input:focus,.phone-frame textarea:focus,.phone-frame select:focus{border-color:var(--m-red);outline:none}.phone-frame ::selection{background:var(--m-red);color:var(--m-white)}.phone-frame ::-webkit-scrollbar{width:6px;height:6px}.phone-frame ::-webkit-scrollbar-thumb{background:var(--m-gray-300);border-radius:3px}.phone-frame ::-webkit-scrollbar-track{background:0 0}