:root{font-family:Inter,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#274836;background:#e8f7d8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input,label{font:inherit}button{border:0;cursor:pointer}.page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f0fbe1d1,#c8edb9c7),url(/assets/forest-asset-sheet.png);background-size:cover;background-position:center}.phone{position:relative;width:min(100%,414px);height:min(920px,calc(100vh - 48px));min-height:720px;overflow:hidden;border:10px solid #3e5b43;border-radius:38px;background:linear-gradient(180deg,#edfce4f0,#fff8e8fa),url(/assets/forest-asset-sheet.png);background-size:165%;background-position:7% 4%;box-shadow:0 28px 80px #32533052}.art-halo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 9% 15%,rgba(255,224,142,.5),transparent 22%),radial-gradient(circle at 90% 9%,rgba(154,226,146,.38),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.34),transparent 32%)}.topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;height:68px;padding:12px 18px 8px;background:#f6ffecc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(112,151,104,.16)}.brand{display:inline-flex;align-items:center;gap:8px;font-size:1.12rem;font-weight:900;color:#254b34}.brand-mark,.icon-button{display:inline-grid;place-items:center}.brand-mark{width:30px;height:30px;border-radius:12px;color:#315c3f;background:linear-gradient(135deg,#dff8b8,#8cd678);box-shadow:inset 0 -2px #3a713e24}.icon-button{width:42px;height:42px;border-radius:16px;color:#31533d;background:#fffffab8;box-shadow:0 10px 20px #5b7d481f}.notification-trigger{position:relative}.notification-trigger.is-active{color:#244a31;background:#dcf5ca}.notification-count{position:absolute;top:4px;right:4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid rgba(255,255,250,.92);border-radius:999px;color:#fff;background:#e06650;font-size:.66rem;font-weight:950;line-height:1}.content{position:relative;z-index:1;height:calc(100% - 68px);overflow-y:auto;padding:14px 16px 98px;scrollbar-width:none}.auth-screen{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:26px 20px}.auth-hero{display:grid;justify-items:center;text-align:center}.auth-mascot{width:122px;height:122px;margin-bottom:16px;border-radius:34px;border:5px solid rgba(255,255,255,.92);box-shadow:0 18px 34px #4b6f3b29}.auth-hero h1{margin:12px 0 8px;color:#264d35;font-size:2.28rem;line-height:1}.auth-hero p{max-width:260px;margin:0;color:#6a8760;font-weight:750;line-height:1.48}.auth-card{padding:15px;border-radius:28px;background:#fffdf4eb;box-shadow:0 18px 34px #496b3c26,inset 0 0 0 1px #5b8c501a}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding:6px;border-radius:20px;background:#edf8dd}.auth-tabs button{height:42px;border-radius:16px;color:#5f7659;background:transparent;font-weight:900}.auth-tabs button.active{color:#275035;background:#fff;box-shadow:0 8px 18px #4a683e1f}.profile-picker{display:grid;grid-template-columns:64px 1fr;gap:4px 12px;align-items:center;margin-bottom:12px;padding:11px;border-radius:22px;color:#35533d;background:#f1f9e8;cursor:pointer}.profile-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.profile-preview{grid-row:span 2;width:64px;height:64px;border-radius:21px;border:3px solid white;background-size:cover;background-position:center}.profile-picker strong,.profile-picker small{display:block}.profile-picker strong{font-weight:900}.profile-picker small{color:#7a936f;font-size:.75rem;font-weight:750}.auth-field{display:grid;gap:7px;margin-top:10px}.auth-field span{padding-left:4px;color:#456045;font-size:.78rem;font-weight:900}.auth-field input{width:100%;height:48px;border:0;outline:0;border-radius:18px;padding:0 14px;color:#264c34;background:#f6faee;box-shadow:inset 0 0 0 1px #5b8c501a}.auth-field input::placeholder{color:#8ca481}.auth-submit{width:100%;height:52px;margin-top:14px;border-radius:19px;color:#fff;background:linear-gradient(135deg,#4c9f56,#77c95d);font-weight:950;box-shadow:0 12px 24px #448b4138}.auth-submit:disabled{color:#7d9673;background:#e7f2dc;box-shadow:none;cursor:not-allowed}.auth-notice{margin-top:12px;padding:11px 12px;border-radius:18px;color:#49644a;background:#fff7d6;font-size:.82rem;font-weight:850;line-height:1.4}.settings-layer{position:absolute;inset:0;z-index:30;display:grid;align-items:end}.settings-backdrop{position:absolute;inset:0;background:#344d2d38}.settings-panel{position:relative;z-index:1;margin:0 12px 12px;padding:16px;border-radius:30px;background:#fffdf4f7;box-shadow:0 -18px 45px #2f4c2b33}.settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.settings-head div{display:grid;gap:2px}.settings-head span{color:#78906f;font-size:.78rem;font-weight:850}.settings-head strong{color:#274836;font-size:1.16rem;font-weight:950}.settings-head button{display:grid;place-items:center;width:38px;height:38px;border-radius:15px;color:#456443;background:#eff9e1}.settings-profile{display:grid;grid-template-columns:68px 1fr 34px;gap:12px;align-items:center;padding:12px;border-radius:24px;color:#35533d;background:#f1f9e8;cursor:pointer}.settings-profile input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.settings-photo{width:68px;height:68px;border-radius:22px;border:3px solid white;background-size:cover;background-position:center}.settings-profile strong,.settings-profile small{display:block}.settings-profile strong{font-weight:950}.settings-profile small{color:#7a936f;font-size:.78rem;font-weight:800}.settings-note{display:flex;gap:9px;align-items:center;margin:12px 0;padding:12px;border-radius:20px;color:#5b7557;background:#fff7d6;font-size:.8rem;font-weight:800;line-height:1.4}.approval-box{margin-top:12px;padding:12px;border-radius:24px;background:#f5faed}.approval-title{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#38533b;font-weight:950}.approval-title small{display:grid;place-items:center;min-width:24px;height:24px;margin-left:auto;border-radius:999px;color:#fff;background:#66b957;font-size:.76rem}.approval-user{display:grid;grid-template-columns:44px 1fr 36px 36px;gap:8px;align-items:center;padding:8px;border-radius:18px;background:#ffffffb8}.approval-user+.approval-user{margin-top:8px}.approval-avatar{width:44px;height:44px;border-radius:15px;border:2px solid white;background-size:cover;background-position:center}.approval-user strong{color:#31513b;font-size:.9rem}.approve-button,.reject-button{display:grid;place-items:center;width:36px;height:36px;border-radius:14px}.approve-button{color:#fff;background:#61b956}.reject-button{color:#6b4c44;background:#ffe0d4}.empty-approval{padding:14px;border-radius:18px;color:#78906f;background:#ffffffb8;font-size:.82rem;font-weight:850;text-align:center}.notification-layer{position:absolute;inset:0;z-index:18;display:grid;align-items:start;padding:76px 12px 0}.notification-backdrop{position:absolute;inset:0;background:#344d2d24}.notification-panel{position:relative;z-index:1;justify-self:end;width:min(100%,338px);max-height:min(620px,calc(100% - 90px));overflow-y:auto;padding:14px;border-radius:26px;background:#fffdf4fa;box-shadow:0 18px 45px #2f4c2b38,inset 0 0 0 1px #5b8c501a;scrollbar-width:thin}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.notification-head div{display:grid;gap:2px}.notification-head span{color:#78906f;font-size:.78rem;font-weight:850}.notification-head strong{color:#274836;font-size:1.12rem;font-weight:950}.notification-head button{display:grid;place-items:center;width:36px;height:36px;border-radius:14px;color:#456443;background:#eff9e1}.notification-group{padding:11px;border-radius:22px;background:#f5faed}.notification-group+.notification-group{margin-top:10px}.notification-title{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#38533b;font-weight:950}.notification-title small{display:grid;place-items:center;min-width:24px;height:24px;margin-left:auto;border-radius:999px;color:#fff;background:#66b957;font-size:.76rem}.notification-user{display:grid;grid-template-columns:42px 1fr 36px 36px;gap:8px;align-items:center;padding:8px;border-radius:18px;background:#ffffffb8}.notification-user+.notification-user{margin-top:8px}.notification-avatar{width:42px;height:42px;border:2px solid white;border-radius:15px;background-size:cover;background-position:center}.notification-user strong{min-width:0;overflow:hidden;color:#31513b;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.notification-settings{width:100%;height:38px;margin-top:9px;border-radius:15px;color:#49644a;background:#e9f8d9;font-size:.82rem;font-weight:900}.notification-item{width:100%;display:grid;grid-template-columns:34px 1fr 18px;gap:9px;align-items:center;padding:9px;border-radius:18px;color:#49644a;background:#ffffffb8;text-align:left}.notification-item+.notification-item{margin-top:8px}.notification-item-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:14px;color:#2d6b3b;background:#ddf6c4}.notification-item-text{min-width:0;display:grid;gap:2px}.notification-item-text strong,.notification-item-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-text strong{color:#31513b;font-size:.82rem;font-weight:950}.notification-item-text span{color:#6c8067;font-size:.74rem;font-weight:750}.empty-notifications{padding:14px;border-radius:18px;color:#78906f;background:#ffffffb8;font-size:.82rem;font-weight:850;text-align:center}.logout-button{width:100%;height:48px;border-radius:18px;color:#49644a;background:#edf8df;font-weight:950}.content::-webkit-scrollbar{display:none}.tag-filter{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tag-filter::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;padding:9px 13px;border-radius:999px;color:#3d6147;background:#fffcefdb;box-shadow:inset 0 0 0 1px #65925b24}.filter-pill.active{color:#21462d;background:#bff0a4;font-weight:800}.weekly-card{width:100%;display:grid;grid-template-columns:1fr 86px;gap:12px;align-items:stretch;margin:10px 0 12px;padding:13px;text-align:left;color:#274836;border-radius:24px;background:linear-gradient(135deg,#fff4bd,#f4ffd6 55%,#d3f7c6);box-shadow:0 14px 26px #57773929,inset 0 0 0 1px #ffffffbd}.empty-weekly{cursor:default}.weekly-copy{min-width:0}.eyebrow,.weekly-meta,.post-actions,.section-title,.post-head,.composer-actions,.drawer-title{display:flex;align-items:center}.eyebrow{gap:5px;width:max-content;margin-bottom:8px;padding:5px 8px;border-radius:999px;color:#73561a;background:#ffffff8f;font-size:.75rem;font-weight:900}.weekly-copy strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;line-height:1.38}.weekly-meta{gap:8px;margin-top:10px;color:#597548;font-size:.76rem;font-weight:800}.weekly-meta span,.post-actions button{display:inline-flex;align-items:center;gap:4px}.weekly-art{display:grid;place-items:center;overflow:hidden;min-height:96px;border-radius:20px}.weekly-profile-photo{border:3px solid rgba(255,255,255,.86);box-shadow:inset 0 0 0 1px #4465370f}.weekly-profile-fallback{color:#5e7d58;background:#fffffabd;box-shadow:inset 0 0 0 1px #5b8c5024}.composer,.post-card{border-radius:24px;background:#fffdf4eb;box-shadow:0 16px 28px #496b3c21,inset 0 0 0 1px #5b8c501a}.composer{padding:13px}.composer-row{display:grid;grid-template-columns:42px 1fr;gap:10px}.mini-avatar,.avatar{border-radius:16px;border:2px solid rgba(255,255,255,.92)}.mini-avatar{width:42px;height:42px}textarea{width:100%;resize:none;border:0;outline:0;padding:5px 0;color:#2f4e38;background:transparent;line-height:1.5}textarea::placeholder{color:#789372}.composer-tags{display:flex;align-items:center;gap:6px;margin:10px 0 12px 52px;overflow-x:auto;scrollbar-width:none}.composer-tags input,.composer-tags button{flex:0 0 auto;height:34px;padding:0 10px;border-radius:999px;font-size:.76rem}.composer-tags input{width:118px;border:0;outline:0;color:#6c825f;background:#f3f7df}.composer-tags input::placeholder{color:#7d9673}.composer-tags button{color:#476a3f;background:#e9f8d9}.composer-tags button.picked{color:#244a31;background:#bde993;font-weight:800}.composer-tags .tag-add-button{color:#fff;background:#73bd62;font-weight:900}.composer-actions{gap:8px;margin-left:52px}.composer-actions button{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:14px;color:#486444;background:#eef8de}.photo-input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.photo-button{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:14px;color:#486444;background:#eef8de;cursor:pointer}.composer-actions button.is-on,.photo-button.is-on{background:#b7ec9a}.composer-actions .submit{margin-left:auto;min-width:72px;padding:0 16px;color:#fff;background:linear-gradient(135deg,#4c9f56,#77c95d);font-weight:900;box-shadow:0 8px 18px #448b413d}.photo-ready{color:#66865b;background:#fff3c9!important;font-size:.76rem;font-weight:800}.photo-preview{position:relative;margin:12px 0 0 52px;overflow:hidden;border-radius:18px;background:#edf8df}.photo-preview img{display:block;width:100%;max-height:180px;object-fit:cover;object-position:center center}.photo-preview button{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:13px;color:#35533d;background:#ffffffd1}.selected-emoji{display:grid;place-items:center;min-width:34px;height:34px;border-radius:14px;background:#fff3c9;font-size:1rem}.emoji-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 0 52px;padding:10px;max-height:180px;overflow-y:auto;border-radius:20px;background:#f2f9e7;scrollbar-width:thin}.emoji-palette button{display:grid;place-items:center;height:38px;border-radius:15px;background:#ffffffb3;font-size:1.16rem}.emoji-palette button.picked{background:#bde993;box-shadow:inset 0 0 0 2px #3f7e3629}.reply-emoji-palette{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;max-height:142px;border-radius:16px}.section-title{justify-content:space-between;margin:18px 2px 10px;color:#38533b}.section-title div{display:grid;gap:2px}.section-title span{font-weight:900}.section-title small{color:#7c9672;font-size:.75rem}.feed{display:grid;gap:12px}.post-anchor{min-width:0;scroll-margin:12px 0 96px}.post-anchor.is-scroll-target .post-card{outline:3px solid transparent;outline-offset:3px;animation:post-target-glow 1.5s ease}.post-card{position:relative;padding:14px}.post-head{gap:10px}.avatar{flex:0 0 auto;width:44px;height:44px}.post-head div{min-width:0;display:grid;gap:2px}.post-head strong{font-size:.9rem}.post-head span{color:#7c9273;font-size:.75rem}.post-emoji{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:14px;background:#fff3c9}.post-card p{margin:11px 0 9px;color:#304a38;line-height:1.55}.post-tags,.leaf-tags{display:flex;flex-wrap:wrap;gap:7px}.post-tags span{padding:6px 10px;border-radius:999px 999px 999px 6px;color:#2f6438;background:#ddf6c4;font-size:.76rem;font-weight:800}.post-image{height:150px;margin-top:11px;border-radius:20px;border:3px solid rgba(255,255,255,.82)}.post-image-button{display:block;width:100%;padding:0;color:inherit;background:transparent;text-align:left}.uploaded-image{display:block;width:100%;object-fit:cover;object-position:center center}.photo-viewer{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:18px}.photo-viewer-backdrop{position:absolute;inset:0;background:#1d3020bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.photo-viewer-panel{position:relative;z-index:1;width:100%;max-height:88%;display:grid;place-items:center}.photo-viewer-panel img,.photo-viewer-art{max-width:100%;max-height:74vh;border-radius:24px;border:4px solid rgba(255,255,255,.9);box-shadow:0 24px 60px #0a180e66}.photo-viewer-panel img{display:block;width:auto;height:auto;object-fit:contain}.photo-viewer-art{width:min(100%,340px);aspect-ratio:1 / 1;background-size:300% 200%}.photo-viewer-close{position:absolute;top:-48px;right:0;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:16px;color:#2f4e38;background:#ffffffeb;box-shadow:0 12px 24px #0a180e38}.reply-list{display:grid;gap:8px;margin-top:11px}.reply-preview{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;padding:9px;border-radius:18px;color:#49644a;background:#f2f8e9}.reply-preview.has-image{grid-template-columns:20px 1fr 46px}.reply-preview.has-actions{grid-template-columns:20px 1fr 34px}.reply-preview.has-image.has-actions{grid-template-columns:20px 1fr 46px 34px}.reply-preview strong{display:block;font-size:.84rem;line-height:1.35}.reply-preview span{display:block;font-size:.95rem;line-height:1.35}.reply-preview span{color:#6c8067}.reply-image-button{display:block;width:46px;height:46px;padding:0;overflow:hidden;border-radius:14px;background:transparent}.reply-image{width:46px;height:46px;border-radius:14px}.reply-delete-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;color:#8a4b3f;background:#ffe3d8}.uploaded-reply-image{display:block;object-fit:cover;object-position:center center}.post-actions{gap:6px;margin-top:12px;overflow-x:auto;scrollbar-width:none}.post-actions button,.post-actions label{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 10px;border-radius:999px;color:#53704e;background:#f1f8e6;font-size:.76rem;font-weight:800}.post-actions label{cursor:pointer}.post-actions .delete-post-button{color:#8a4b3f;background:#ffe3d8}.reply-composer{display:grid;gap:9px;margin-top:11px;padding:10px;border-radius:18px;background:#eef8e3;box-shadow:inset 0 0 0 1px #5b8c501f}.reply-composer-head,.reply-composer-actions{display:flex;align-items:center}.reply-composer-head{justify-content:space-between;color:#466644;font-size:.78rem;font-weight:900}.reply-composer-head span{display:inline-flex;align-items:center;gap:5px}.reply-composer-head button{display:grid;place-items:center;width:28px;height:28px;border-radius:11px;color:#53704e;background:#ffffffbd}.reply-composer textarea{min-height:58px;padding:9px 10px;border-radius:15px;background:#fffffab8}.reply-photo-preview{position:relative;overflow:hidden;border-radius:15px;background:#dff3d2}.reply-photo-preview img{display:block;width:100%;max-height:150px;object-fit:cover;object-position:center center}.reply-photo-preview button{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:30px;height:30px;border-radius:12px;color:#35533d;background:#ffffffd6}.reply-composer-actions{gap:7px}.reply-composer-actions button,.reply-composer-actions label{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border-radius:13px;color:#486444;background:#fffffac7;font-size:.76rem;font-weight:850}.reply-composer-actions label{cursor:pointer}.reply-composer-actions label.is-on,.reply-composer-actions button.is-on,.reply-photo-chip{background:#fff3c9!important}.reply-composer-actions .reply-submit{margin-left:auto;min-width:82px;color:#fff;background:linear-gradient(135deg,#4c9f56,#77c95d);font-weight:900}.reply-composer-actions .reply-submit:disabled{color:#7d9673;background:#dcebd1;cursor:not-allowed}.reaction-button{transition:transform .16s ease,background-color .16s ease,color .16s ease}.reaction-button:active{transform:translateY(-1px) scale(.97)}.reaction-burst{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:4px;min-width:max-content;padding:7px 10px;border-radius:999px;pointer-events:none;color:#2f6e45;background:#fffffaf2;box-shadow:0 12px 22px #3a65392e,inset 0 0 0 1px #ffffffb8;font-size:.76rem;font-weight:900;line-height:1;animation:reaction-float .82s cubic-bezier(.2,.88,.24,1) forwards;will-change:transform,opacity}.reaction-burst-like{color:#27815f}.reaction-burst-heart{color:#df4d73}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%,-50%) translateY(8px) scale(.72) rotate(-4deg)}16%{opacity:1;transform:translate(-50%,-50%) translateY(-6px) scale(1.08) rotate(2deg)}68%{opacity:.92;transform:translate(-50%,-50%) translateY(-44px) scale(1) rotate(-1deg)}to{opacity:0;transform:translate(-50%,-50%) translateY(-66px) scale(.84) rotate(4deg)}}@keyframes post-target-glow{0%{outline-color:#6cbb5b00}18%{outline-color:#6cbb5bb8}to{outline-color:#6cbb5b00}}@media(prefers-reduced-motion:reduce){.reaction-burst,.post-anchor.is-scroll-target .post-card{animation-duration:1ms}}.bottom-nav{position:absolute;right:14px;bottom:14px;left:14px;z-index:7;display:grid;grid-template-columns:1fr 1fr 64px 1fr;align-items:center;gap:6px;padding:8px;border-radius:26px;background:#fffdf6e0;box-shadow:0 20px 38px #39522e33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item,.write-tab{display:grid;place-items:center;gap:2px;height:54px;border-radius:20px;color:#647c60;background:transparent;font-size:.72rem;font-weight:800}.nav-item.is-active{color:#285338;background:#dcf5ca}.write-tab{height:58px;color:#fff;background:linear-gradient(135deg,#59a957,#91d764);box-shadow:0 10px 20px #3f873d45}.drawer{position:absolute;top:0;bottom:0;left:0;z-index:20;width:min(78%,315px);padding:18px 14px;transform:translate(-104%);transition:transform .28s ease;background:linear-gradient(180deg,#fffceefa,#e5f9d3fa),url(/assets/forest-asset-sheet.png);background-size:210%;background-position:86% 12%;box-shadow:18px 0 45px #2f4c2b33}.drawer.is-open{transform:translate(0)}.screen-dim{position:absolute;inset:0;z-index:19;pointer-events:none;opacity:0;background:#344d2d3d;transition:opacity .22s ease}.screen-dim.is-visible{pointer-events:auto;opacity:1}.drawer-header{display:grid;grid-template-columns:54px 1fr 34px;gap:10px;align-items:center;margin-bottom:18px;padding:10px;border-radius:24px;background:#fffff6b3}.profile-art{width:54px;height:54px;border-radius:19px;background-image:url(/assets/forest-asset-sheet.png);background-size:300% 200%;background-position:0% 100%;border:3px solid white}.drawer-header strong,.drawer-header span{display:block}.drawer-header strong{font-size:.9rem}.drawer-header span{color:#78906f;font-size:.73rem;font-weight:700}.drawer-close{display:grid;place-items:center;width:34px;height:34px;border-radius:14px;color:#456443;background:#eff9e1}.drawer-menu{display:grid;gap:7px}.drawer-link{display:grid;grid-template-columns:26px 1fr auto 18px;align-items:center;gap:8px;min-height:46px;padding:0 11px;border-radius:18px;color:#466146;background:#fffff9ad;text-align:left;font-weight:850}.pending-badge{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;color:#fff;background:#66b957;font-size:.72rem;font-weight:950}.drawer-link.is-active{color:#21472c;background:#c9f1a9}.drawer-tags{margin-top:18px;padding:13px;border-radius:24px;background:#fffdf4bf}.empty-tags{display:block;width:100%;padding:13px;border-radius:18px;color:#78906f;background:#f1f9e8;font-size:.82rem;font-weight:800}.empty-feed{display:grid;justify-items:center;gap:7px;padding:28px 18px;border-radius:26px;color:#496848;text-align:center;background:#fffdf4d1;box-shadow:0 16px 28px #496b3c1c,inset 0 0 0 1px #5b8c501a}.empty-art{width:86px;height:86px;border-radius:25px;border:4px solid white}.empty-feed strong{font-size:1rem;font-weight:950}.empty-feed span{color:#7a936f;font-size:.82rem;font-weight:750}.drawer-title{gap:6px;margin-bottom:11px;font-size:.88rem;font-weight:900}.leaf-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:999px 999px 999px 7px;color:#2d5a37;background:#daf5be;font-size:.78rem;font-weight:850}.leaf-chip small{color:#719266}.leaf-chip.is-selected{background:#9ee37c}.thumb{background-image:url(/assets/forest-asset-sheet.png);background-size:300% 200%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #4465370f}.avatar-shell{display:inline-block;overflow:hidden}.avatar-shell img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.thumb-path{background-position:50% 0%}.thumb-plant{background-position:100% 0%}.thumb-meadow{background-position:50% 100%}.thumb-mascot{background-position:0% 100%}.uploaded-photo-bg{background-size:cover;background-position:center center;background-repeat:no-repeat}.profile-art,.profile-preview,.settings-photo,.approval-avatar,.notification-avatar,.mini-avatar,.avatar{background-position:center center}@media(max-width:520px){.page{padding:0}.phone{width:100vw;height:100svh;min-height:100svh;border:0;border-radius:0}}