@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Jua&display=swap');
/* A soft, friendly member theme; the admin workspace keeps its original style. */
.mobile-shell,body[data-ui="user"] .auth-layout,body[data-ui="user"] dialog{font-family:'Gowun Dodum','Noto Sans KR',sans-serif;--navy:#3f5873;--gold:#b79960;--line:#eee9e1;color:#43546b}.mobile-shell{background:#fffdf9;border-color:#f0eae1}.mobile-shell button,.mobile-shell input,.mobile-shell select,.mobile-shell textarea,body[data-ui="user"] .auth-layout button,body[data-ui="user"] .auth-layout input,body[data-ui="user"] .auth-layout select{font-family:inherit}.mobile-shell h1,.mobile-shell h2,.mobile-shell h3,.mobile-shell .brand,.mobile-shell .mobile-nav button,body[data-ui="user"] .auth-layout h1,body[data-ui="user"] .auth-layout h2,body[data-ui="user"] dialog h2{font-family:'Jua','Gowun Dodum',sans-serif;font-weight:400;letter-spacing:-.45px}.mobile-shell .heading h1,.mobile-shell .home-welcome h1{font-size:30px;line-height:1.5}.mobile-shell h2{font-size:21px}.mobile-shell .eyebrow{color:#b19a75;letter-spacing:1px}.mobile-shell p{color:#8c938f}.mobile-shell .mobile-top{background:#fffefa;border-color:#f0e9df}.mobile-shell .brand{font-size:27px}.mobile-shell .brand small{font-family:'Gowun Dodum',sans-serif;letter-spacing:1px;color:#b79b65}.mobile-shell .mobile-top .mode{background:#faf5ea;border-color:#eee5d5;border-radius:13px;color:#a28d69}.mobile-shell .notification-button{border-radius:13px;background:#fdf0e9;width:37px;height:37px}.mobile-shell .notification-button:after{background:#d6ac93;right:5px;top:5px}.mobile-shell .avatar{background:#f2e5ca;color:#a78d56;border-radius:14px}.mobile-shell .panel,.mobile-shell .request{border-color:#eee8df;border-radius:21px;background:#fff;box-shadow:0 4px 16px #977c4c05}.mobile-shell .request:hover{border-color:#dfd3be;box-shadow:0 7px 20px #977c4c0a}.mobile-shell .request h3{font-size:20px;line-height:1.55}.mobile-shell .request h3 button{font-family:'Jua','Gowun Dodum',sans-serif;font-weight:400;letter-spacing:-.3px;color:#455c74}.mobile-shell .request-meta .ui-icon{color:#bba784;background:#faf5eb;border-radius:5px;padding:1px;box-sizing:content-box}.mobile-shell .request-category{color:#a28f79;font-size:12px}.mobile-shell .badge{border-radius:9px;padding:5px 9px;font-family:'Gowun Dodum',sans-serif;font-weight:400}.mobile-shell .status-open{background:#edf3e7;color:#739064}.mobile-shell .status-filled{background:#fbf1da;color:#ac914e}.mobile-shell .status-progress{background:#eaf1f8;color:#7091b4}.mobile-shell .status-done{background:#f0ecf6;color:#9a8bac}.mobile-shell .status-cancelled{background:#fbede8;color:#bc9386}.mobile-shell .match{background:#fcf7e9;border-radius:12px;padding:5px 9px;font-family:'Jua',sans-serif;font-size:17px;color:#b29b63}.mobile-shell .match small{font-family:'Gowun Dodum',sans-serif;font-size:11px}.mobile-shell .tag{background:#f7f4ee;color:#a69784;border-radius:8px;font-size:11px}.mobile-shell .progress{background:#f5f1e9;border-radius:10px;height:4px}.mobile-shell .progress i{background:#cfba89}.mobile-shell .btn{border-radius:13px;min-height:41px;background:#58718b;border:1px solid transparent;box-shadow:0 3px 0 #405a7410;font-family:'Jua','Gowun Dodum',sans-serif;font-size:14px;font-weight:400;letter-spacing:0}.mobile-shell .btn:hover{background:#48647f;box-shadow:0 4px 8px #58718b12}.mobile-shell .btn.light{background:#faf7ef;color:#a08c65;border-color:#eee5d4;box-shadow:none}.mobile-shell .btn:disabled{background:#f1eeea;color:#b3aca2;box-shadow:none}.mobile-shell .field,.mobile-shell .search{border-color:#e8e2d8;background:#fffefa;border-radius:13px;color:#718093;font-size:14px;min-height:46px}.mobile-shell .field:focus,.mobile-shell .search:focus{background:white;border-color:#cdb98b;outline-color:#cdb98b20}.mobile-shell .field::placeholder,.mobile-shell .search::placeholder{color:#b4b2aa}.mobile-shell label{color:#7f8a94;font-size:13px;font-weight:400}.mobile-shell .chip{border-radius:11px;border-color:#eae3d7;color:#a49987;background:#fffdf9;font-size:12px}.mobile-shell .chip.selected{color:#907c52;border-color:#dbc99f;background:#f8f0dc}.mobile-shell .tabs{background:#f7f2e9;border-color:#eee7da;border-radius:12px}.mobile-shell .tabs button{border-radius:9px;color:#aa9a7e;font-family:'Jua',sans-serif;font-size:13px;font-weight:400}.mobile-shell .tabs button.active{background:#fffdfa;color:#8f7950;box-shadow:0 2px 6px #9c835414}.mobile-shell .info-strip,.mobile-shell .home-match-condition{background:#fbf5e7;border-color:#f0e6cf;border-radius:12px;color:#ad9667}.mobile-shell .home-match-condition>.ui-icon{color:#c2ab75;fill:#f4e7bc}.mobile-shell .home-profile .avatar{border-radius:15px;transform:rotate(-4deg);box-shadow:3px 3px 0 #f7efe0}.mobile-shell .hero{border-radius:23px}.mobile-shell .hero-copy h2{font-family:'Jua',sans-serif;font-weight:400}.mobile-shell .hero.poster-banner{border-color:#eae2d2;border-radius:21px}.mobile-shell .hero.poster-banner button>span{font-size:12px;background:#fcf6e9;color:#a38e63}.mobile-shell .my-impact{background:#fffdf6;border-color:#eee6d6}.mobile-shell .impact-score>strong{font-family:'Jua',sans-serif;font-size:49px;font-weight:400;color:#667f95}.mobile-shell .impact-score>i{color:#dac790;transform:rotate(9deg)}.mobile-shell .impact-detail b{font-family:'Jua',sans-serif;font-weight:400}.mobile-shell .my-impact>.panel-title>.ui-icon{fill:#f1dfcc;stroke:#c5a07e}.mobile-shell .home-value-note .ui-icon{fill:#f1e3bd;stroke:#c4ac73}.mobile-shell .notice-label{color:#b09b6f}.mobile-shell .notice>.badge.gold{background:#fbf2db;color:#b19a63}.mobile-shell .notice b{color:#6b7c8e}.mobile-shell .mobile-nav{background:#fffefaee;border-color:#f1e9dd;box-shadow:0 -5px 24px #8d734b05}.mobile-shell .mobile-nav button{font-size:13px;font-weight:400;color:#aaa69e;border-radius:16px;gap:9px}.mobile-shell .mobile-nav button>span{padding:7px;background:#f6f2eb;border-radius:13px;transition:transform .15s,background .15s}.mobile-shell .mobile-nav button:nth-child(2)>span{background:#fcf0e9}.mobile-shell .mobile-nav button:nth-child(3)>span{background:#faedf0}.mobile-shell .mobile-nav button:nth-child(4)>span{background:#edf2e7}.mobile-shell .mobile-nav button:nth-child(5)>span{background:#f1edf7}.mobile-shell .mobile-nav .member-icon{width:25px;height:25px;stroke-width:1.45;color:#8390a0}.mobile-shell .mobile-nav button.active{background:#faf5e9;color:#8d7953}.mobile-shell .mobile-nav button.active>span{background:#f5e9cc;transform:rotate(-5deg)}.mobile-shell .mobile-nav button.active .member-icon{color:#7e715a}.mobile-shell .mobile-nav button.active:after{display:none}.mobile-shell .member-calendar-panel{background:#fffefa}.mobile-shell .member-calendar-header h2{font-size:23px}.mobile-shell .member-weekday{background:#f9f5ec;color:#a89e8e}.mobile-shell .member-calendar-day{background:#fffefa;border-color:#eee8dc}.mobile-shell .member-calendar-blank{background:#fbf8f1}.mobile-shell .member-calendar-day:hover{background:#faf5e8}.mobile-shell .member-calendar-day.is-selected{background:#fbf2dc;box-shadow:inset 0 0 0 2px #d1bb86;border-radius:7px}.mobile-shell .is-today .member-day-number{background:#c6ad75;color:white;border-radius:9px}.mobile-shell .member-day-number{font-family:'Jua',sans-serif;font-weight:400;font-size:13px}.mobile-shell .member-calendar-event{border-radius:6px;background:#f4f1e9}.mobile-shell .profile-category-picker{border-color:#ece4d7;border-radius:16px}.mobile-shell .profile-category-root{background:#faf4e7;border-color:#eee4d2;color:#a28d62}.mobile-shell .profile-category-root>.ui-icon{color:#bea570}.mobile-shell .profile-category-root b,.mobile-shell .profile-category-branch summary b{font-family:'Jua',sans-serif;font-size:15px;font-weight:400}.mobile-shell .profile-category-branch summary{background:#f8f5ee;border-radius:11px;color:#9e9079}.mobile-shell .profile-field-row:has(input:checked){background:#fbf5e6;border-radius:10px}.mobile-shell .profile-field-row input{accent-color:#bba16b}.mobile-shell .profile-field-row input:checked+span{color:#9a8354;font-weight:400}.mobile-shell .profile-field-selection{background:#fffbf2;border-color:#eee7d8}.mobile-shell .profile-selected-tags button{border-radius:10px;background:#faf0d9;border-color:#ecdfbf;color:#ad945e}.mobile-shell .profile-branch-count.has-selection{background:#f5e8c7;color:#b09659;border-radius:7px}.mobile-shell .history-empty-icon{background:#f3ecd9;color:#bca36c;border-radius:23px;transform:rotate(-5deg)}.mobile-shell .history-empty h2{font-size:23px}.mobile-shell .history-empty{border-color:#eee6d8}.mobile-shell .history-summary{border-color:#efe4cd;background:#fcf7e9}.mobile-shell input[type=checkbox]{accent-color:#b99d65}
body[data-ui="user"] dialog{border:1px solid #e8dfce;border-radius:23px;background:#fffefa}body[data-ui="user"] dialog h2{color:#586e85}body[data-ui="user"] dialog .btn{font-family:'Jua','Gowun Dodum',sans-serif;font-weight:400;font-size:14px;border-radius:12px}body[data-ui="user"] dialog .tag{border-radius:8px;background:#f7f0e2;color:#a9956f}body[data-ui="user"] dialog .popup-image,body[data-ui="user"] .notice-detail-poster{border-radius:15px}body[data-ui="user"] .auth-layout .auth-form-side{background:#fffefa}body[data-ui="user"] .auth-layout .auth-field .field{background:#fffcf6;border-color:#e9e0d0;border-radius:12px}body[data-ui="user"] .auth-layout .auth-submit{font-family:'Jua',sans-serif;font-weight:400;font-size:16px;border-radius:13px;background:#58718b}body[data-ui="user"] .auth-layout .auth-form-card h2{font-size:31px}body[data-ui="user"] .auth-layout .auth-demo{border-radius:15px;background:#fbf6eb;border-color:#efe5d2}
@media(max-width:720px){.mobile-shell .heading h1,.mobile-shell .home-welcome h1{font-size:28px}.mobile-shell .brand{font-size:25px}.mobile-shell .request h3,.mobile-shell .home-request-cards .request h3{font-size:20px}.mobile-shell .mobile-nav{padding-top:8px;padding-bottom:14px}.mobile-shell .mobile-nav button{font-size:11px;gap:5px;padding:5px 3px;background:none!important}.mobile-shell .mobile-nav button>span{padding:6px;border-radius:12px}.mobile-shell .mobile-nav .member-icon{width:25px;height:25px}.mobile-shell .mobile-nav button.active>span{background:#f5e9cc}.mobile-shell .request-footer .btn{font-size:14px}.mobile-shell .member-calendar-header h2{font-size:21px}.mobile-shell .member-day-number{font-size:12px}.mobile-shell .mobile-top .notification-button{width:34px;height:34px}.mobile-shell .history-empty h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.mobile-shell .mobile-nav button>span{transition:none}}
/* Dedicated phone-sized member authentication at every viewport size. */
body[data-ui="user"] .member-auth-mobile{display:block;position:relative;max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;background:#fffefa;border-inline:1px solid #f0e7d8;box-shadow:0 0 70px #8e774508}.member-auth-mobile .auth-story{display:none}.member-auth-mobile .auth-form-side{padding:calc(34px + env(safe-area-inset-top,0px)) 30px calc(22px + env(safe-area-inset-bottom,0px));min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;background:#fffefa}.member-auth-mobile .auth-role{display:none}.member-auth-mobile .auth-form-card{width:100%;max-width:none;padding:0;margin:0}.member-auth-mobile .auth-mobile-brand{display:block;margin:0 0 52px}.member-auth-mobile .auth-mobile-brand .brand{font-family:'Jua',sans-serif;justify-content:center;font-size:29px;gap:12px}.member-auth-mobile .auth-mobile-brand .brand img{width:48px;height:48px}.member-auth-mobile .auth-mobile-brand .brand small{font-family:'Gowun Dodum',sans-serif;font-size:8px;letter-spacing:1.2px}.member-auth-mobile .auth-form-card>.eyebrow{text-align:center;font-size:10px;letter-spacing:1.4px}.member-auth-mobile .auth-form-card>h2{text-align:center;font-size:30px!important;line-height:1.5;margin:13px 0 8px}.member-auth-mobile .auth-intro{text-align:center;font-size:12px;margin-bottom:30px;line-height:1.9}.member-auth-mobile .auth-field{margin-bottom:20px}.member-auth-mobile .auth-field .field{min-height:51px;font-size:16px!important;padding:14px 15px}.member-auth-mobile .password-wrap input[name=password],.member-auth-mobile .password-wrap input[name=confirm]{padding-right:57px}.member-auth-mobile .password-toggle{top:18px;font-size:11px}.member-auth-mobile .auth-field label{font-size:13px}.member-auth-mobile .auth-options{gap:10px;flex-wrap:wrap;margin:6px 0 23px}.member-auth-mobile .auth-options label,.member-auth-mobile .auth-options button{font-size:11px}.member-auth-mobile .auth-submit{min-height:51px;font-size:17px!important}.member-auth-mobile .auth-bottom{font-size:12px;line-height:1.8;margin-top:24px}.member-auth-mobile .auth-consent{gap:8px}.member-auth-mobile .auth-consent label{line-height:1.8;font-size:11px}.member-auth-mobile .auth-consent button{font-size:10px;white-space:nowrap}.member-auth-mobile .auth-demo{margin:30px 0 24px;padding:15px}.member-auth-mobile .auth-copyright{font-size:10px;margin-top:auto;padding-top:20px;color:#b0a89a}.member-auth-mobile .auth-error{font-size:12px}.member-auth-mobile .auth-error:empty{min-height:0}
/* Member-only motion: route entry, cards, controls and dialogs. */
@keyframes member-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes member-pop{0%{transform:scale(.91)}65%{transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes member-dialog-enter{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes member-soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.mobile-shell .mobile-content{animation:member-enter .3s ease-out both}.mobile-shell .mobile-content>.heading,.mobile-shell .home-welcome{animation:member-enter .32s ease-out both}.mobile-shell .cards>.request{animation:member-enter .34s ease-out both}.mobile-shell .cards>.request:nth-child(2){animation-delay:.035s}.mobile-shell .cards>.request:nth-child(3){animation-delay:.07s}.mobile-shell .cards>.request:nth-child(n+4){animation-delay:.1s}.mobile-shell .home-notices,.mobile-shell .my-impact,.mobile-shell .history-empty,.mobile-shell .member-calendar-panel{animation:member-enter .36s ease-out both}.mobile-shell #profile-form>.panel{animation:member-enter .34s ease-out both}.mobile-shell #profile-form>.panel:nth-child(2){animation-delay:.055s}.mobile-shell .notice-page-content .notice{animation:member-enter .3s ease-out both}.mobile-shell .notice-page-content .notice:nth-child(2){animation-delay:.035s}.mobile-shell .notice-page-content .notice:nth-child(n+3){animation-delay:.07s}.mobile-shell .hero-spark{animation:member-soft-float 3.8s ease-in-out 2}.mobile-shell .mobile-nav button.active>.member-icon,.mobile-shell .mobile-nav button.active>span{animation:member-pop .3s ease-out}.mobile-shell .chip.selected,.mobile-shell .tabs button.active,.mobile-shell .member-calendar-day.is-selected .member-day-number,.mobile-shell .profile-selected-tags button{animation:member-pop .22s ease-out}.mobile-shell .profile-category-branch[open]>ul{animation:member-enter .22s ease-out}.mobile-shell .btn,.mobile-shell .chip,.mobile-shell .mobile-nav button,.mobile-shell .profile-field-row,.mobile-shell .field,.mobile-shell .search{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.mobile-shell .btn:active,.mobile-shell .chip:active,.mobile-shell .mobile-nav button:active{transform:scale(.97)}.mobile-shell .member-calendar-grid{animation:member-enter .22s ease-out}.member-auth-mobile .auth-form-card{animation:member-enter .38s ease-out both}.member-auth-mobile .auth-mobile-brand{animation:member-enter .4s ease-out both}.member-auth-mobile .auth-submit{transition:transform .16s ease,background-color .16s ease}.member-auth-mobile .auth-submit:active{transform:scale(.98)}body[data-ui="user"] dialog[open]{animation:member-dialog-enter .25s ease-out both}body[data-ui="user"] dialog .btn{transition:transform .16s ease,background-color .16s ease}body[data-ui="user"] dialog .btn:active{transform:scale(.97)}
@media(max-width:480px){body[data-ui="user"] .member-auth-mobile{border:0;box-shadow:none}.member-auth-mobile .auth-form-side{padding-inline:26px}.member-auth-mobile .auth-mobile-brand{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){.mobile-shell *,.mobile-shell *::before,.mobile-shell *::after,.member-auth-mobile *,body[data-ui="user"] dialog[open],body[data-ui="user"] dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}