:root{--mongle-ink:#25231f;--mongle-soft:#f7f4ed;--mongle-line:#ebe7df;--mongle-accent:#ff875f;--mongle-accent-soft:#fff0e9}.mongle-app-shell{min-height:100vh;background:#fbfaf7;color:var(--mongle-ink);font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}.mongle-sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:34px 24px;background:#fff;border-right:1px solid var(--mongle-line);z-index:10}.mongle-logo{display:inline-flex;align-items:flex-end;gap:8px;color:var(--mongle-ink);font-size:29px;font-weight:900;text-decoration:none;letter-spacing:-.06em}.mongle-logo span{padding-bottom:3px;font-size:9px;letter-spacing:.15em}.mongle-nav{display:grid;gap:6px;margin-top:48px}.mongle-nav button,.mongle-bottom-nav button{border:0;background:transparent;color:inherit}.mongle-nav button{display:flex;align-items:center;gap:14px;width:100%;padding:13px 14px;border-radius:14px;text-align:left;cursor:pointer}.mongle-nav button.is-active{background:var(--mongle-soft)}.mongle-nav b{font-size:15px}.mongle-main{margin-left:230px}.mongle-stage{max-width:850px;margin:0 auto;padding:36px 28px 100px}.mongle-mobile-header{display:none}.mongle-pet-switcher{display:flex;align-items:center;gap:12px;padding:12px 0 22px}.mongle-pet-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--mongle-accent-soft);font-weight:900}.mongle-pet-switcher small,.mongle-pet-switcher strong{display:block}.mongle-pet-switcher small{font-size:11px;color:#8a867e}.mongle-pet-switcher strong{margin-top:3px;font-size:14px}.mongle-pet-switcher button{margin-left:auto;border:0;background:transparent}.mongle-welcome{display:grid;grid-template-columns:1fr 210px;align-items:center;min-height:260px;padding:34px;border-radius:28px;background:var(--mongle-soft);overflow:hidden}.mongle-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff;font-size:10px;font-weight:800;letter-spacing:.08em}.mongle-welcome h1{margin:14px 0 12px;font-size:34px;line-height:1.22;letter-spacing:-.05em}.mongle-welcome p{max-width:510px;margin:0;color:#6d6960;line-height:1.65;font-size:14px}.mongle-welcome__pet{display:grid;place-items:center;width:180px;height:180px;border-radius:50%;background:#fff}.mongle-welcome__pet .material-symbols-outlined{font-size:72px;color:var(--mongle-accent)}.mongle-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.mongle-quick-grid button{display:grid;gap:6px;padding:18px;text-align:left;border:1px solid var(--mongle-line);border-radius:18px;background:#fff;cursor:pointer}.mongle-quick-grid .material-symbols-outlined{color:var(--mongle-accent)}.mongle-quick-grid b{margin-top:10px;font-size:15px}.mongle-quick-grid small{color:#8a867e}.mongle-empty-feed{margin-top:16px;padding:56px 24px;text-align:center;border:1px solid var(--mongle-line);border-radius:24px;background:#fff}.mongle-empty-feed__icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto;border-radius:50%;background:var(--mongle-accent-soft)}.mongle-empty-feed__icon .material-symbols-outlined{color:var(--mongle-accent);font-size:30px}.mongle-empty-feed h2{margin:18px 0 8px;font-size:20px}.mongle-empty-feed p{max-width:460px;margin:0 auto;color:#777168;line-height:1.65;font-size:13px}.mongle-empty-feed button{margin-top:20px;padding:12px 18px;border:0;border-radius:12px;background:var(--mongle-ink);color:#fff;font-weight:700}.mongle-bottom-nav{display:none}@media(max-width:800px){.mongle-sidebar{display:none}.mongle-main{margin-left:0}.mongle-mobile-header{display:flex;position:sticky;top:0;z-index:5;align-items:center;justify-content:space-between;height:60px;padding:0 18px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--mongle-line);backdrop-filter:blur(14px)}.mongle-mobile-header .mongle-logo{font-size:24px}.mongle-mobile-header button{border:0;background:transparent}.mongle-stage{padding:14px 16px 94px}.mongle-welcome{grid-template-columns:1fr;min-height:auto;padding:26px 24px}.mongle-welcome h1{font-size:28px}.mongle-welcome__pet{display:none}.mongle-quick-grid{grid-template-columns:1fr 1fr}.mongle-bottom-nav{display:grid;position:fixed;z-index:10;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);height:72px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--mongle-line)}.mongle-bottom-nav button{display:grid;place-items:center;gap:2px}.mongle-bottom-nav small{font-size:10px}.mongle-bottom-nav__plus span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mongle-ink);color:#fff}.mongle-empty-feed{padding:42px 18px}}
.mongle-loading{padding:80px 20px;text-align:center;color:#8a867e}.mongle-auth{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;min-height:calc(100vh - 100px)}.mongle-auth__brand h1{margin:16px 0 12px;font-size:42px;line-height:1.18;letter-spacing:-.055em}.mongle-auth__brand p{color:#777168;line-height:1.7}.mongle-auth__card{padding:28px;border:1px solid var(--mongle-line);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(60,45,30,.06)}.mongle-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px;padding:4px;border-radius:13px;background:var(--mongle-soft)}.mongle-tabs button{padding:10px;border:0;border-radius:10px;background:transparent;font-weight:800}.mongle-tabs button.is-active{background:#fff}.mongle-auth form,.mongle-modal form{display:grid;gap:14px}.mongle-auth label,.mongle-modal label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#565149}.mongle-auth input,.mongle-modal input,.mongle-modal select,.mongle-modal textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #ddd8ce;border-radius:11px;background:#fff;color:var(--mongle-ink);font:inherit;outline:none}.mongle-auth input:focus,.mongle-modal input:focus,.mongle-modal select:focus,.mongle-modal textarea:focus{border-color:#b9afa2;box-shadow:0 0 0 3px rgba(255,135,95,.1)}.mongle-auth label small{color:#999187;font-weight:400}.mongle-primary{padding:13px 16px;border:0;border-radius:12px;background:var(--mongle-ink);color:#fff;font-weight:800;cursor:pointer}.mongle-form-message{min-height:18px;margin:0;color:#d34b37;font-size:12px}.mongle-accountbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;padding:10px 0}.mongle-accountbar small,.mongle-accountbar strong{display:block}.mongle-accountbar small{font-size:10px;color:#999187}.mongle-accountbar strong{margin-top:2px;font-size:13px}.mongle-accountbar button{border:0;background:transparent;color:#8a867e;font-size:12px;cursor:pointer}.mongle-pet-switcher{position:relative}.mongle-pet-switcher span[data-current-pet-handle]{display:block;margin-top:2px;color:#999187;font-size:11px}.mongle-pet-menu{position:absolute;z-index:30;top:64px;left:0;width:min(320px,calc(100vw - 32px));padding:8px;border:1px solid var(--mongle-line);border-radius:16px;background:#fff;box-shadow:0 14px 35px rgba(44,38,30,.12)}.mongle-pet-menu button{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px;border:0;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.mongle-pet-menu button.is-active{background:var(--mongle-soft)}.mongle-pet-menu button span:nth-child(2){display:grid}.mongle-pet-menu small{color:#999187}.mongle-mini-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mongle-accent-soft);font-weight:900}.mongle-pet-menu__add{margin-top:5px!important;border-top:1px solid var(--mongle-line)!important;border-radius:0 0 10px 10px!important;color:var(--mongle-accent);font-weight:800}.mongle-profile-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:16px;padding:22px;border:1px solid var(--mongle-line);border-radius:22px;background:#fff}.mongle-profile-card__avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--mongle-accent-soft);color:var(--mongle-accent);font-size:26px;font-weight:900}.mongle-profile-card__body>span{font-size:12px;color:#999187}.mongle-profile-card__body h2{margin:3px 0 5px}.mongle-profile-card__body p{margin:3px 0;color:#777168;font-size:13px}.mongle-profile-card>button{padding:9px 12px;border:1px solid var(--mongle-line);border-radius:10px;background:#fff;cursor:pointer}.mongle-modal[hidden]{display:none}.mongle-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px}.mongle-modal__backdrop{position:absolute;inset:0;background:rgba(22,20,18,.5)}.mongle-modal__panel{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:24px;border-radius:24px;background:#fff}.mongle-modal__head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.mongle-modal__head small{color:#999187}.mongle-modal__head h2{margin:5px 0 0}.mongle-modal__head button{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}.mongle-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mongle-auth[hidden],.mongle-loading[hidden],[data-view="app"][hidden],.mongle-empty-feed[hidden],.mongle-profile-card[hidden]{display:none!important}@media(max-width:800px){.mongle-auth{grid-template-columns:1fr;min-height:auto;padding:24px 0}.mongle-auth__brand h1{font-size:31px}.mongle-auth__brand p{font-size:13px}.mongle-auth__card{padding:20px}.mongle-accountbar{padding-top:0}.mongle-profile-card{grid-template-columns:auto 1fr}.mongle-profile-card>button{grid-column:1/-1}.mongle-form-grid{grid-template-columns:1fr}.mongle-pet-menu{top:62px}}