:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--surface:#fff;--surface-muted:#f1f1f1;--border-strong:#ccc;--text-soft:#555;--text-muted:#888;--primary:#2b6cb0;--primary-solid:#2b6cb0;--primary-soft:#eef4ff;--bubble-mine:#d7e9ff;--banner-bg:#fff8dc;--banner-border:#f0d264;--success:#2a7;--success-solid:#2a7;--error:#d33;--danger:#c0392b;--danger-solid:#c0392b;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--surface:#1f2028;--surface-muted:#262833;--border-strong:#3d3f4b;--text-soft:#c3c7d1;--text-muted:#98a0ab;--primary:#7cb1ea;--primary-soft:#1c2a3d;--bubble-mine:#1d3450;--banner-bg:#322d18;--banner-border:#6b5c22;--success:#4cc38a;--error:#ff7b72;--danger:#e5756a}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}:is(html:has(.warm),html:has(.home),html:has(.login),html:has(.app-top)){background:#fae9d7}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:360px;min-height:100svh;margin:0 auto;display:flex}@media (width<=480px){#root{border-inline:0;max-width:none}}#root:not(:has(.sf-feed)){padding-top:env(safe-area-inset-top,0px)}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:20px 0;font-size:36px}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:20px;line-height:118%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.warm{--lg-bg-top:#fdf6ec;--lg-bg-bottom:#fae9d7;--lg-card:#fffdfa;--lg-text:#4b4037;--lg-muted:#9a8d80;--lg-line:#f0e3d2;--lg-accent:#ef7d66;--lg-accent-deep:#e2664e;--lg-error:#d64530;--lg-kakao:#fee500;background:linear-gradient(180deg, var(--lg-bg-top), var(--lg-bg-bottom));color:var(--lg-text);text-align:left;flex-direction:column;flex:1;display:flex}.warm *,.warm :before,.warm :after{box-sizing:border-box}.warm button{font:inherit;color:inherit}.warm :focus-visible{outline:2px solid var(--lg-accent);outline-offset:2px}.warm a{color:var(--lg-accent);font-weight:800}.w-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.w-top h1,.w-brand{letter-spacing:-.3px;color:var(--lg-accent);margin:0;font-family:inherit;font-size:20px;font-weight:800}.w-link{color:var(--lg-accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:2px 4px;font-size:13px;font-weight:800;text-decoration:none}.w-link:hover{color:var(--lg-accent-deep)}.w-link:disabled{opacity:.5;cursor:default}.w-card{background:var(--lg-card);border:1px solid var(--lg-line);border-radius:20px;padding:14px;box-shadow:0 10px 24px -20px #5a3c1e59}.w-card-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.w-card-head h2{letter-spacing:normal;color:var(--lg-text);margin:0;font-family:inherit;font-size:15px;font-weight:800}.w-chip{border:1px solid var(--lg-line);background:var(--lg-card);color:var(--lg-text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.w-chip:hover{border-color:var(--lg-accent);color:var(--lg-accent)}.w-chip[aria-pressed=true]{background:var(--lg-accent);border-color:var(--lg-accent);color:#fff}.w-cta{background:var(--lg-accent);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:800;box-shadow:0 10px 18px -12px #ef7d66a6}.w-cta:hover{background:var(--lg-accent-deep)}.w-cta:disabled{opacity:.6;cursor:default;box-shadow:none}.w-cta.block{width:100%;padding:13px;display:block}.w-ghost{border:1px solid var(--lg-line);background:var(--lg-card);color:var(--lg-text);cursor:pointer;white-space:nowrap;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:800}.w-ghost:hover{border-color:var(--lg-accent);color:var(--lg-accent)}.w-ghost:disabled{opacity:.5;cursor:default}.w-ghost.block{width:100%;padding:13px;display:block}.w-ghost.danger{border-color:var(--lg-error);color:var(--lg-error)}.w-row{border:0;border-top:1px solid var(--lg-line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:11px 2px;display:flex}.w-card-head+.w-row{border-top:0}.w-row:hover b{color:var(--lg-accent)}.w-row-main{flex:1;min-width:0}.w-row-main b{font-size:13.5px;font-weight:800;line-height:1.25;display:block}.w-row-main .sub{color:var(--lg-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11.5px;display:block;overflow:hidden}.w-row-meta{color:var(--lg-muted);flex-shrink:0;font-size:11.5px}.w-row-chev{color:var(--lg-muted);flex-shrink:0;font-size:16px;line-height:1}.w-input{border:1px solid var(--lg-line);background:var(--lg-card);width:100%;font:inherit;color:var(--lg-text);border-radius:14px;padding:12px 14px;font-size:13.5px}.w-input::placeholder{color:var(--lg-muted)}.w-input:focus{border-color:var(--lg-accent);outline:none;box-shadow:0 0 0 3px #ef7d6626}.w-input[aria-invalid=true]{border-color:var(--lg-error)}.w-muted{color:var(--lg-muted);margin:8px 2px;font-size:12.5px}.warm .submit-error{color:var(--lg-error);font-size:13px}.warm .field-error{color:var(--lg-error);font-size:12px}.warm .notice{font-size:13px}.warm .auth-page{text-align:left;max-width:none;margin:0;padding:0 16px 26px}.warm .auth-page h1{color:var(--lg-text);letter-spacing:-.3px;margin:16px 0 14px;font-family:inherit;font-size:22px;font-weight:800}.warm .field label,.warm .auth-form label{color:var(--lg-muted);font-size:12px;font-weight:700}.warm .field input,.warm .field select,.warm .field textarea,.warm .auth-form input,.warm .auth-form select,.warm .auth-form textarea{border:1px solid var(--lg-line);background:var(--lg-card);font:inherit;color:var(--lg-text);border-radius:14px;padding:12px 14px;font-size:14px}.warm .field input::placeholder,.warm .auth-form input::placeholder{color:var(--lg-muted)}.warm .field input:focus,.warm .field select:focus,.warm .field textarea:focus,.warm .auth-form input:focus{border-color:var(--lg-accent);outline:none;box-shadow:0 0 0 3px #ef7d6626}.warm .field input[aria-invalid=true],.warm .auth-form input[aria-invalid=true]{border-color:var(--lg-error)}.warm .auth-form .w-cta{border-radius:12px;padding:13px}.warm .auth-form .w-ghost{border:1px solid var(--lg-line);background:var(--lg-card);border-radius:12px;padding:13px}.warm .auth-form .w-ghost.danger{border-color:var(--lg-error)}.warm .auth-switch{color:var(--lg-muted);font-size:12.5px}.warm .muted-note{color:var(--lg-muted)}.w-sheet-backdrop{z-index:100;background:#4b403780;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.w-sheet{background:var(--lg-card);text-align:left;border-radius:24px 24px 0 0;width:100%;max-width:360px;padding:20px 18px 26px}.w-sheet-head{justify-content:space-between;align-items:baseline;display:flex}.w-sheet-title{font-size:17px;font-weight:800}@media (width<=480px){.w-sheet{max-width:none}}.chat-page{gap:12px;padding:16px 16px 28px}.chat-page>p{margin:0}.chat-page .w-top h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-room-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chat-room-list li{border-top:1px solid var(--lg-line);align-items:center;display:flex}.chat-room-list li:first-child{border-top:0}.chat-room-list .w-row{border-top:0;flex:1;min-width:0}.chat-room-list .w-row:disabled{cursor:default;color:var(--lg-muted)}.room-name-line{align-items:center;gap:7px;min-width:0;display:flex}.room-name-line b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;line-height:1.25;overflow:hidden}.unread-badge{background:var(--lg-accent);color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:17px;padding:0 6px;font-size:10.5px;font-weight:800;display:inline-flex}.room-pin{border:1px solid var(--lg-line);background:var(--lg-card);cursor:pointer;opacity:.45;border-radius:999px;flex-shrink:0;margin-left:6px;padding:7px 10px;font-size:13px;line-height:1}.room-pin:hover{border-color:var(--lg-accent);opacity:1}.room-pin.active{opacity:1;border-color:var(--lg-accent)}.room-pin:disabled{cursor:default;opacity:.3}.chat-filter{flex-direction:column;gap:9px;display:flex}.chat-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-sort{color:var(--lg-muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:2px;font-size:11.5px;font-weight:800}.chat-sort:hover{color:var(--lg-accent)}.chat-create{flex-direction:column;gap:10px;display:flex}.chat-cat-chips{flex-wrap:wrap;gap:6px;display:flex}.chat-create-row{gap:8px;display:flex}.chat-create-row select,.chat-create-row input{flex:1;min-width:0}.room-edit{flex-direction:column;gap:10px;display:flex}.room-edit-actions{gap:8px;display:flex}.chat-join{align-self:flex-start}.room-profile{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-category{border:1px solid var(--lg-line);background:var(--lg-card);color:var(--lg-muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:10.5px;font-weight:800}.room-capacity{color:var(--lg-muted);font-size:11.5px}.room-profile .room-desc{color:var(--lg-muted);white-space:normal;margin:0;font-size:12px}.chat-toolbar{flex-wrap:wrap;gap:6px;display:flex}.chat-toolbar button{border:1px solid var(--lg-line);background:var(--lg-card);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 11px;font-size:11.5px;font-weight:800}.chat-toolbar button:hover{border-color:var(--lg-accent);color:var(--lg-accent)}.chat-toolbar button.danger,.member-actions button.danger{color:var(--lg-error);border-color:var(--lg-error)}.chat-members{margin:0;list-style:none}.chat-members li{justify-content:space-between;align-items:center;gap:8px;padding:9px 0;display:flex}.chat-members li:first-child{padding-top:0}.chat-members li:last-child{padding-bottom:0}.chat-members li+li{border-top:1px solid var(--lg-line)}.chat-members .member-name{align-items:center;gap:8px;min-width:0;font-size:13px;display:inline-flex}.role-badge{color:var(--lg-accent);white-space:nowrap;margin-left:2px;font-size:10.5px;font-style:normal;font-weight:800}.member-actions{flex-shrink:0;gap:6px;display:flex}.member-actions button{border:1px solid var(--lg-line);background:var(--lg-card);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.member-actions button:hover{border-color:var(--lg-accent);color:var(--lg-accent)}.avatar{object-fit:cover;border:1px solid var(--lg-line);vertical-align:middle;border-radius:50%;flex-shrink:0;width:24px;height:24px}.avatar-empty{background:var(--lg-bg-bottom);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.pin-banner{border-left:3px solid var(--lg-accent);background:#ef7d6614;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.pin-banner .pin-content{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pin-button{opacity:.5;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0 2px;font-size:12px}.pin-button:hover{opacity:1}.chat-status{color:var(--lg-muted);margin:0;font-size:11.5px}.chat-messages{flex-direction:column;gap:8px;max-height:55vh;margin:0;padding:2px;list-style:none;display:flex;overflow-y:auto}.chat-messages li{border:1px solid var(--lg-line);background:var(--lg-card);overflow-wrap:anywhere;border-radius:16px;align-self:flex-start;max-width:80%;padding:9px 12px;font-size:13px}.chat-messages li.mine{background:var(--lg-accent);border-color:var(--lg-accent);color:#fff;align-self:flex-end}.chat-messages li.mine a{color:#fff;text-decoration:underline}.chat-messages .sender{color:var(--lg-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:10.5px;font-weight:800;display:flex}.chat-image{object-fit:cover;border-radius:12px;max-width:100%;max-height:240px;display:block}.chat-send{border:1px solid var(--lg-line);background:var(--lg-card);border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 10px 8px 12px;display:flex;box-shadow:0 6px 14px -14px #5a3c1e4d}.chat-send:focus-within{border-color:var(--lg-accent)}.chat-send input[type=text]{min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:1;padding:2px 0;font-size:13.5px}.chat-send input[type=text]:focus{outline:none}.chat-send input[type=text]::placeholder{color:var(--lg-muted)}.chat-image-button{cursor:pointer;align-self:center;padding:0 2px;font-size:17px;line-height:1;position:relative}.chat-image-button input,.visually-hidden-text{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-image-button:focus-within{outline:2px solid var(--lg-accent);outline-offset:2px}.auth-page{box-sizing:border-box;max-width:min(400px,100%);margin:60px auto;padding:0 16px}.auth-page h1{margin-bottom:24px}.auth-page section{text-align:left;margin-bottom:32px}.auth-page section h2{margin-bottom:12px;font-size:18px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{text-align:left;flex-direction:column;gap:6px;font-size:14px;display:flex}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;display:block}.auth-form input{border:1px solid var(--border-strong);border-radius:6px;padding:10px 12px;font-size:16px}.auth-form input[aria-invalid=true]{border-color:var(--error)}.auth-form button{cursor:pointer;border:none;border-radius:6px;padding:12px;font-size:16px}.auth-form button:disabled{opacity:.6;cursor:default}.field-error{color:var(--error);margin:0;font-size:13px}.submit-error{color:var(--error);margin:0;font-size:14px}.notice{color:var(--success);font-size:14px}.muted-note{color:var(--text-muted);margin:0;font-size:14px}.auth-switch{margin-top:16px;font-size:14px}.mypage{gap:12px;padding:16px 16px 28px}.mypage .mypage-tabs{gap:6px;display:flex}.mypage .mypage-tabs a{border:1px solid var(--lg-line);background:var(--lg-card);color:var(--lg-text);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none}.mypage .mypage-tabs a:hover{border-color:var(--lg-accent);color:var(--lg-accent)}.mypage .mypage-tabs a.active{background:var(--lg-accent);border-color:var(--lg-accent);color:#fff}.mypage .w-card h2{letter-spacing:normal;margin:0 0 4px;font-family:inherit;font-size:15px;font-weight:800}.mypage .w-card section+section{border-top:1px solid var(--lg-line);margin-top:20px;padding-top:14px}.mypage .mypage-back{margin:0 0 12px;font-size:12px}.mypage .mypage-actions{gap:8px;margin-top:16px;display:flex}.mypage .mypage-actions .w-ghost{text-align:center;color:var(--lg-text);flex:1;text-decoration:none}.mypage .mypage-actions .w-ghost:hover{color:var(--lg-accent)}.mypage .mypage-logout{border-top:1px solid var(--lg-line);border-radius:0 0 12px 12px;margin-top:16px}.mypage .mypage-logout-error{margin-top:16px;font-size:12.5px;line-height:1.6}.mypage .mypage-logout-error button{border:1px solid var(--lg-error);color:var(--lg-error);cursor:pointer;background:0 0;border-radius:8px;padding:3px 8px;font-size:11.5px;font-weight:800}.mypage .my-info dl{margin:12px 0 0}.mypage .my-info dl>div{border-top:1px solid var(--lg-line);grid-template-columns:84px 1fr;align-items:center;gap:10px;padding:10px 0;display:grid}.mypage .my-info dt{color:var(--lg-muted);font-size:12px;font-weight:700}.mypage .my-info dd{margin:0;font-size:13.5px;font-weight:800}.mypage .profile-photo{align-items:center;gap:14px;margin:10px 0 6px;display:flex}.mypage .profile-photo img,.mypage .profile-photo-placeholder{object-fit:cover;border:1px solid var(--lg-line);background:var(--lg-bg-bottom);border-radius:50%;place-items:center;width:76px;height:76px;font-size:30px;display:grid}.mypage .profile-photo-upload{color:var(--lg-accent);cursor:pointer;padding:2px 4px;font-size:12.5px;font-weight:800;position:relative}.mypage .profile-photo-upload:hover{color:var(--lg-accent-deep)}.mypage .profile-photo-upload input{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mypage .profile-photo-upload:focus-within{outline:2px solid var(--lg-accent);outline-offset:2px;border-radius:8px}.mypage .session-list{margin:8px 0 0;padding:0;list-style:none}.mypage .session-list li{border-top:1px solid var(--lg-line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.mypage .session-info{flex-direction:column;gap:3px;min-width:0;display:flex}.mypage .session-device{font-size:13px;font-weight:800}.mypage .session-current{background:var(--lg-accent);color:#fff;white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:800}.mypage .session-times{color:var(--lg-muted);font-size:11px}.mypage .session-list .w-ghost{border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:11.5px}.mypage .danger-link{color:var(--lg-error);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:2px;font-size:12px;font-weight:800;text-decoration:underline}.mypage .danger-link:hover{color:var(--lg-accent-deep)}.mypage .danger-link:disabled{color:var(--lg-muted);cursor:default}.mypage .mypage-pets-nav{margin:8px 0 2px}.mypage .mypage-pet-list{margin:6px 0 0;padding:0;list-style:none}.mypage .mypage-pet-list li:first-child .w-row{border-top:0}.mypage .mypage-pet-thumb{object-fit:cover;border:1px solid var(--lg-line);border-radius:12px;flex-shrink:0;width:44px;height:44px}.mypage .mypage-pet-thumb-empty{background:var(--lg-bg-bottom);place-items:center;font-size:20px;display:grid}.mypage .mypage-pet-actions{align-items:center;gap:14px;padding:2px 0 10px;display:flex}.mypage .mypage-posts-nav{margin:8px 0 2px}.mypage .mypage-posts-sorts{gap:8px;margin:10px 0 4px;display:flex}.mypage .mypage-post-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.mypage .mypage-post-grid>li{position:relative}.mypage .mypage-post-thumb{aspect-ratio:9/16;border:1px solid var(--lg-line);background:var(--lg-bg-bottom);border-radius:12px;display:block;position:relative;overflow:hidden}.mypage .mypage-post-thumb img,.mypage .mypage-post-thumb video{object-fit:cover;width:100%;height:100%;display:block}.mypage .mypage-post-duration{color:#fff;background:#0000008c;border-radius:999px;padding:1px 5px;font-size:10.5px;font-weight:700;line-height:1.5;position:absolute;bottom:5px;right:5px}.mypage .mypage-post-stat{color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;padding:1px 5px;font-size:10.5px;font-weight:700;line-height:1.5;position:absolute;bottom:5px;left:5px}.mypage .mypage-post-delete{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;font-size:13px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.mypage .mypage-post-delete:hover{background:var(--lg-error)}.mypage .mypage-post-delete:disabled{opacity:.5;cursor:default}.mypage .mypage-posts-more{margin-top:14px}.warm .auth-page>.w-top{padding-top:18px}.warm .onboarding-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.login{--lg-bg-top:#fdf6ec;--lg-bg-bottom:#fae9d7;--lg-text:#4b4037;--lg-muted:#9a8d80;--lg-line:#eee3d5;--lg-placeholder:#c7bbac;--lg-icon:#b9ab9c;--lg-accent:#ef7d66;--lg-accent-deep:#e2664e;--lg-error:#d64530;--lg-kakao:#fee500;background:linear-gradient(180deg, var(--lg-bg-top), var(--lg-bg-bottom));color:var(--lg-text);text-align:left;flex-direction:column;flex:1;padding:22px 20px 30px;display:flex;position:relative;overflow:hidden}.login *,.login :before,.login :after{box-sizing:border-box}.login:before,.login:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.login:before{background:radial-gradient(circle,#f6b2a059,#0000 70%);width:220px;height:220px;top:90px;right:-70px}.login:after{background:radial-gradient(circle,#e9c89859,#0000 70%);width:180px;height:180px;top:300px;left:-60px}.login-brand{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.login-brand-name{color:var(--lg-accent);letter-spacing:-.3px;font-size:22px;font-weight:800}.login-hero{padding:26px 0 6px}.login-hero h1,.login-hero p{z-index:1;position:relative}.login-hero h1{letter-spacing:-.6px;color:var(--lg-text);margin:0;font-size:30px;font-weight:800;line-height:1.28}.login-hero h1 em{color:var(--lg-accent);font-style:normal}.login-hero p{color:var(--lg-muted);margin:12px 0 0;font-size:13.5px;line-height:1.55}.login-hero-pets{object-fit:cover;object-position:60% 30%;pointer-events:none;width:252px;height:330px;position:absolute;top:6px;right:-20px;-webkit-mask-image:radial-gradient(115% 95% at 82% 26%,#000 46%,#0000 75%);mask-image:radial-gradient(115% 95% at 82% 26%,#000 46%,#0000 75%)}.login-card{background:#fff;border-radius:24px;margin-top:24px;padding:22px 18px;position:relative;box-shadow:0 24px 48px -28px #5a3c1e66}.login-card .auth-form{gap:12px}.login-card .notice{margin-bottom:10px;font-size:13px}.login .field{gap:0}.login .field>label{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login .field input{border:1px solid var(--lg-line);width:100%;font:inherit;color:var(--lg-text);background-color:#fff;background-position:16px;background-repeat:no-repeat;background-size:20px;border-radius:16px;padding:15px 16px 15px 48px;font-size:14.5px}.login .field input::placeholder{color:var(--lg-placeholder)}.login .field input:focus{border-color:var(--lg-accent);outline:none;box-shadow:0 0 0 3px #ef7d6626}.login .field input[aria-invalid=true]{border-color:var(--lg-error)}.login-field.icon-mail input{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b9ab9c'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='3'/%3E%3Cpath%20d='m4%207%208%206%208-6'/%3E%3C/svg%3E")}.login-field.icon-lock input{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b9ab9c'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='11'%20width='14'%20height='9'%20rx='2.5'/%3E%3Cpath%20d='M8%2011V8a4%204%200%200%201%208%200v3'/%3E%3C/svg%3E")}.login-field.icon-user input{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23b9ab9c'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8.5'%20r='4'/%3E%3Cpath%20d='M4.5%2020a7.5%207.5%200%200%201%2015%200'/%3E%3C/svg%3E")}.login .login-hint{color:var(--lg-muted);margin:-4px 4px 0;font-size:11.5px;line-height:1.4}.login-pw{position:relative}.login-pw input{padding-right:48px}.login .login-eye{color:var(--lg-icon);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:8px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login .login-eye:hover{color:var(--lg-accent)}.login .field-error{color:var(--lg-error);margin:6px 4px 0;font-size:12px}.login .submit-error{color:var(--lg-error);font-size:13px}.login .login-submit{background:var(--lg-accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:16px;padding:15px;font-size:16px;font-weight:800;box-shadow:0 12px 22px -12px #ef7d66a6}.login .login-submit:hover{background:var(--lg-accent-deep)}.login .login-submit:disabled{opacity:.6;cursor:default}.login-or{color:var(--lg-muted);align-items:center;gap:12px;margin:2px 0;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--lg-line);flex:1;height:1px}.login .login-kakao{background:var(--lg-kakao);color:#3b1e1e;font:inherit;cursor:pointer;border:0;border-radius:16px;padding:15px;font-size:15px;font-weight:800}.login .login-kakao:hover{filter:brightness(.96)}.login-switch{text-align:center;color:var(--lg-muted);margin:18px 0 0;font-size:13px}.login-switch a{color:var(--lg-accent);font-weight:800}.signup .login-hero{padding:20px 0 4px}.signup .login-hero h1{font-size:26px}.login .profile-photo{flex-direction:column;align-items:center;gap:8px;display:flex}.login .profile-photo img,.login .profile-photo-placeholder{object-fit:cover;border:1px solid var(--lg-line);background:#f8efe2;border-radius:50%;place-items:center;width:76px;height:76px;font-size:30px;display:grid}.login .profile-photo-upload{color:var(--lg-accent);cursor:pointer;padding:2px 4px;font-size:12.5px;font-weight:800;position:relative}.login .profile-photo-upload input{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login .profile-photo-upload:focus-within{outline:2px solid var(--lg-accent);outline-offset:2px;border-radius:8px}.app-top,.appbar,.app-sheet-backdrop{--lg-bg-top:#fdf6ec;--lg-card:#fffdfa;--lg-text:#4b4037;--lg-muted:#9a8d80;--lg-line:#f0e3d2;--lg-accent:#ef7d66;--lg-accent-deep:#e2664e}.app-top{z-index:40;background:var(--lg-bg-top);border-bottom:1px solid var(--lg-line);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.app-brand{letter-spacing:-.3px;color:var(--lg-accent);font-size:19px;font-weight:800;text-decoration:none}.app-brand:hover{color:var(--lg-accent-deep)}.app-top>button[title]{background:var(--lg-card)!important;color:var(--lg-muted)!important;border:1px solid var(--lg-line)!important;box-shadow:none!important;border-radius:8px!important;padding:4px 8px!important;font-size:11px!important;font-weight:700!important}.app-top>button[title]>span:first-child{display:none}.app-top>button[title]>span:last-child{font-size:0}.app-top>button[title]>span:last-child:after{content:var(--install-label,"앱 설치");font-size:11px}#root:has(.appbar){--appbar-h:calc(69px + env(safe-area-inset-bottom,0px));height:100dvh;min-height:0;overflow:hidden}#root:has(.appbar)>main{flex:1;min-height:0;padding-bottom:16px;overflow-y:auto}.appbar{background:var(--lg-card);border-top:1px solid var(--lg-line);padding:8px 6px calc(10px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-shrink:0;display:flex;box-shadow:0 -8px 20px -18px #5a3c1e80}.appbar button{font:inherit;color:var(--lg-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:3px 0;font-size:10.5px;font-weight:700;display:flex}.appbar button span{font-size:18px;line-height:1}.appbar button:hover,.appbar button.active{color:var(--lg-accent)}.app-sheet-backdrop{z-index:100;color:var(--lg-text);text-align:left;background:#4b403780;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.app-sheet{box-sizing:border-box;background:var(--lg-card);width:100%;max-width:360px;padding:20px 18px calc(26px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0}.app-sheet *{box-sizing:border-box}.app-sheet-head{justify-content:space-between;align-items:baseline;display:flex}.app-sheet-title{font-size:17px;font-weight:800}.app-sheet-lede{color:var(--lg-muted);margin:8px 0 14px;font-size:12.5px}.app-sheet-item{border-top:1px solid var(--lg-line);padding:14px 0}.app-sheet-item:last-child{padding-bottom:0}.app-sheet-item b{font-size:14.5px;font-weight:800;display:block}.app-sheet-item p{color:var(--lg-muted);margin:6px 0 10px;font-size:12px;line-height:1.45}.app-link{font:inherit;color:var(--lg-accent);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:13px;font-weight:800}.app-cta{background:var(--lg-accent);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:13px;font-size:13px;font-weight:800;display:block}.app-cta:hover{background:var(--lg-accent-deep)}.app-ghost{border:1px solid var(--lg-line);background:var(--lg-card);width:100%;font:inherit;color:var(--lg-text);cursor:pointer;border-radius:12px;padding:13px;font-size:13px;font-weight:800;display:block}.app-ghost:hover{border-color:var(--lg-accent);color:var(--lg-accent)}@media (width<=480px){.app-sheet{max-width:none}}#root:has(.appbar) .sf-feed{--sf-avail:calc(100dvh - var(--appbar-h));width:min(100vw, calc(var(--sf-avail) * 9 / 16));height:min(var(--sf-avail), calc(100vw * 16 / 9));margin:auto}.daengmap{gap:12px;padding:14px 16px}.daengmap .daengmap-tabs{flex-shrink:0;gap:6px;display:flex}.daengmap .daengmap-tabs a{border:1px solid var(--lg-line);background:var(--lg-card);color:var(--lg-text);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:800;text-decoration:none}.daengmap .daengmap-tabs a:hover{border-color:var(--lg-accent);color:var(--lg-accent)}.daengmap .daengmap-tabs a.active{background:var(--lg-accent);border-color:var(--lg-accent);color:#fff}.daengmap-view{flex-direction:column;flex:1;min-height:0;display:flex}.daengmap-view .map-page{flex:1;height:auto;min-height:0;padding:0}.daengmap-view .walk-page{padding:0}.daengmap-view .walk-page__title{display:none}.ad-banner{border:1px solid #ccc;border-radius:8px;margin-top:20px;display:block;position:relative;overflow:hidden}.ad-banner img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.ad-badge{color:#fff;background:#0000008c;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.6;position:absolute;top:6px;left:6px}.home{--lg-bg-top:#fdf6ec;--lg-bg-bottom:#fae9d7;--lg-card:#fffdfa;--lg-text:#4b4037;--lg-muted:#9a8d80;--lg-line:#f0e3d2;--lg-accent:#ef7d66;--lg-accent-deep:#e2664e;--lg-error:#d64530;background:linear-gradient(180deg, var(--lg-bg-top), var(--lg-bg-bottom));color:var(--lg-text);text-align:left;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex}.home *,.home :before,.home :after{box-sizing:border-box}.home button{font:inherit;color:inherit}.home-link{color:var(--lg-accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:2px 4px;font-size:13px;font-weight:800}.home-link:hover{color:var(--lg-accent-deep)}.home-link:disabled{opacity:.5;cursor:default}.home-card{background:var(--lg-card);border:1px solid var(--lg-line);border-radius:20px;padding:14px;box-shadow:0 10px 24px -20px #5a3c1e59}.home-card-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.home-card-head h2{letter-spacing:normal;color:var(--lg-text);margin:0;font-family:inherit;font-size:15px;font-weight:800}.home-muted{color:var(--lg-muted);margin:8px 2px;font-size:12.5px}.home .submit-error{color:var(--lg-error);font-size:13px}.home-ask{background:var(--lg-card);border:1px solid var(--lg-line);border-radius:999px;align-items:center;gap:9px;padding:7px 8px 7px 7px;display:flex;box-shadow:0 6px 14px -14px #5a3c1e4d}.home-ask:focus-within{border-color:var(--lg-accent)}.home-ask-badge{background:var(--lg-accent);color:#fff;letter-spacing:.06em;border-radius:999px;flex-shrink:0;padding:5px 8px;font-size:10.5px;font-weight:800}.home-ask input{min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex:1;padding:0;font-size:13px}.home-ask input::placeholder{color:var(--lg-muted)}.home-ask input:focus{outline:none}.home-ask .home-link{padding-right:6px}.home-chip{border:1px solid var(--lg-line);color:var(--lg-text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.home-chip:hover{border-color:var(--lg-accent);color:var(--lg-accent)}.home-chip[aria-pressed=true]{background:var(--lg-accent);border-color:var(--lg-accent);color:#fff}.home-pet-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.home-pet-row{align-items:center;gap:14px;display:flex}.home-pet-photo{object-fit:cover;border:1px solid var(--lg-line);border-radius:18px;flex-shrink:0;width:88px;height:88px}.home-pet-photo-empty{background:#f8edde;place-items:center;font-size:34px;display:grid}.home-pet-info{min-width:0;color:inherit;flex:1;text-decoration:none}.home-pet-info:hover .home-pet-name{text-decoration:underline}.home-pet-name{font-size:22px;font-weight:800;line-height:1.15}.home-pet-meta{color:var(--lg-muted);margin:5px 0 0;font-size:12px}.home-cta{background:var(--lg-accent);color:#fff;cursor:pointer;border:0;border-radius:12px;flex-shrink:0;padding:11px 14px;font-size:13px;font-weight:800;box-shadow:0 10px 18px -12px #ef7d66a6}.home-cta:hover{background:var(--lg-accent-deep)}.home-cta.block{width:100%;padding:13px;display:block}.home-ghost{border:1px solid var(--lg-line);width:100%;color:var(--lg-text);cursor:pointer;background:0 0;border-radius:12px;padding:13px;font-size:13px;font-weight:800;display:block}.home-ghost:hover{border-color:var(--lg-accent);color:var(--lg-accent)}.home-lrow{border:0;border-top:1px solid var(--lg-line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:11px 2px;display:flex}.home-card-head+.home-lrow{border-top:0}.home-lrow:hover b{color:var(--lg-accent)}.home-lrow-main{flex:1;min-width:0}.home-lrow-main b{font-size:13.5px;font-weight:800;line-height:1.25;display:block}.home-lrow-main .sub{color:var(--lg-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11.5px;display:block;overflow:hidden}.home-lrow-meta{color:var(--lg-muted);flex-shrink:0;font-size:11.5px}.home-lrow-chev{color:var(--lg-muted);flex-shrink:0;font-size:16px;line-height:1}.home-shorts-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.home-shorts-item{aspect-ratio:9/16;border:1px solid var(--lg-line);cursor:pointer;background:#f8edde;border-radius:14px;padding:0;position:relative;overflow:hidden}.home-shorts-item img{object-fit:cover;width:100%;height:100%;display:block}.home-shorts-item:hover{border-color:var(--lg-accent)}.home-shorts-empty{width:100%;height:100%;color:var(--lg-muted);place-items:center;font-size:16px;display:grid}.home .ad-banner{border:1px solid var(--lg-line);border-radius:20px;margin-top:0;box-shadow:0 10px 24px -20px #5a3c1e59}.home .ad-banner img{aspect-ratio:16/9}.pet-page{gap:12px;padding:16px 16px 28px}.pet-page>p{margin:0}.pet-empty{color:var(--lg-muted);font-size:12.5px}.warm .pet-photo{display:block}.warm .pet-photo img,.warm .pet-photo .pet-photo-placeholder{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--lg-line);border-radius:18px;width:100%;display:block}.warm .pet-photo .pet-photo-placeholder{background:var(--lg-bg-bottom);place-items:center;font-size:44px;display:grid}.warm .pet-photo-upload{color:var(--lg-accent);cursor:pointer;margin-top:8px;padding:2px 4px;font-size:12px;font-weight:800;display:inline-block;position:relative}.warm .pet-photo-upload:hover{color:var(--lg-accent-deep)}.warm .pet-photo-upload input{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.warm .pet-photo-upload:focus-within{outline:2px solid var(--lg-accent);outline-offset:2px}.warm .pet-detail-name{letter-spacing:-.3px;margin:12px 2px 6px;font-size:26px;font-weight:800;line-height:1.1}.pet-detail{margin:0}.pet-detail>div{border-top:1px solid var(--lg-line);grid-template-columns:88px 1fr;align-items:baseline;gap:12px;padding:10px 2px;display:grid}.pet-detail dt{color:var(--lg-muted);font-size:12px;font-weight:700}.pet-detail dd{margin:0;font-size:13.5px;font-weight:800}.warm .muted{color:var(--lg-muted);font-weight:400;font-size:inherit}.pet-body .submit-error{margin:12px 0 0}.warm .pet-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.warm a.w-cta{color:#fff;text-align:center;text-decoration:none}