:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#514944;background:#f8f1e7;font-synthesis:none;--cream:#f8f1e7;--pink:#f4d7d7;--ink:#514944;--muted:#8e8179;--line:#eee4dc;--white:#fffcf9;--shadow:0 7px 24px rgba(117,88,72,.055);--accent:#dca6ac}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d6b6b9;outline-offset:2px}img{max-width:100%;display:block}.app-shell{min-height:100vh;max-width:660px;margin:auto;background:linear-gradient(#fcf7f0,#f8f1e7 42%);padding-bottom:calc(100px + env(safe-area-inset-bottom))}.topbar{padding:22px 22px 10px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:40px;height:40px;background:#f6d9d7;border:1px solid #eccdcd;border-radius:14px;display:grid;place-items:center;color:#795e63;font-size:24px;transform:rotate(-5deg)}.brand-name{font-size:18px;font-weight:850;letter-spacing:1.2px}.brand-spark{font-size:12px;color:#c9a382;margin-left:4px}.brand-sub{font-size:10px;letter-spacing:.5px;color:#8e8179;margin-top:3px}.avatar{width:38px;height:38px;border:1px solid #eedfd4;border-radius:14px;background:#fff8f4;color:#bd8590;font-size:23px}.main{padding:12px 20px 26px}.bottom-nav{max-width:660px;position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);height:calc(76px + env(safe-area-inset-bottom));padding:5px 9px calc(7px + env(safe-area-inset-bottom));background:rgba(255,252,249,.97);border-top:1px solid #eee5dc;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1px;width:100%;box-shadow:0 -5px 22px #b79f8b12}.nav-btn{border:0;background:none;color:#9b8b83;display:grid;align-content:center;justify-items:center;gap:1px;font-size:10px;letter-spacing:-.3px}.nav-btn.active{color:#b87585;font-weight:750}.nav-ico{font-size:25px;line-height:27px}.nav-add{border:0;border-radius:21px;background:#e5b8bf;color:#fff;font-size:35px;width:56px;height:56px;align-self:start;justify-self:center;box-shadow:0 7px 15px #deb3ba6e;line-height:1}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:750;color:#b0897f}.page-title{font-size:26px;line-height:1.32;font-weight:830;letter-spacing:-1.3px;margin:7px 0 9px}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:25px 1px 11px}.sec-title{font-size:16px;font-weight:800;letter-spacing:-.5px;margin:0}.card{background:#fffdfa;border:1px solid #efe5dc;border-radius:21px;box-shadow:var(--shadow)}.hero{padding:23px 21px;background:linear-gradient(115deg,#fff9f6,#ffefed);position:relative;overflow:hidden;min-height:170px}.hero:after{content:'✿';position:absolute;font-size:117px;color:#f4d6d7;opacity:.5;right:-15px;bottom:-42px;transform:rotate(-14deg)}.hero h2{font-size:23px;letter-spacing:-.7px;margin:8px 0 11px;position:relative;z-index:1}.hero p{color:#927c7a;font-size:12px;line-height:1.6;margin:0 0 15px;position:relative;z-index:1}.hero .btn{position:relative;z-index:1}.btn{border:0;border-radius:13px;padding:11px 15px;background:#e2aeb6;color:#fff;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.secondary{background:#f9eee8;color:#836b65;border:1px solid #edddd4}.btn.ghost{background:transparent;color:#9e6f7d;border:1px solid #e8d6d4}.btn.full{width:100%}.btn.olive{background:#9eafa0}.mode-strip{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:none}.mode-strip::-webkit-scrollbar{display:none}.mode-chip{white-space:nowrap;border:1px solid #eadfd6;background:#fff9f5;color:#97837d;font-size:12px;padding:9px 12px;border-radius:30px;font-weight:650}.mode-chip.selected{background:#eec9ca;border-color:#e8b8be;color:#79535b}.mode-chip[data-mode="salon"].selected{background:#dce9da;border-color:#bdccbb;color:#526a53}.mode-chip[data-mode="home"].selected{background:#e0e8f5;border-color:#c4d1e7;color:#556b87}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{border-radius:17px;padding:15px 10px 12px;background:#fffdfa;border:1px solid var(--line);text-align:center}.metric-num{font-size:22px;font-weight:800;letter-spacing:-.7px}.metric-label{font-size:10px;color:#a0928a;margin-top:4px}.list{display:grid;gap:10px}.record-card{display:flex;gap:12px;align-items:center;padding:11px;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.record-thumb{width:81px;height:76px;border-radius:12px;flex-shrink:0;background:#f6eee6;object-fit:cover;display:grid;place-items:center;font-size:31px;color:#d7b3ae;overflow:hidden}.record-thumb img{width:100%;height:100%;object-fit:cover}.record-info{flex:1;min-width:0}.record-info h3{margin:0 0 4px;font-size:14px}.record-info p{margin:3px 0;font-size:11px;color:#958780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-card .arrow{color:#cbbdb5;font-size:20px;padding:4px}.empty{text-align:center;padding:36px 17px}.empty-icon{font-size:44px;margin-bottom:10px}.empty h3{margin:4px 0 8px}.empty p{font-size:12px;line-height:1.7;color:#948780}.sheet{padding:16px}.section-intro{font-size:12px;color:#98867b;line-height:1.8;margin:0 0 21px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cal-button{width:36px;height:32px;border:1px solid #efe4dc;background:#faf4ee;border-radius:10px;color:#8c756b;font-size:19px}.calendar-title{font-weight:800;font-size:15px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.weekday{font-size:10px;color:#a39488;padding:7px 0}.day{border:0;min-height:42px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;gap:4px;color:#655a54;font-size:12px}.day.today{outline:1px dashed #d5abb3}.day.selected{background:#f5d8da;color:#8e515e;font-weight:800}.day.has-entry:after{content:'';width:4px;height:4px;border-radius:50%;background:#d39eaa}.day.blank{pointer-events:none}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.link-btn{border:0;background:transparent;color:#a7767e;font-size:12px;font-weight:700;padding:5px}.pill{display:inline-flex;align-items:center;border-radius:30px;background:#f8e7e7;color:#a16974;padding:5px 9px;font-size:10px;font-weight:750}.field{display:grid;gap:7px;margin-bottom:16px}.label{font-size:12px;font-weight:750;color:#6f5c54}.hint{font-size:10px;color:#a09489;margin-top:1px}.text-input,.select-input,.textarea-input{width:100%;border:1px solid #e9ded5;background:#fffdfb;border-radius:12px;padding:13px;color:#554a45;min-height:45px;font-size:13px;outline:none}.text-input:focus,.textarea-input:focus,.select-input:focus{border-color:#d5a9ae;box-shadow:0 0 0 3px #f8e3e5}.textarea-input{resize:vertical;min-height:94px;line-height:1.6}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:11px}.photos{display:grid;grid-template-columns:1fr 1fr;gap:11px}.photo-slot{position:relative;min-width:0}.photo-picker{border:1.5px dashed #e6d4c9;border-radius:15px;min-height:142px;background:#fffaf6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer;overflow:hidden;position:relative}.photo-picker img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.photo-picker .placeholder-icon{font-size:27px;color:#cba7a2}.photo-picker span{font-size:11px;color:#a38f86;font-weight:700}.photo-picker.has-photo .photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:#2d24247d;color:white;text-align:center;font-size:10px}.photo-picker input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.delete-photo{position:absolute;top:6px;right:7px;z-index:4;border:0;background:#fff9f2dd;color:#966e6c;border-radius:50%;height:26px;width:26px}.small-header{font-size:12px;font-weight:800;margin:16px 0 11px;display:flex;align-items:center;gap:6px}.option-group{display:flex;flex-wrap:wrap;gap:7px}.option{border:1px solid #eadfd8;background:#fffcf9;color:#8c7a71;padding:9px 11px;border-radius:12px;font-size:11px}.option.active{background:#f6dcde;color:#8f5862;border-color:#e5b9bf;font-weight:800}.form-actions{display:grid;grid-template-columns:1fr 2fr;gap:9px;margin-top:23px}.detail-images{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-photo{aspect-ratio:1;background:#f7efe9;border-radius:13px;overflow:hidden;display:grid;place-items:center;color:#b7a19b;font-size:13px;position:relative}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-photo span{position:absolute;top:8px;left:8px;background:#fffcf9d9;padding:5px 8px;font-weight:800;border-radius:9px;font-size:10px}.kv{display:grid;grid-template-columns:85px 1fr;border-bottom:1px solid #f1e9e1;padding:10px 0;gap:10px;font-size:12px}.kv:last-child{border:0}.kv .key{color:#99877c}.note-box{background:#fff8f2;border:1px solid #f3e7dc;border-radius:14px;padding:13px;font-size:12px;line-height:1.8;white-space:pre-wrap}.back{border:0;background:transparent;color:#a1747c;font-size:13px;font-weight:700;padding:0 0 16px}.check-card{display:flex;gap:10px;align-items:center;padding:12px;margin:0 0 9px}.check-card input{accent-color:#c98797;width:18px;height:18px}.check-card img{width:55px;height:55px;object-fit:cover;border-radius:9px}.check-card .content{flex:1;min-width:0}.check-card h3{margin:0 0 4px;font-size:13px}.check-card p{margin:0;color:#988a80;font-size:11px}.setting-card{padding:18px;margin-bottom:12px}.setting-card h3{margin:0 0 10px;font-size:14px}.setting-card p{line-height:1.65;color:#94857c;font-size:12px}.setting-card .btn{margin:4px 5px 0 0}.notice{font-size:11px;color:#8f8279;line-height:1.7;padding:13px 14px;border-radius:13px;background:#fcf5eb;border:1px solid #efe4d5}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%) translateY(16px);max-width:min(90vw,420px);width:max-content;z-index:60;color:#fff;background:#695b58;padding:12px 18px;border-radius:14px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 6px 26px #0002}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.update-banner{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;background:#5e4c47;color:#fff;padding:12px 14px;display:flex;gap:12px;align-items:center;border-radius:12px;font-size:12px;width:max-content;max-width:95vw;box-shadow:0 8px 25px #0003}.update-banner button{border:0;border-radius:8px;padding:7px 11px;color:#5e4c47;background:#fff1e5;font-size:12px;font-weight:800}.hidden{display:none!important}.calendar-filter{margin-top:11px}.summary-flex{display:flex;justify-content:space-between;align-items:center;gap:10px}.shelf{display:flex;align-items:center;gap:11px;padding:12px;border-radius:15px;background:#fef7f1;margin:12px 0}.shelf-icon{font-size:25px;flex-shrink:0}.shelf strong{font-size:12px}.shelf p{margin:4px 0 0;color:#9a887d;font-size:10px;line-height:1.5}.footer-note{text-align:center;font-size:10px;color:#ac9e94;padding:23px 0 9px}.badgecount{background:#f6e5e5;color:#a76d77;border-radius:14px;font-size:10px;padding:5px 9px}.chart-row{display:grid;grid-template-columns:65px 1fr 48px;gap:9px;align-items:center;font-size:11px;color:#827269;margin-top:11px}.bar-bg{height:9px;background:#f0ebe3;border-radius:20px;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:#e3b8bb}.intro-icons{font-size:25px;color:#c49b9b;letter-spacing:9px}.mode-title{font-size:12px;color:#8b7a74;margin:5px 0 13px}.file-inline{position:relative;display:inline-block}.file-inline input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.small-separator{height:1px;background:#f1e9e1;margin:17px 0}.switch-row{display:flex;gap:9px;align-items:center;font-size:12px;color:#6d6059}.switch-row input{accent-color:#ca8e98}.app-footer-title{font-size:13px;font-weight:850;color:#9d7d77;letter-spacing:1px;text-align:center;margin-top:25px}
@media(min-width:700px){.app-shell{box-shadow:0 0 65px #c8aea438}.bottom-nav{box-shadow:0 -5px 22px #b79f8b22}.main{padding:17px 28px 30px}.topbar{padding:25px 29px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

/* GROOMLOG v0.2 — clean, gender-neutral journal */
:root{font-family:'Pretendard Variable','Pretendard','SUIT','Noto Sans KR','Apple SD Gothic Neo',-apple-system,BlinkMacSystemFont,'Malgun Gothic',system-ui,sans-serif;--cream:#F3F3ED;--ink:#293631;--muted:#738078;--line:#E0E6DE;--white:#FFFFFF;--accent:#365C50;--shadow:0 5px 19px rgba(35,55,46,.045);color:var(--ink);background:#e9ede7}
.app-shell{background:linear-gradient(180deg,#F6F7F2 0%,#F3F4EF 44%,#F4F5F0 100%)}
.topbar{padding-top:25px;padding-bottom:14px}
.brand-mark{background:#DEE9DE;border-color:#CFDFD2;border-radius:13px;color:#31574A;transform:none;font-size:22px}
.brand-name{letter-spacing:.7px;font-size:18px;color:#253C33;font-weight:800}
.brand-spark{display:none}
.brand-sub{font-size:10px;color:#77857B}
.avatar{background:#FDFEFC;border:1px solid #DAE4DA;color:#476957;font-size:21px}
.bottom-nav{background:rgba(255,255,253,.98);border-top:1px solid #E2EAE1;box-shadow:0 -5px 25px #364d3610}
.nav-btn{color:#849189;font-weight:600}
.nav-btn.active{color:#355E50;font-weight:800}
.nav-add{background:#355E50;box-shadow:0 7px 16px #23483c29;border-radius:18px}
.eyebrow{color:#648171;letter-spacing:1.1px;font-size:10px;font-weight:800}
.page-title{color:#2B3A34;font-weight:780;letter-spacing:-1.05px}
.mode-title,.section-intro,.hint,.small.muted{color:#78857C}
.card{background:#fff;border-color:#E3E9E1;border-radius:18px;box-shadow:var(--shadow)}
.hero{background:linear-gradient(115deg,#E5EEE2,#F0F4E9);border-color:#D9E5DA;border-radius:19px;min-height:174px}
.hero:after{content:'✂';font-size:104px;color:#BCD1BD;opacity:.46;transform:rotate(-19deg);right:6px;bottom:-25px}
.hero h2{color:#273F34;letter-spacing:-.7px}
.hero p{color:#61766A}
.btn{background:#385D50;color:white;border-radius:11px;font-size:12px;font-weight:760}
.btn.secondary{background:#EDF3EC;color:#36594D;border-color:#D8E4D9}
.btn.ghost{color:#416455;border-color:#D5E1D5;background:white}
.mode-chip{background:#FEFFFC;color:#758277;border-color:#DFE7DE;font-weight:700}
.mode-chip.selected{background:#EFE4D1;color:#675431;border-color:#E2CFB0}
.mode-chip[data-mode="salon"].selected{background:#DCEAE0;color:#365B47;border-color:#C8DCCA}
.mode-chip[data-mode="home"].selected{background:#E0E9EF;color:#496276;border-color:#CEDCE4}
.metrics .metric{background:#FEFFFC;border-color:#E1E8DF}
.metric-label{color:#7C8A80}
.record-info p,.check-card p{color:#718075}
.record-card .arrow{color:#899A8B}
.record-thumb{background:#E8EFE5;color:#6F8B73}
.empty p,.setting-card p{color:#728074}
.cal-button{background:#F0F4ED;color:#52735F;border-color:#D8E3D7}
.weekday{color:#7D8D81}
.day{color:#42594A}
.day.today{outline:1px dashed #8DAA93}
.day.selected{background:#DDEBDD;color:#355C46}
.day.has-entry:after{background:#598773}
.link-btn,.back{color:#446F5A}
.pill,.badgecount{background:#E5EEE3;color:#54735C}
.label{color:#34493D;font-size:12px;font-weight:750}
.text-input,.select-input,.textarea-input{background:#FEFFFC;border-color:#DCE5DC;color:#2E4036;border-radius:11px;font-size:13px}
.text-input:focus,.textarea-input:focus,.select-input:focus{border-color:#729E83;box-shadow:0 0 0 3px #CFE2D244}
.photo-picker{background:#F8FAF6;border-color:#CAD9CC}
.photo-picker span{color:#758A79}
.photo-picker .placeholder-icon{color:#769C85}
.delete-photo{color:#4E6957}
.option{background:#FEFFFC;color:#697B6C;border-color:#DCE7DC;border-radius:10px}
.option.active{background:#DCEADE;color:#355C47;border-color:#A9CAB0}
.switch-row{color:#485E50}
.switch-row input,.check-card input{accent-color:#39624E}
.detail-photo{background:#E8EFE6;color:#708572}
.detail-photo span{background:#F9FCF5E6}
.kv{border-color:#E8EEE6}
.kv .key{color:#748477}
.note-box{background:#F7FAF6;border-color:#E0EAE0;color:#405B47}
.notice{background:#EDF2E9;border-color:#DCE7D9;color:#617564}
.toast,.update-banner{background:#344D40}
.update-banner button{background:#E8F1E4;color:#355747}
.shelf{background:#F4F7F0}
.shelf p{color:#758577}
.footer-note,.app-footer-title{color:#8A9C8A}
.bar-fill{background:#7DA890}
.bar-bg{background:#E6EDE5}
.delete-link{color:#986965}

/* Breed autocomplete */
.breed-field{position:relative;min-width:0}
.breed-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:-10px;background:#fff;border:1px solid #D8E5DA;border-radius:12px;box-shadow:0 14px 27px #2d4a3929;max-height:230px;overflow:auto;z-index:25;padding:5px}
.breed-suggestions[hidden]{display:none}
.breed-suggestion{display:block;width:100%;text-align:left;border:0;background:transparent;padding:11px 10px;color:#304F3C;border-radius:8px;font-weight:650;font-size:13px}
.breed-suggestion:hover,.breed-suggestion:focus-visible{background:#EAF1E8;outline:none}
/* Customizable multi-select tags */
.tag-group{margin:10px 0 14px}
.sub-label{font-size:11px;color:#657B68;font-weight:760;margin:8px 0 9px}
.multi-options,.tag-view,.selected-tags{display:flex;gap:7px;flex-wrap:wrap}
.multi-chip{font-size:12px;line-height:1.3;background:#FCFDF9;color:#64796A;border:1px solid #D9E5DB;padding:9px 11px;border-radius:10px;min-height:37px;font-weight:650;transition:background-color .13s}
.multi-chip.active{background:#DCEADD;color:#29523D;border-color:#A8C5AE;font-weight:770}
.multi-chip:hover{border-color:#9DC2A8}
.custom-tag-row{display:flex;gap:7px;margin-top:6px}
.custom-tag-row .btn{flex:0 0 auto}
.custom-tag-row .text-input{flex:1;min-width:0}
.selected-tags{background:#F3F6F1;border:1px dashed #CFDBCF;border-radius:12px;min-height:47px;align-items:center;padding:10px;margin-top:10px}
.chosen-chip,.read-chip{display:inline-flex;align-items:center;gap:6px;background:#DDEADE;color:#355744;padding:7px 9px;border-radius:8px;font-size:11px;font-weight:730}
.chosen-chip button{border:0;background:none;color:#41604B;padding:0 3px;font-weight:900;font-size:16px;line-height:1;cursor:pointer}
.read-chip{background:#EDF3EB;color:#4D6D55;font-weight:700}
/* Teacher review */
.review-section{margin-top:21px;background:#F5F7F1;border:1px solid #DFE7DA;border-radius:15px;padding:15px}
.review-section .small-header{margin-top:2px;font-size:14px}
.review-section .field{margin-bottom:14px}
.review-hint{line-height:1.55;margin:3px 0 17px}
.review-view{border-top:1px solid #E0E8DF;margin-top:18px;padding-top:7px}
.review-view .sub-label{margin:14px 0 7px}
.review-badge{font-size:11px;font-weight:780;padding:7px 10px;border-radius:8px;display:inline-block;background:#EBEEE9;color:#58665A}
.review-pass,.review-repass{background:#DAEDDF;color:#315A3F}
.review-revision{background:#F9E7CA;color:#795526}
.spaced{margin-top:13px}
.portfolio-review-toggle{margin:12px 2px 15px;line-height:1.5}
@media(min-width:700px){.app-shell{box-shadow:0 0 60px #314f3820}}

/* v0.3 feedback drafts */
.feedback-notice{padding:14px;border-radius:12px;background:#edf2e9;border:1px solid #dce7d9;margin-bottom:18px;color:#355243;font-size:12px;line-height:1.65}
.feedback-notice p{margin:6px 0 0;color:#5d7163}
.feedback-textarea{min-height:145px}
.feedback-item{padding:15px 17px}
.feedback-item p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#354b3e;margin:12px 0}
.feedback-local-state{display:inline-block;padding:5px 9px;border-radius:8px;background:#f3f0e6;color:#82704f;font-size:10px;font-weight:700}
.feedback-delete{float:right;font-size:11px;margin-top:3px}

/* GROOMLOG 0.4 · SNS Studio */
.social-invite{display:flex;gap:10px;align-items:center;padding:15px;margin:20px 0 7px;background:#f3f7f0}
.social-invite-icon{font-size:28px;color:#416d58}.social-invite>div:nth-child(2){flex:1;min-width:0}.social-invite strong{font-size:12px}.social-invite p{font-size:10px;color:#6f8575;line-height:1.6;margin:4px 0}.social-invite .btn{white-space:nowrap}
.social-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.social-format{border:1px solid #D3E0D4;background:#F7FAF5;border-radius:12px;padding:12px 5px;color:#647B69;font-size:11px;font-weight:700}.social-format.active{background:#385D50;color:#fff;border-color:#385D50}
.social-preview-wrap{background:#E5ECE6;border:1px solid #D3E0D4;border-radius:17px;overflow:hidden;padding:15px 15px 9px;margin:17px 0 21px;display:grid;place-items:center;gap:7px}.social-preview-wrap canvas{display:block;width:100%;max-width:390px;max-height:500px;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 9px 24px #2b463f21;background:white}.social-preview-note{text-align:center;font-size:10px;color:#68806D}.social-options{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;padding:10px 0 20px}.social-options .switch-row{font-size:12px}.social-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 10px}.social-actions .btn{min-height:45px}.social-footnote{line-height:1.6;margin:8px 2px 23px}.portfolio-watermark-toggle{margin:12px 2px 16px;line-height:1.6}
@media(max-width:350px){.social-invite{flex-wrap:wrap}.social-invite .btn{width:100%}}