:root{--color-paper:#f4f0e8;--color-paper-raised:#ebe5da;--color-photo-placeholder:#d9cfbf;--color-line:#d8d0c3;--color-ink-disabled:#a39b8f;--color-ink-tertiary:#746c5f;--color-ink-secondary:#565048;--color-ink:#2a2622;--color-earth:#8a5a3c;--color-on-photo:#f7f4ee;--on-photo-80:color-mix(in srgb, var(--color-on-photo) 80%, transparent);--on-photo-75:color-mix(in srgb, var(--color-on-photo) 75%, transparent);--on-photo-70:color-mix(in srgb, var(--color-on-photo) 70%, transparent);--on-photo-60:color-mix(in srgb, var(--color-on-photo) 60%, transparent);--on-photo-55:color-mix(in srgb, var(--color-on-photo) 55%, transparent);--on-photo-20:color-mix(in srgb, var(--color-on-photo) 20%, transparent);--color-kakao:#fee500;--shade-photo:linear-gradient(to bottom, #17141200 0%, #17141259 45%, #171412d9 100%);--shade-photo-top:linear-gradient(to bottom, #1714128c 0%, #1714128c 40%, #17141200 100%);--shade-tile:linear-gradient(to bottom, #17141200, #17141259);--dim-sheet:#2a26228c;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-sm:2px;--hairline:1px;--page-gutter:24px;--content-width:327px;--tabbar-height:64px;--tabbar-gutter:40px;--tab-indicator-width:16px;--tab-indicator-gap:6px;--dot-size:5px;--shell-max-width:480px;--row-padding:14px;--row-label-width:40px;--credit-role-width:56px;--top-offset:52px;--icon-size:24px;--icon-stroke:1.25px;--detail-photo-height:440px;--detail-body-top:28px;--save-button-padding:10px 16px;--follow-button-padding:5px 10px;--badge-padding:4px 8px;--badge-dot-size:4px;--chip-padding:6px 12px;--chip-gap:6px;--top-tab-indicator-gap:10px;--head-bottom:20px;--feed-top-height:56px;--progress-bar-width:14px;--feed-block-gap:14px;--feed-line-width:300px;--shade-photo-height:520px;--shade-top-height:140px;--end-block-top:260px;--end-rule-width:32px;--big-button-padding:14px 16px;--tile-size:124px;--tile-gap:1.5px;--touch-min:44px;--input-font-size:16px;--sheet-padding:12px 24px 40px;--sheet-gap:20px;--sheet-handle-width:32px;--sheet-handle-height:2px;--login-button-padding:15px;--new-tag-offset:6px;--new-tag-padding:3px 6px;--me-section-top:28px;--admin-max-width:960px;--admin-nav-width:160px;--admin-form-width:560px;--admin-photo-thumb:120px;--duration-state:.12s;--duration-sheet:.24s;--ease-out:cubic-bezier(.2, .7, .3, 1)}@media (prefers-reduced-motion:reduce){:root{--duration-state:0s;--duration-sheet:0s}}.display-xl{font-family:var(--font-serif);letter-spacing:-.01em;font-size:30px;font-weight:300;line-height:1.4}.display-lg{font-family:var(--font-serif);letter-spacing:-.005em;font-size:24px;font-weight:300;line-height:1.4}.display-md{font-family:var(--font-serif);letter-spacing:-.003em;font-size:19px;font-weight:400;line-height:1.5}.body-lg{font-family:var(--font-sans);font-size:15px;font-weight:300;line-height:1.75}.body-md{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.65}.body-sm{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:1.6}.label-md{font-family:var(--font-sans);letter-spacing:.02em;font-size:12px;font-weight:500;line-height:1.4}.label-sm{font-family:var(--font-sans);letter-spacing:.025em;font-size:10px;font-weight:400;line-height:1.4}
*,:before,:after{box-sizing:border-box}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hit-area{position:relative}.hit-area:before{content:"";inset:min(0px, calc((100% - var(--touch-min)) / 2));position:absolute}html:has(dialog[open]){overflow:hidden}