:where(.pethome-modern,.pethome-modern .pm-theme-card){--th-button-ink:var(--th-ink)}.pethome-modern .pm-theme-card[data-theme=sunny],.pethome-modern[data-pethome-theme=sunny]{--th-base:#f1eadb;--th-paper:#fff9ec;--th-soft:#f7f0df;--th-edge:#ddcfb4;--th-ink:#493d2b;--th-muted:#75654e;--th-accent:#f4d775;--th-hover:#edcc60;--th-selected:#faedc1;--th-dark:#b29038;--th-link:#426eb5;--th-leaf:#647e49;--th-blush:#eca68e;--th-shadow:#75664a18;--th-grain:repeating-linear-gradient(18deg,transparent 0 7px,#796c500b 7.5px,transparent 8px 21px),repeating-linear-gradient(103deg,transparent 0 11px,#fffdf750 11.5px,transparent 12px 27px);--th-paper-grain:repeating-linear-gradient(16deg,transparent 0 13px,#a899760c 13.5px,transparent 14px 23px)}.pethome-modern .pm-theme-card[data-theme=breeze],.pethome-modern[data-pethome-theme=breeze]{--th-base:#e8f1f6;--th-paper:#fcfefe;--th-soft:#f0f6fa;--th-edge:#c9dce8;--th-ink:#314958;--th-muted:#617785;--th-accent:#b9dcf3;--th-hover:#a7d1ed;--th-selected:#dfedf8;--th-dark:#779cb8;--th-link:#386b97;--th-leaf:#588376;--th-blush:#e9c5ae;--th-shadow:#567c9717;--th-grain:repeating-linear-gradient(0deg,transparent 0 34px,#ffffff80 35px,transparent 36px 70px),repeating-linear-gradient(93deg,transparent 0 17px,#7f9bb708 18px,transparent 19px 31px);--th-paper-grain:repeating-linear-gradient(0deg,transparent 0 3px,#7194b005 4px,transparent 5px 13px)}.pethome-modern .pm-theme-card[data-theme=meadow],.pethome-modern[data-pethome-theme=meadow]{--th-base:#eaf0e2;--th-paper:#fcfdf5;--th-soft:#f0f4e9;--th-edge:#ccd6bd;--th-ink:#3e4b35;--th-muted:#67745a;--th-accent:#c9dca7;--th-hover:#bad091;--th-selected:#e5efd2;--th-dark:#879b66;--th-link:#4d7252;--th-leaf:#5f7c3f;--th-blush:#dcc485;--th-shadow:#65744b16;--th-grain:radial-gradient(ellipse at 20% 30%,#7b985513 1px,transparent 1.7px),repeating-linear-gradient(115deg,transparent 0 22px,#ffffff50 23px,transparent 24px 39px);--th-paper-grain:radial-gradient(#7c916014 .55px,transparent 1px)}.pethome-modern .pm-theme-card[data-theme=blossom],.pethome-modern[data-pethome-theme=blossom]{--th-base:#f4eaf0;--th-paper:#fffbfc;--th-soft:#faf0f4;--th-edge:#e2cbd5;--th-ink:#59404d;--th-muted:#836774;--th-accent:#edc3d2;--th-hover:#e6b1c5;--th-selected:#f6e0e8;--th-dark:#b28194;--th-link:#91536f;--th-leaf:#69816a;--th-blush:#bfc5e2;--th-shadow:#98677b15;--th-grain:radial-gradient(ellipse at 12px 12px,#dcb1c018 2px,transparent 3px),repeating-linear-gradient(35deg,transparent 0 23px,#fff9fc90 24px,transparent 25px 43px);--th-paper-grain:repeating-linear-gradient(87deg,transparent 0 19px,#ba839508 20px,transparent 21px 37px)}.pethome-modern .pm-theme-card[data-theme=twilight],.pethome-modern[data-pethome-theme=twilight]{--th-base:#eae8f3;--th-paper:#fcfbff;--th-soft:#f1eef8;--th-edge:#d4cbe3;--th-ink:#49405e;--th-muted:#766b88;--th-accent:#cfc3e9;--th-hover:#c0b1df;--th-selected:#e8e0f5;--th-dark:#9685b4;--th-link:#6e5797;--th-leaf:#668079;--th-blush:#e8cf9f;--th-shadow:#77628b18;--th-grain:radial-gradient(#ffffffad .8px,transparent 1.2px),repeating-linear-gradient(120deg,transparent 0 19px,#8a71a808 20px,transparent 21px 35px);--th-paper-grain:repeating-linear-gradient(8deg,transparent 0 11px,#927dba07 12px,transparent 13px 29px)}.pethome-modern .pm-theme-card[data-theme=peach],.pethome-modern[data-pethome-theme=peach]{--th-base:#f4e9e2;--th-paper:#fffaf7;--th-soft:#faf0e8;--th-edge:#e4cebf;--th-ink:#5b4438;--th-muted:#806b5e;--th-accent:#efc1a7;--th-hover:#e9b294;--th-selected:#f8e0d0;--th-dark:#b58b72;--th-link:#975d42;--th-leaf:#6c8060;--th-blush:#d7a5a4;--th-shadow:#976e5217;--th-grain:repeating-linear-gradient(0deg,transparent 0 24px,#bf907609 25px,transparent 26px 50px),repeating-linear-gradient(90deg,transparent 0 24px,#bf907609 25px,transparent 26px 50px);--th-paper-grain:repeating-linear-gradient(14deg,transparent 0 6px,#b88b6908 7px,transparent 8px 18px)}.pethome-modern .pm-theme-card[data-theme=library],.pethome-modern[data-pethome-theme=library]{--th-base:#e9e3dc;--th-paper:#faf6ee;--th-soft:#f2ece2;--th-edge:#d6c8b7;--th-ink:#4c4037;--th-muted:#77695d;--th-accent:#d8c5ac;--th-hover:#ccb699;--th-selected:#eadeca;--th-dark:#a38b6e;--th-link:#73553c;--th-leaf:#697451;--th-blush:#b89d92;--th-shadow:#64513c20;--th-grain:repeating-linear-gradient(3deg,transparent 0 9px,#9274520d 10px,transparent 11px 23px),repeating-linear-gradient(92deg,transparent 0 2px,#ffffff40 3px,transparent 4px 8px);--th-paper-grain:repeating-linear-gradient(0deg,transparent 0 27px,#9c886b0c 28px,transparent 29px 56px)}.pethome-modern .pm-theme-card[data-theme=snow],.pethome-modern[data-pethome-theme=snow]{--th-base:#edf0f2;--th-paper:#fff;--th-soft:#f4f6f8;--th-edge:#d3dce2;--th-ink:#3b4a55;--th-muted:#687884;--th-accent:#d3dee9;--th-hover:#c3d1df;--th-selected:#e8edf3;--th-dark:#94a6b6;--th-link:#536e88;--th-leaf:#658179;--th-blush:#dec4c4;--th-shadow:#63788a14;--th-grain:radial-gradient(#ffffffcf 1.2px,transparent 1.8px),repeating-linear-gradient(65deg,transparent 0 31px,#a9b8c206 32px,transparent 33px 49px);--th-paper-grain:radial-gradient(#a1b1c008 .55px,transparent .9px)}.pethome-modern .pm-theme-card[data-theme=monochrome],.pethome-modern[data-pethome-theme=monochrome]{--th-base:#eeeeec;--th-paper:#fff;--th-soft:#f5f5f3;--th-edge:#cececa;--th-ink:#292a2b;--th-muted:#666767;--th-accent:#343536;--th-hover:#202122;--th-selected:#e6e6e3;--th-dark:#18191a;--th-link:#414244;--th-leaf:#5a5c59;--th-blush:#969692;--th-shadow:#20202017;--th-button-ink:#fff;--th-grain:repeating-linear-gradient(91deg,transparent 0 23px,#2e2e2e05 24px,transparent 25px 43px);--th-paper-grain:radial-gradient(#29292908 .55px,transparent 1px)}.pethome-modern .pm-theme-card[data-theme=whiteblue],.pethome-modern[data-pethome-theme=whiteblue]{--th-base:#f5f7fb;--th-paper:#fff;--th-soft:#f0f4fc;--th-edge:#b5c7e8;--th-ink:#25334b;--th-muted:#607087;--th-accent:#2454b8;--th-hover:#194296;--th-selected:#e0eaff;--th-dark:#173d8c;--th-link:#2454b8;--th-leaf:#3866a4;--th-blush:#8ba9df;--th-shadow:#294e8c16;--th-button-ink:#fff;--th-grain:radial-gradient(#7587a10b .7px,transparent 1.2px),repeating-linear-gradient(14deg,transparent 0 25px,#ffffff90 26px,transparent 27px 47px);--th-paper-grain:radial-gradient(#8190a609 .55px,transparent 1px)}.pethome-modern{container-type:inline-size;background-color:var(--th-base,#f1eadb);background-image:var(--th-grain);background-size:43px 43px,auto;color:var(--th-ink,#493d2b);font-family:Pretendard,Malgun Gothic,sans-serif;border-radius:24px;padding:clamp(12px,3%,24px);line-height:1.6;--th-button-ink:var(--th-ink)}.pethome-modern :is(.pm-room,.pm-profile,.pm-content,.pm-tools,.pm-wardrobe){border:1px solid var(--th-edge);border-radius:18px;background-color:var(--th-paper);background-image:var(--th-paper-grain);color:var(--th-ink);box-shadow:0 2px 0 var(--th-soft),0 3px 0 var(--th-edge),0 8px 18px var(--th-shadow)}.pethome-modern .pm-room{padding:12px;box-shadow:0 1px 0 var(--th-paper),0 4px 0 -1px var(--th-soft),0 5px 0 -1px var(--th-edge),0 8px 0 -2px var(--th-paper),0 9px 0 -2px var(--th-edge),0 16px 28px var(--th-shadow);margin-bottom:22px}.pethome-modern :is(.pm-profile,.pm-content){padding:18px;margin-block:16px}.pethome-modern :is(.pm-actions,.pm-theme-actions){display:flex;flex-wrap:wrap;gap:10px}.pethome-modern .pm-actions>*{flex:1;min-width:120px}.pethome-modern :is(.pm-primary,.pm-actions>button:first-child,.ph-play-actions button,.ph-play-empty button){background:var(--th-accent);color:var(--th-button-ink,var(--th-ink));border:1px solid var(--th-dark);border-radius:12px;min-height:44px;padding:9px 16px;font-weight:650;box-shadow:inset 0 1px 0 #ffffff70,0 3px 0 var(--th-dark),0 5px 10px var(--th-shadow)}.pethome-modern :is(.pm-primary,.ph-play-actions button):hover:not(:disabled){background:var(--th-hover)}.pethome-modern :is(.pm-secondary,.pm-actions>button:not(.pm-primary),.ph-play-actions .secondary){display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border-radius:12px;background:var(--th-paper);color:var(--th-link);border:1px solid var(--th-edge);box-shadow:0 2px 0 var(--th-edge)}.pethome-modern :is(button,a,summary,select):focus-visible{outline:3px solid var(--th-link);outline-offset:3px}.pethome-modern button:disabled{opacity:.5;cursor:not-allowed}.pethome-modern .pm-shop{background:var(--th-accent);color:var(--th-button-ink,var(--th-ink));border:1px solid var(--th-dark);box-shadow:inset 0 1px 0 #ffffff70,0 3px 0 var(--th-dark)}.pethome-modern .pm-shop>span{color:inherit}.pethome-modern .pm-shop:hover{background:var(--th-hover)}.pethome-modern .pm-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:8px 2px 0;border-bottom:2px solid var(--th-edge);margin-top:18px}.pethome-modern .pm-tabs button{flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid var(--th-edge);border-bottom:0;border-radius:12px 12px 0 0;background:var(--th-soft);color:var(--th-muted);font-weight:600}.pethome-modern .pm-tabs button[aria-selected=true]{background:var(--th-accent);color:var(--th-button-ink,var(--th-ink));box-shadow:inset 0 3px 0 var(--th-dark)}.pethome-modern .pm-tools{margin-block:16px;overflow:hidden}.pethome-modern :is(.pm-tools>summary,.pm-wardrobe>summary){min-height:52px;padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:10px;list-style:none;font-weight:600}.pethome-modern :is(.pm-tools>summary,.pm-wardrobe>summary)::-webkit-details-marker{display:none}.pethome-modern :is(.pm-tools>summary,.pm-wardrobe>summary):after{content:"⌄";margin-left:auto}.pethome-modern :is(.pm-tools[open]>summary,.pm-wardrobe[open]>summary){border-bottom:1px solid var(--th-edge)}.pethome-modern .pm-plaza{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 4px;margin-top:16px;border-top:1px solid var(--th-edge)}.pethome-modern .pm-plaza>span{color:var(--th-muted);font-size:14px}.pethome-modern .pm-plaza :is(a,button){display:flex;align-items:center;gap:6px;min-height:44px;color:var(--th-link);font-weight:650}.pethome-modern .pm-wardrobe{margin-block:16px}.pethome-modern .pm-wardrobe summary>span{font-size:13px;font-weight:400;color:var(--th-muted)}.pethome-modern .pm-wardrobe-body{padding:16px}.pethome-modern .pm-wardrobe-body>p{font-size:14px;color:var(--th-muted);margin-bottom:14px}.pethome-modern .pm-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pethome-modern .pm-theme-card{display:flex;flex-direction:column;text-align:left;gap:6px;min-width:0;padding:12px;background:var(--th-paper);color:var(--th-ink);border:1px solid var(--th-edge);border-radius:14px;box-shadow:0 2px 0 var(--th-edge)}.pethome-modern .pm-theme-card[aria-pressed=true]{outline:3px solid var(--th-link);outline-offset:1px}.pethome-modern .pm-theme-card>strong{font-size:14px;word-break:keep-all}.pethome-modern .pm-theme-card>span:not(.pm-theme-swatch){font-size:12px;color:var(--th-muted)}.pethome-modern .pm-theme-card>small{display:flex;align-items:center;gap:3px;font-size:12px;margin-top:auto;font-weight:650}.pethome-modern .pm-theme-swatch{display:flex;gap:5px;height:46px;width:100%;align-items:center;padding:9px;background:var(--th-base);background-image:var(--th-grain);border-radius:8px}.pethome-modern .pm-theme-swatch i{width:23px;height:23px;border-radius:50%;background:var(--th-paper);border:1px solid var(--th-edge)}.pethome-modern .pm-theme-swatch i:nth-child(2){background:var(--th-accent)}.pethome-modern .pm-theme-swatch i:nth-child(3){background:var(--th-link)}.pethome-modern :is(.pm-theme-selection,.pm-theme-confirm){margin-top:16px;padding:14px;border:1px solid var(--th-edge);border-radius:12px;background:var(--th-soft)}.pethome-modern :is(.pm-theme-selection,.pm-theme-confirm)>p{margin-bottom:10px;font-size:14px}.pethome-modern .ph-play-card{margin:0;padding:16px;color:var(--th-ink);background:transparent}.pethome-modern .ph-play-heading{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.pethome-modern .ph-play-heading strong{font-size:15px}.pethome-modern :is(.ph-play-heading span,.ph-play-hint){font-size:13px;color:var(--th-muted)}.pethome-modern .ph-play-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.pethome-modern .ph-play-fields label{font-size:14px;display:grid;gap:7px;min-width:0}.pethome-modern .ph-play-fields select{width:100%;min-height:44px;padding:8px;border:1px solid var(--th-edge);border-radius:10px;background:var(--th-paper);color:var(--th-ink);font-size:14px}.pethome-modern .ph-play-actions{display:flex;flex-wrap:wrap;gap:10px}.pethome-modern .ph-play-empty p{font-size:14px;margin:12px 0}.pethome-modern .ph-play-bubble{position:absolute;z-index:1100;transform:translate(-50%,calc(-100% - 30px));padding:8px 12px;max-width:160px;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0002;font-size:13px;text-align:center;pointer-events:none;color:#354a4d;overflow-wrap:anywhere}.pethome-modern .ph-stage{position:relative}.pethome-modern .ph-stage.ph-playing>div{pointer-events:none}@container (min-width:580px){.pethome-modern .pm-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width:350px){.pethome-modern .pm-wardrobe summary>span{display:none}.pethome-modern .ph-play-fields{grid-template-columns:1fr}.pethome-modern .pm-theme-actions>*{width:100%}.pethome-modern .pm-plaza{flex-wrap:wrap}}.pethome-modern .pm-pet-categories button{min-height:44px;background:var(--th-paper);color:var(--th-muted);border:1px solid var(--th-edge);border-radius:12px}.pethome-modern .pm-pet-categories button[aria-pressed=true]{background:var(--th-accent);color:var(--th-button-ink,var(--th-ink));border-color:var(--th-dark);box-shadow:inset 0 -2px 0 var(--th-dark)}@container (max-width:350px){.pethome-modern :is(.pm-content,.pm-profile){padding:12px}.pethome-modern .pm-content .pm-profile{margin-block:0 12px}.pethome-modern .pm-tabs button{padding:9px 12px}}.pethome-modern .ph-play-surface .ph-play-card{padding:10px 0 0;margin:0;border:0;box-shadow:none}.pethome-modern .ph-play-surface .ph-play-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 8px}.pethome-modern .ph-play-surface .ph-play-fields label{font-size:13px;gap:3px}.pethome-modern .ph-play-surface .ph-play-fields select{min-width:0;text-overflow:ellipsis;font-size:16px;padding:8px 6px}.pethome-modern .ph-play-surface .ph-play-actions>button{width:100%;min-height:44px}.pethome-modern .ph-play-surface .ph-play-empty{display:flex;align-items:center;gap:8px}.pethome-modern .ph-play-surface .ph-play-empty p{flex:1;font-size:13px;line-height:1.4;margin:0}.pethome-modern .ph-play-surface .ph-play-empty button{flex-shrink:0}@media(max-width:639px){.pethome-modern .ph-play-surface .ph-stage>div{height:clamp(180px,calc(100svh - 360px),280px)}}