:root{--bg-layer:#fff;--bg-basement:#f3f4f5;--bg-floating:#fff;--bg-weak:#f3f4f5;--bg-weak-pressed:#eeeff1;--fg:#1a1c20;--fg-muted:#555d6d;--fg-subtle:#868b94;--fg-placeholder:#b0b3ba;--stroke:#0000000c;--stroke-muted:#dcdee3;--brand:#8a1643;--brand-pressed:#71113a;--brand-fg:#8a1643;--brand-weak:#fbeef3;--on-brand:#fff;--positive:#079171;--positive-weak:#edfaf6;--critical:#fa342c;--critical-weak:#fdf0f0;--informative:#217cf9;--informative-weak:#eff6ff;--warning:#9b7821;--warning-weak:#fff7de;--inverted:#2a3038;--on-inverted:#fff;--overlay:#00000074;--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;--t1:11px;--t2:12px;--t3:13px;--t4:14px;--t5:16px;--t6:18px;--t7:20px;--t8:22px;--t9:24px;--r2:8px;--r3:12px;--r4:16px;--r5:20px;--gx:max(16px, env(safe-area-inset-left,0px));--gx-r:max(16px, env(safe-area-inset-right,0px));--nav-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg-layer:#16171b;--bg-basement:#000;--bg-floating:#1d2025;--bg-weak:#2b2e35;--bg-weak-pressed:#393d46;--fg:#f3f4f5;--fg-muted:#dcdee3;--fg-subtle:#b0b3ba;--fg-placeholder:#868b94;--stroke:#ffffff12;--stroke-muted:#393d46;--brand:#c2306a;--brand-pressed:#a8255a;--brand-fg:#f07aa6;--brand-weak:#3a1a27;--positive:#22b27f;--positive-weak:#202926;--critical:#ff6e60;--critical-weak:#322323;--informative:#41a2f9;--informative-weak:#202742;--warning:#ca901c;--warning-weak:#302819;--inverted:#e9eaec;--on-inverted:#16171b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg-basement);color:var(--fg);font-family:var(--font);font-size:var(--t4);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:var(--fg)}img{max-width:100%}:focus-visible{outline:2px solid var(--brand-fg);outline-offset:2px}[hidden]{display:none!important}.px{padding-left:var(--gx);padding-right:var(--gx-r)}.shell{min-height:100vh}.main{background:var(--bg-layer);max-width:720px;min-height:100vh;padding-bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom,0px));margin:0 auto;position:relative}.main.bare{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.side{display:none}@media (min-width:1024px){.shell{grid-template-columns:248px minmax(0,1fr);max-width:1080px;margin:0 auto;display:grid}.side{border-right:1px solid var(--stroke);background:var(--bg-layer);flex-direction:column;gap:4px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.side .logo .mark{border-radius:10px;width:36px;height:36px}.side .logo{font-size:var(--t7);align-items:center;gap:10px;padding:4px 8px 20px;font-weight:800;display:flex}.side a.nav{border-radius:var(--r3);height:48px;font-size:var(--t5);color:var(--fg-muted);align-items:center;gap:12px;padding:0 12px;font-weight:500;display:flex}.side a.nav:hover{background:var(--bg-weak)}.side a.nav[aria-current=page]{color:var(--fg);background:var(--bg-weak);font-weight:700}.side a.nav svg{width:24px;height:24px}.side .write{margin-top:16px}.main{border-right:1px solid var(--stroke);max-width:none;margin:0;padding-bottom:48px}.main.bare{padding-bottom:96px}.main>:not(.scrim):not(.viewer){max-width:720px}.tabbar,.fab{display:none!important}.home-head h1{visibility:hidden}.side .logo small{font-size:var(--t2);color:var(--fg-subtle);letter-spacing:0;font-weight:500;display:block}}.topbar{z-index:20;background:var(--bg-layer);min-height:56px;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid #0000;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar.line{border-bottom-color:var(--stroke)}.topbar h1{font-size:var(--t7);flex:1;align-items:center;gap:8px;min-width:0;margin:0;font-weight:700;display:flex}.topbar h1 small{font-size:var(--t3);color:var(--fg-subtle);font-weight:500}.topbar .ttl{font-size:var(--t5);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.ib{width:40px;height:40px;color:var(--fg);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ib:active{background:var(--bg-weak)}.ib svg{width:24px;height:24px}.mark{object-fit:cover;background:#7b2020;border-radius:8px;flex:none;width:28px;height:28px;display:block}.tabbar{z-index:20;background:var(--bg-layer);border-top:1px solid var(--stroke);width:min(100%,720px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{height:var(--nav-h);font-size:var(--t1);color:var(--fg-subtle);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:500;display:flex}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--fg);font-weight:700}.fab{z-index:15;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0px));background:var(--brand);height:48px;color:var(--on-brand);font-weight:700;font-size:var(--t5);border-radius:9999px;align-items:center;gap:6px;padding:0 18px 0 14px;display:flex;position:fixed;right:max(16px,50% - 344px);box-shadow:0 4px 12px #00000029}.fab svg{width:22px;height:22px}.btn{border-radius:var(--r2);height:40px;font-size:var(--t4);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:700;display:inline-flex}.btn svg{width:18px;height:18px}.btn-brand{background:var(--brand);color:var(--on-brand)}.btn-brand:active{background:var(--brand-pressed)}.btn-weak{background:var(--bg-weak);color:var(--fg)}.btn-weak:active{background:var(--bg-weak-pressed)}.btn-done{background:var(--brand-weak);color:var(--brand-fg)}.btn-line{border:1px solid var(--stroke-muted);background:var(--bg-layer)}.btn-lg{width:100%;height:52px;font-size:var(--t5);border-radius:var(--r3)}.btn-sm{height:32px;font-size:var(--t3);padding:0 10px}.btn[disabled]{background:var(--bg-weak);color:var(--fg-placeholder);cursor:default}.btn-kakao{color:#191919;background:#fee500}.danger{color:var(--critical)}.badge{height:20px;font-size:var(--t1);background:var(--bg-weak);color:var(--fg-muted);white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:0 6px;font-weight:700;display:inline-flex}.b-practice{background:var(--positive-weak);color:var(--positive)}.b-event{background:var(--brand-weak);color:var(--brand-fg)}.b-recap{background:var(--informative-weak);color:var(--informative)}.b-old{background:var(--bg-weak);color:var(--fg-muted);font-weight:600}.yr-div{font-size:var(--t2);color:var(--brand-fg);background:var(--bg-weak);padding:10px 16px 6px;font-weight:700}.b-wedding,.b-congrats{background:var(--brand-weak);color:var(--brand-fg)}.b-funeral{background:var(--bg-weak);color:var(--fg-muted)}.b-notice{background:var(--warning-weak);color:var(--warning)}.b-off{background:var(--bg-weak);color:var(--fg-subtle)}.b-pin,.b-solid{background:var(--inverted);color:var(--on-inverted)}.b-admin{background:var(--brand);color:var(--on-brand)}.b-live{background:var(--positive);color:#fff}.chips{scrollbar-width:none;gap:8px;padding-block:4px 12px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--stroke-muted);height:36px;font-size:var(--t4);color:var(--fg);background:var(--bg-layer);border-radius:9999px;flex:none;align-items:center;gap:4px;padding:0 14px;font-weight:500;display:inline-flex}.chip[aria-pressed=true]{background:var(--inverted);border-color:var(--inverted);color:var(--on-inverted);font-weight:700}.av{color:#fff;letter-spacing:-.03em;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.section-h{justify-content:space-between;align-items:baseline;gap:8px;padding-block:20px 10px;display:flex}.section-h h2{font-size:var(--t6);margin:0;font-weight:700}.section-h a,.section-h button{font-size:var(--t3);color:var(--fg-subtle)}.gap8{flex-direction:column;gap:8px;display:flex}.gap12{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.muted{color:var(--fg-subtle)}.note{font-size:var(--t3);color:var(--fg-subtle);background:var(--bg-weak);border-radius:var(--r2);padding:10px 12px;line-height:1.55}.divider-label{font-size:var(--t2);color:var(--fg-subtle);align-items:center;gap:8px;padding-block:20px 4px;font-weight:600;display:flex}.divider-label:after{content:"";background:var(--stroke-muted);flex:1;height:1px}.empty{text-align:center;color:var(--fg-subtle);font-size:var(--t4);padding:48px 16px;line-height:1.6}.loading{text-align:center;color:var(--fg-subtle);padding:64px 16px}.block{border-top:8px solid var(--bg-basement);padding-block:20px}.block h3{font-size:var(--t5);align-items:center;gap:6px;margin:0 0 12px;font-weight:700;display:flex}.block h3 .n{color:var(--brand-fg)}.pinbar{margin:4px var(--gx-r) 8px var(--gx);border-radius:var(--r3);background:var(--bg-weak);font-size:var(--t4);align-items:center;gap:10px;min-width:0;padding:12px 14px;font-weight:600;display:flex}.pinbar svg{width:18px;height:18px;color:var(--brand-fg);flex:none}.pinbar span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.card{border:1px solid var(--stroke-muted);border-radius:var(--r4);background:var(--bg-floating);flex-direction:column;gap:14px;padding:16px;display:flex}.card-top{align-items:center;gap:14px;min-width:0;display:flex}.date{border-radius:var(--r3);background:var(--brand-weak);width:52px;height:56px;color:var(--brand-fg);flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1.1;display:flex}.date b{font-size:var(--t8);font-weight:800}.date span{font-size:var(--t1);font-weight:700}.date.off{background:var(--bg-weak);color:var(--fg-subtle)}.card-t{flex:1;min-width:0}.card-t strong{font-size:var(--t5);margin-bottom:4px;font-weight:700;display:block}.card-t span{font-size:var(--t3);color:var(--fg-subtle);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.opts{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;display:grid}.opt-btn{border-radius:var(--r2);background:var(--bg-weak);min-height:40px;font-weight:600;font-size:var(--t3);padding:6px 8px;line-height:1.25}.opt-btn[aria-pressed=true]{background:var(--brand);color:var(--on-brand);font-weight:700}.tally{font-size:var(--t3);color:var(--fg-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;display:flex}.tally b{color:var(--fg)}.list{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--stroke);align-items:flex-start;gap:12px;padding-block:16px;display:flex}.item:active{background:var(--bg-weak)}.item-b{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.item-b .tags{flex-wrap:wrap;gap:4px;display:flex}.item-b strong{font-size:var(--t5);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.item-b p{font-size:var(--t4);color:var(--fg-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.meta{font-size:var(--t2);color:var(--fg-subtle);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.meta svg{width:14px;height:14px}.meta .sep:before{content:"·"}.thumb-w{flex:none;position:relative}.thumb{border-radius:var(--r2);object-fit:cover;background:var(--bg-weak);width:72px;height:72px;display:block}.thumb-w .cnt{color:#fff;background:#000000a0;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;bottom:4px;right:4px}.detail-h{padding-block:8px 16px}.detail-h h2{font-size:var(--t8);text-wrap:balance;word-break:keep-all;margin:8px 0 12px;font-weight:700;line-height:1.35}.author{align-items:center;gap:10px;display:flex}.author div{flex-direction:column;gap:2px;min-width:0;display:flex}.author b{font-size:var(--t4);align-items:center;gap:6px;display:flex}.author span{font-size:var(--t2);color:var(--fg-subtle)}.info{border-radius:var(--r3);background:var(--bg-weak);flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.info-r{font-size:var(--t4);gap:10px;min-width:0;line-height:1.5;display:flex}.info-r svg{width:20px;height:20px;color:var(--fg-subtle);flex:none;margin-top:1px}.info-r .k{width:44px;color:var(--fg-subtle);flex:none}.info-r span{overflow-wrap:anywhere;flex:1;min-width:0}.info-r a{color:var(--informative);font-weight:600}.body{font-size:var(--t5);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;padding-block:16px;line-height:1.7}.sessions{border:1px solid var(--stroke-muted);border-radius:var(--r3);flex-direction:column;gap:0;margin-top:16px;display:flex;overflow:hidden}.sess{align-items:center;gap:12px;padding:12px 14px;display:flex}.sess+.sess{border-top:1px solid var(--stroke)}.sess time{width:96px;font-size:var(--t3);color:var(--brand-fg);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.sess div{flex-direction:column;gap:2px;min-width:0;display:flex}.sess b{font-size:var(--t4)}.sess span{font-size:var(--t3);color:var(--fg-subtle)}.poster{border-radius:var(--r3);background:var(--bg-weak);width:100%;margin-top:16px;display:block}.dday{font-size:var(--t3);color:var(--brand-fg);font-weight:800}.gal{border-radius:var(--r3);gap:4px;margin-bottom:12px;display:grid;overflow:hidden}.gal.n1{grid-template-columns:1fr}.gal.n2{grid-template-columns:1fr 1fr}.gal.n3,.gal.nmany{grid-template-columns:1fr 1fr 1fr}.gal img{aspect-ratio:1;object-fit:cover;background:var(--bg-weak);cursor:zoom-in;width:100%;display:block}.gal.n1 img{aspect-ratio:auto;max-height:520px}.viewer{z-index:60;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:100%;max-height:100%}.viewer .ib{top:calc(12px + env(safe-area-inset-top,0px));color:#fff;position:absolute;right:12px}.viewer .nav{color:#fff;width:48px;height:48px;position:absolute;top:50%;transform:translateY(-50%)}.viewer .nav.l{left:8px}.viewer .nav.r{right:8px}.viewer .count{bottom:calc(16px + env(safe-area-inset-bottom,0px));text-align:center;color:#fff;font-size:var(--t3);position:absolute;left:0;right:0}.cele{border-radius:var(--r4);text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:16px;padding:20px;display:flex}.cele.wedding,.cele.congrats{background:var(--brand-weak)}.cele.funeral{background:var(--bg-weak)}.cele .k{font-size:var(--t3);color:var(--brand-fg);font-weight:700}.cele.funeral .k{color:var(--fg-muted)}.cele strong{font-size:var(--t7);word-break:keep-all;font-weight:800}.cele span{font-size:var(--t3);color:var(--fg-muted)}.names{flex-wrap:wrap;gap:6px;display:flex}.person{background:var(--bg-weak);height:30px;font-size:var(--t3);border-radius:9999px;align-items:center;gap:6px;padding:0 10px 0 3px;display:inline-flex}.person .av{width:24px;height:24px;font-size:9px}.person.me{background:var(--brand-weak);color:var(--brand-fg);font-weight:700}.person.plain{padding-left:10px}.person button{color:var(--fg-subtle);place-items:center;display:grid}.person button svg{width:14px;height:14px}.bars{flex-direction:column;gap:12px;display:flex}.bar-r{flex-direction:column;gap:6px;display:flex}.bar-h{font-size:var(--t4);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.bar-h b{font-weight:700}.bar{background:var(--bg-weak);border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--fg-placeholder);border-radius:3px;height:100%;display:block}.bar-r.mine .bar i{background:var(--brand)}.legacy{border:1px dashed var(--stroke-muted);border-radius:var(--r3);font-size:var(--t3);color:var(--fg-muted);flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px;line-height:1.5;display:flex}.legacy b{color:var(--fg)}.cm{gap:10px;padding-block:10px;display:flex}.cm div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cm b{font-size:var(--t3)}.cm p{font-size:var(--t4);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.5}.cm span{font-size:var(--t2);color:var(--fg-subtle);gap:8px;display:flex}.cm span button{color:var(--fg-subtle);font-size:var(--t2)}.cbar{z-index:20;background:var(--bg-layer);border-top:1px solid var(--stroke);width:min(100%,720px);padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:1024px){.cbar{width:auto;position:sticky;bottom:0;left:auto;transform:none}}.cbar input{background:var(--bg-weak);min-width:0;height:40px;font-size:var(--t4);border:0;border-radius:9999px;flex:1;padding:0 16px}.cbar input::placeholder{color:var(--fg-placeholder)}.cbar .ib{color:var(--brand-fg)}.form{flex-direction:column;gap:20px;padding-block:16px 24px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>label,.field .lab{font-size:var(--t4);font-weight:700}.hint{font-size:var(--t2);color:var(--fg-subtle);font-weight:400}.tf{border-radius:var(--r2);border:1px solid var(--stroke-muted);background:var(--bg-layer);height:48px;font-size:var(--t5);width:100%;padding:0 14px}textarea.tf{resize:vertical;height:auto;min-height:120px;padding:12px 14px;line-height:1.55}.tf:focus{border-color:var(--fg);outline:none}.tf::placeholder{color:var(--fg-placeholder)}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seg{background:var(--bg-weak);border-radius:var(--r3);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{border-radius:var(--r2);height:40px;font-weight:600;font-size:var(--t4);color:var(--fg-muted)}.seg button[aria-pressed=true]{background:var(--bg-floating);color:var(--fg);font-weight:700;box-shadow:0 1px 3px #00000020}.foot{z-index:20;background:var(--bg-layer);width:min(100%,720px);padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--stroke);position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:1024px){.foot{width:auto;position:sticky;left:auto;transform:none}}.err{color:var(--critical);font-size:var(--t3)}.check{font-size:var(--t4);align-items:center;gap:10px;display:flex}.check input{width:20px;height:20px;accent-color:var(--brand)}.ph-grid{scrollbar-width:none;gap:8px;padding-block:2px;display:flex;overflow-x:auto}.ph-add{border-radius:var(--r2);border:1px solid var(--stroke-muted);width:72px;height:72px;color:var(--fg-subtle);font-size:var(--t2);cursor:pointer;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.ph-add svg{width:24px;height:24px}.ph-add input{opacity:0;cursor:pointer;position:absolute;inset:0}.ph{border-radius:var(--r2);background:var(--bg-weak);flex:none;width:72px;height:72px;position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%;display:block}.ph button{color:#fff;background:#000000a0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}.ph button svg{width:12px;height:12px}.scrim{z-index:40;background:var(--overlay);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:720px){.scrim{align-items:center}.sheet{border-radius:var(--r5)!important}}.sheet{background:var(--bg-floating);border-radius:var(--r5) var(--r5) 0 0;width:min(100%,480px);padding-top:20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));max-height:85vh;overflow:auto}.sheet h3{font-size:var(--t7);margin:0 0 4px;font-weight:700}.sheet .sub{font-size:var(--t4);color:var(--fg-subtle);margin:0 0 12px}.opt{text-align:left;border-radius:var(--r3);align-items:center;gap:14px;width:100%;padding-block:12px;display:flex}.opt:active{background:var(--bg-weak)}.opt .ic{border-radius:var(--r3);background:var(--bg-weak);flex:none;place-items:center;width:44px;height:44px;display:grid}.opt .ic svg{width:22px;height:22px}.opt>svg{width:18px;height:18px;color:var(--fg-placeholder);flex:none}.opt div{flex:1;min-width:0}.opt b{font-size:var(--t5);display:block}.opt span{font-size:var(--t3);color:var(--fg-subtle)}.toast{z-index:70;left:50%;bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom,0px));background:var(--inverted);width:min(100% - 32px,420px);color:var(--on-inverted);border-radius:var(--r2);font-size:var(--t4);padding:12px 16px;font-weight:500;position:fixed;transform:translate(-50%)}.cal-m{font-size:var(--t4);color:var(--fg-subtle);padding-block:20px 4px;font-weight:700}.ev{border-bottom:1px solid var(--stroke);align-items:center;gap:14px;padding-block:14px;display:flex}.ev .d{text-align:center;flex:none;width:44px;line-height:1.15}.ev .d b{font-size:var(--t7);font-weight:800;display:block}.ev .d span{font-size:var(--t1);color:var(--fg-subtle);font-weight:600}.ev .bar-c{border-radius:2px;flex:none;align-self:stretch;width:3px}.ev .c{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ev .c strong{font-size:var(--t5);font-weight:600}.ev .c span{font-size:var(--t3);color:var(--fg-subtle)}.ev.off .c strong{color:var(--fg-subtle);font-weight:500}.ev.past{opacity:.6}.album{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}@media (min-width:600px){.album{grid-template-columns:repeat(4,1fr)}}.album a{display:block;position:relative}.album img{aspect-ratio:1;object-fit:cover;background:var(--bg-weak);width:100%;display:block}.prof{align-items:center;gap:14px;padding-block:12px 20px;display:flex}.prof .av{width:64px;height:64px;font-size:var(--t6)}.prof b{font-size:var(--t7);align-items:center;gap:6px;display:flex}.prof span{font-size:var(--t3);color:var(--fg-subtle)}.menu-h{font-size:var(--t3);color:var(--fg-subtle);padding-block:20px 4px;font-weight:700}.menu{text-align:left;width:100%;font-size:var(--t5);align-items:center;gap:12px;padding-block:14px;display:flex}.menu svg{width:22px;height:22px;color:var(--fg-muted);flex:none}.menu .v{font-size:var(--t3);color:var(--fg-subtle);margin-left:auto}.cnt-badge{background:var(--critical);color:#fff;min-width:18px;height:18px;font-size:var(--t1);border-radius:9999px;place-items:center;margin-left:auto;padding:0 5px;font-weight:700;display:inline-grid}.mem{border-bottom:1px solid var(--stroke);align-items:center;gap:12px;padding-block:12px;display:flex}.mem>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mem b{font-size:var(--t5);align-items:center;gap:6px;display:flex}.mem span{font-size:var(--t3);color:var(--fg-subtle)}.welcome{min-height:100vh;padding-block:calc(48px + env(safe-area-inset-top,0px)) 32px;background:var(--bg-layer);flex-direction:column;gap:24px;max-width:480px;margin:0 auto;display:flex}.welcome .mark{border-radius:16px;width:64px;height:64px}.welcome h1{text-wrap:balance;margin:0;font-size:28px;font-weight:800;line-height:1.3}.welcome p{font-size:var(--t5);color:var(--fg-muted);margin:0;line-height:1.6}.welcome .hero-img{border-radius:var(--r4);aspect-ratio:12/7;object-fit:cover;width:100%}.pending{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-block:80px 24px;display:flex}.pending .ic{background:var(--brand-weak);width:72px;height:72px;color:var(--brand-fg);border-radius:50%;place-items:center;display:grid}.pending .ic svg{width:36px;height:36px}.pending h2{font-size:var(--t8);margin:8px 0 0}.pending p{color:var(--fg-muted);margin:0;line-height:1.6}.public-cta{z-index:20;background:var(--bg-layer);border-top:1px solid var(--stroke);width:min(100%,720px);padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.public-cta p{font-size:var(--t3);color:var(--fg-muted);flex:1;margin:0;line-height:1.4}.install-card{margin:4px var(--gx-r) 8px var(--gx);border-radius:var(--r3);background:var(--brand-weak);align-items:center;gap:10px;padding:12px;display:flex}.install-card img{border-radius:10px;flex:none;width:40px;height:40px}.install-card div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-card b{font-size:var(--t4)}.install-card span{font-size:var(--t2);color:var(--fg-muted)}.install-card .x{width:28px;height:28px;color:var(--fg-subtle);font-size:18px}.install-hero{align-items:center;gap:14px;margin-bottom:16px;display:flex}.install-hero img{border-radius:16px;flex:none;width:64px;height:64px}.install-hero p{line-height:1.6;font-size:var(--t4);margin:0}.steps{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.step{flex-direction:column;gap:10px;display:flex}.step-h{font-size:var(--t5);align-items:center;gap:10px;display:flex}.step-n{background:var(--brand);width:26px;height:26px;color:var(--on-brand);font-size:var(--t3);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.step .muted{font-size:var(--t3);margin:0;line-height:1.55}.key{background:var(--bg-weak);border:1px solid var(--stroke-muted);border-radius:6px;padding:0 6px;font-weight:700;display:inline-block}.shot{border-radius:var(--r3);border:1px solid var(--stroke-muted);background:#fff;position:relative;overflow:hidden}.shot img{width:100%;display:block}.hl{background:#ff3b3014;border:3px solid #ff3b30;border-radius:12px;animation:1.6s ease-in-out infinite hlpulse;position:absolute;box-shadow:0 0 0 4px #ff3b3026}.hl em{white-space:nowrap;color:#fff;background:#ff3b30;border-radius:9999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:800;position:absolute;bottom:calc(100% + 6px);right:-3px}.hl em.below{top:calc(100% + 6px);bottom:auto}.hl em.inside{top:50%;bottom:auto;right:8px;transform:translateY(-50%)}@keyframes hlpulse{50%{box-shadow:0 0 0 8px #ff3b3014}}.chrome-bar{border-radius:var(--r3);background:var(--bg-weak);border:1px solid var(--stroke-muted);align-items:center;gap:8px;padding:12px 14px;display:flex}.chrome-bar .url{background:var(--bg-layer);min-width:0;font-size:var(--t3);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:9999px;flex:1;padding:6px 12px;overflow:hidden}.chrome-bar .dots{border:3px solid #ff3b30;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;font-weight:800;display:grid}.kakao-ext{z-index:65;left:50%;top:calc(8px + env(safe-area-inset-top,0px));border-radius:var(--r3);background:var(--inverted);width:min(100% - 16px,480px);color:var(--on-inverted);font-size:var(--t3);align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #0003}.kakao-ext span{flex:1;min-width:0}.kakao-ext .ib{color:var(--on-inverted);font-size:18px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}