:root{--paper:#fff;--ink:#1e2023;--muted:#666a72;--line:#e8e8e6;--wash:#f5f5f3;--accent:#244f9b;--radius:12px;--ease:cubic-bezier(.22, 1, .36, 1);--duration:.22s;--page-width:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
.woori-viewer{color:#f5f5f3;background:#121314;border:0;outline:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.woori-viewer[open]{display:flex}.woori-viewer::backdrop{background:#121314}.woori-viewer p,.woori-viewer h2{margin:0}.woori-viewer button,.woori-viewer a{-webkit-tap-highlight-color:transparent}.woori-viewer button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.woori-viewer button:disabled{opacity:.35;cursor:default}.woori-viewer button:focus-visible,.woori-viewer a:focus-visible{outline-offset:-3px;outline:2px solid #9fbef4}.viewer-canvas{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.viewer-stage,.viewer-track,.viewer-slide{position:absolute;inset:0}.viewer-stage{touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-4px;overflow:hidden}.viewer-stage.is-placing{cursor:crosshair}.viewer-track{will-change:transform}.viewer-slide{pointer-events:none;justify-content:center;align-items:center;display:flex}.viewer-photo{will-change:transform;transform-origin:50%;flex:none;position:relative}.viewer-photo>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.viewer-photo>video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.viewer-photo.is-video>video,.viewer-photo.is-video>.viewer-image-error{pointer-events:auto}.viewer-stage.is-video,.viewer-slide.is-video{padding:calc(env(safe-area-inset-top) + 56px) 0 calc(env(safe-area-inset-bottom) + 64px)}.viewer-video-status{color:#fff;pointer-events:none;background:#0009;border-radius:999px;padding:6px 12px;font-size:.8125rem;position:absolute;bottom:18px;left:50%;translate:-50%}.viewer-adjacent-photo{object-fit:contain;width:100%;height:100%;display:block}.viewer-toolbar{z-index:3;opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:4px;transition:opacity .16s ease-in,transform .16s ease-in,visibility 0s .16s;display:flex;position:absolute;left:0;right:0}.viewer-toolbar.is-visible{opacity:1;visibility:visible;transition:opacity .2s ease-out,transform .2s ease-out,visibility;transform:translateY(0)}.viewer-toolbar button,.viewer-toolbar a{pointer-events:auto}.viewer-top{padding:calc(env(safe-area-inset-top) + 8px) 10px 32px;background:linear-gradient(#0b0b0cb3,#0000);top:0;transform:translateY(-8px)}.viewer-top>p{text-align:center;color:#e3e3e5;font-variant-numeric:tabular-nums;flex:1;font-size:14px}.viewer-top button:hover,.viewer-bottom button:hover{background:#ffffff14}.viewer-bottom{padding:32px 12px calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(#0000,#0b0b0cba);justify-content:center;gap:16px;bottom:0;transform:translateY(8px)}.viewer-bottom button{gap:7px;font-size:14px}.viewer-bottom a{color:inherit;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.viewer-my-reaction{font-size:23px}.viewer-desktop-arrows{pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;inset:48% 16px auto}.viewer-desktop-arrows button{pointer-events:auto;background:#17181977;border-radius:50%}.viewer-desktop-arrows button:disabled{visibility:hidden}.viewer-pin{pointer-events:auto;width:44px;height:44px;transform:scale(var(--inverse-scale,1));margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;padding:0!important}.viewer-pin>span{color:#fff;background:#284e91;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:650;display:flex;box-shadow:0 0 0 2px #fff,0 1px 6px #0005}.viewer-pin.is-selected>span{color:#214d95;background:#fff;box-shadow:0 0 0 3px #264f94}.viewer-pin--draft{justify-content:center;align-items:center;display:flex}.viewer-pin--draft>span{width:18px;height:18px;animation:.18s ease-out viewer-pin-appear}.viewer-pin-bubble{z-index:6;color:#202226;background:#fff;border-radius:14px;width:min(320px,100% - 40px);padding:6px 10px 14px 16px;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0004}.viewer-pin-bubble>div{color:#696d73;justify-content:space-between;align-items:center;font-size:13px;display:flex}.viewer-pin-bubble>p{overflow-wrap:anywhere;font-size:15px;line-height:1.55}.viewer-menu{right:12px;top:calc(env(safe-area-inset-top) + 64px);z-index:8;color:#202226;background:#fff;border-radius:14px;width:230px;padding:8px;animation:.16s ease-out viewer-overlay-in;position:absolute;box-shadow:0 8px 36px #0005}.viewer-menu button{text-align:left;justify-content:flex-start;width:100%;min-height:46px;font-size:14px;display:flex}.viewer-menu button:hover{background:#f0f1f3}.viewer-reactions{z-index:8;bottom:calc(env(safe-area-inset-bottom) + 90px);color:#202226;background:#fff;border-radius:16px;width:min(360px,100% - 32px);padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0004}.viewer-reactions button{flex-direction:column;flex:1;gap:4px;padding:8px 2px}.viewer-reactions button>span{font-size:27px}.viewer-reactions button>p{white-space:nowrap;font-size:11px}.viewer-reactions button[aria-pressed=true]{background:#e9effa}.viewer-comments{color:#202226;background:#fff;flex-direction:column;flex:none;width:360px;max-width:100%;display:flex;position:relative;overflow:hidden}.viewer-comments>header{padding:calc(env(safe-area-inset-top) + 20px) 18px 16px;border-bottom:1px solid #ececee;align-items:flex-start;gap:8px;display:flex}.viewer-comments>header>div{flex:1;min-width:0}.viewer-comments h2{margin:0 0 6px;font-size:18px;font-weight:650}.viewer-comments>header p{color:#757981;font-size:12px;line-height:1.5}.viewer-comment-list{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 20px;overflow:auto}.viewer-comment{border-bottom:1px solid #f0f0f1;padding:16px 0}.viewer-comment-meta{align-items:center;gap:7px;font-size:13px;display:flex}.viewer-avatar{color:#535b68;background:#edf0f4;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;display:inline-flex}.viewer-comment-date{color:#868a90;margin-left:auto;font-size:11px}.viewer-comment>p{overflow-wrap:anywhere;white-space:pre-wrap;padding:8px 0 0 34px;font-size:14px;line-height:1.6}.viewer-comment-pin-link{margin-left:22px;color:#284e91!important;font-size:12px!important}.viewer-no-comments{text-align:center;color:#757981;padding:50px 10px}.viewer-no-comments svg{margin:0 auto 16px}.viewer-no-comments p{margin:6px 0;font-size:14px}.viewer-comment-form{padding:14px 16px calc(env(safe-area-inset-bottom) + 16px);border-top:1px solid #ececee;align-items:flex-end;gap:8px;display:flex}.woori-viewer textarea{font:inherit;resize:none;color:#202226;background:#fff;border:1px solid #d5d8dd;border-radius:10px;outline:none;padding:11px 12px;line-height:1.5}.woori-viewer textarea:focus{border-color:#284e91;box-shadow:inset 0 0 0 1px #284e91}.viewer-comment-form textarea{flex:1;min-width:0;font-size:14px}.viewer-comment-form button,.viewer-pin-composer button[type=submit]{color:#fff;background:#284e91;padding:0 14px}.viewer-pin-composer{z-index:9;color:#202226;width:min(520px,100%);padding:20px 20px calc(env(safe-area-inset-bottom) + 20px);box-sizing:border-box;background:#fff;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.viewer-pin-composer h2{margin-bottom:12px;font-size:17px}.viewer-pin-composer textarea{box-sizing:border-box;width:100%}.viewer-pin-composer>div{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.viewer-pin-composer p{color:#737780;font-size:12px}.viewer-confirm{color:#202226;background:#fff;border:0;border-radius:18px;width:360px;max-width:calc(100vw - 40px);padding:24px;box-shadow:0 10px 50px #0005}.viewer-confirm::backdrop{background:#0007}.viewer-confirm h2{font-size:18px;line-height:1.5}.viewer-confirm p{color:#6b7078;margin:12px 0 22px;font-size:14px;line-height:1.6}.viewer-confirm>div{justify-content:flex-end;gap:8px;display:flex}.viewer-confirm .viewer-danger{color:#b02c37;background:#fcedef}.viewer-image-error{color:#ddd;background:#17181b;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.viewer-image-error button{border:1px solid #666}@keyframes viewer-overlay-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}@keyframes viewer-pin-appear{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@media (max-width:760px){.viewer-comments{z-index:10;border-radius:20px 20px 0 0;width:100%;height:min(65dvh,560px);animation:.24s cubic-bezier(.2,.8,.2,1) viewer-comments-in;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0003}.viewer-comments>header{padding:18px 16px 12px}.viewer-desktop-arrows{display:none}.viewer-desktop-arrows.is-video{display:flex;inset:48% 6px auto}.viewer-bottom{justify-content:space-around;gap:4px}.viewer-bottom button{gap:5px;padding:0 8px}.viewer-bottom svg{width:21px;height:21px}}@keyframes viewer-comments-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.woori-viewer *,.viewer-confirm{transition:none!important;animation:none!important}}.viewer-comment-actions{color:#626975;gap:12px;margin-top:8px;font-size:12px;display:flex}.viewer-comment-actions button,.viewer-comment-refresh{min-height:36px}.viewer-comment-edit textarea{width:100%;margin-top:10px}.viewer-comment-delete{border:1px solid #d5d8dd;border-radius:10px;margin-top:8px;padding:12px}.viewer-interaction-error{color:#aa2424;padding:8px 0;font-size:13px}.viewer-comments>.viewer-interaction-error{padding:8px 20px}.viewer-interaction-status{z-index:8;text-align:center;background:#24272cf0;border-radius:12px;width:min(90%,420px);padding:12px;font-size:13px;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.viewer-interaction-status button{min-height:36px;text-decoration:underline}.viewer-reactions{flex-wrap:wrap}.viewer-reaction-hint{text-align:center;color:#626975;width:100%;font-size:11px}.viewer-reactions button>.viewer-reaction-count{font-size:12px}
.woori-guide{color:#202226;opacity:1;background:#fff;border:0;border-radius:18px;width:760px;max-width:min(760px,100vw - 64px);height:min(700px,100dvh - 64px);max-height:none;padding:0;transition:opacity .18s ease-in;overflow:hidden}.woori-guide::backdrop{background:#090b0f99}.woori-guide.is-closing{opacity:0;pointer-events:none}.woori-guide p,.woori-guide h2{margin:0}.woori-guide button{color:#202226;min-width:44px;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.woori-guide button:focus-visible{outline-offset:-3px;outline:2px solid #294f92}.woori-guide button:hover{background:#f4f5f7}.guide-shell{flex-direction:column;height:100%;display:flex}.guide-header{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex}.guide-header p{color:#676d75;font-size:14px}.guide-header button{font-size:14px}.guide-progress{flex:none;gap:6px;padding:0 24px;display:flex}.guide-progress>span{background:#e8eaed;border-radius:3px;flex:1;height:3px;transition:background-color .18s}.guide-progress>span.is-active{background:#284e91}.guide-content{flex-direction:column;flex:1;min-height:0;animation:.24s cubic-bezier(.2,.8,.2,1) guide-step-in;display:flex;overflow:auto}.guide-demo-wrap{flex:1;justify-content:center;align-items:center;min-height:220px;padding:24px 28px 14px;display:flex}.guide-demo{aspect-ratio:4/3;isolation:isolate;background:#121314;border-radius:12px;width:min(360px,100%);position:relative;overflow:hidden}.guide-demo-photo{transition:transform .75s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.guide-demo-photo>img{object-fit:cover;width:100%;height:100%}.guide-demo-bars{color:#fff;background:linear-gradient(#0009,#0000);justify-content:space-between;padding:10px 16px 20px;font-size:16px;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:0 0 auto}.guide-demo-bars.is-hidden{opacity:0;transform:translateY(-6px)}.guide-finger{background:#fff7;border:2px solid #fff;border-radius:50%;width:25px;height:25px;margin:-12px;transition:transform .75s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;box-shadow:0 0 0 6px #fff2}.guide-finger--left{left:40%}.guide-finger--right{left:60%}.guide-finger--left.is-spread{transform:translate(-32px)}.guide-finger--right.is-spread{transform:translate(32px)}.guide-finger--swipe{animation:.8s ease-in-out both guide-swipe}.guide-finger--pin{top:43%;left:58%}.guide-demo-pin{color:#fff;background:#284e91;border-radius:50%;place-items:center;width:21px;height:21px;margin:-10px;font-size:11px;display:grid;position:absolute;top:43%;left:58%;box-shadow:0 0 0 2px #fff}.guide-demo-composer{color:#30343a;background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:12px;animation:.22s ease-out guide-step-in;display:flex;position:absolute;bottom:0;left:0;right:0}.guide-demo-composer p{font-size:12px!important}.guide-demo-composer>span{color:#fff;white-space:nowrap;background:#284e91;border-radius:7px;padding:8px;font-size:11px}.guide-demo-bubble{color:#202226;background:#fff;border-radius:10px;padding:10px 12px;position:absolute;top:53%;left:20%;right:14%;box-shadow:0 4px 20px #0004}.guide-demo-bubble p:first-child{color:#747982;margin-bottom:4px;font-size:10px}.guide-demo-bubble p:last-child{font-size:12px}.guide-demo-counter{color:#fff;background:#0006;border-radius:10px;padding:4px 9px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.guide-copy{box-sizing:border-box;align-self:center;width:100%;max-width:590px;padding:12px 32px 24px}.guide-copy h2{letter-spacing:-.025em;margin-bottom:12px;font-size:23px;font-weight:650;line-height:1.4}.guide-copy>p{word-break:keep-all;font-size:16px;line-height:1.7}.guide-copy .guide-note{color:#787e86;margin-top:9px;font-size:13px}.guide-footer{flex:none;align-items:center;gap:8px;padding:12px 24px 22px;display:flex}.guide-footer .guide-replay{color:#6b717a;font-size:14px}.guide-footer .guide-next{color:#fff;background:#284e91;min-width:92px;margin-left:auto;font-weight:600}.guide-footer .guide-next:hover{background:#21427c}.guide-demo-wrap--static{gap:10px;padding:16px}.guide-demo-wrap--static>div{flex:1;min-width:0}.guide-demo-wrap--static .guide-demo{aspect-ratio:3/4}.guide-demo-wrap--static .guide-frame-label{text-align:center;color:#7b7f85;margin-top:8px;font-size:12px}@keyframes guide-step-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes guide-swipe{0%{transform:translate(45px)}to{transform:translate(-65px)}}@media (max-width:760px){.woori-guide{border-radius:0;width:100vw;max-width:none;height:100dvh;margin:0;inset:0}.guide-header{padding-top:calc(env(safe-area-inset-top) + 12px)}.guide-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 18px)}.guide-demo-wrap{padding:20px 24px}.guide-copy{padding:12px 24px 24px}.guide-copy h2{font-size:22px}}@media (prefers-reduced-motion:reduce){.woori-guide,.woori-guide *{transition:none!important;animation:none!important}}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse){input,select,textarea{font-size:max(16px,1em)!important}}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h2{letter-spacing:-.035em;font-size:1.5rem;font-weight:650;line-height:1.4}p{line-height:1.65}img{max-width:100%;display:block}button{background:0 0;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,a{touch-action:manipulation}svg{flex-shrink:0}.muted{color:var(--muted);font-size:.9375rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-bar{text-align:center;color:var(--muted);background:var(--wash);padding:7px 20px;font-size:.75rem;line-height:1.5}.desktop-header{border-bottom:1px solid var(--line);height:92px;max-width:var(--page-width);justify-content:space-between;align-items:center;margin:auto;display:flex}.wordmark{letter-spacing:-.09em;font-size:2rem;font-weight:750}.desktop-header nav{align-items:center;gap:36px;display:flex}.desktop-header nav a{color:var(--muted);padding:18px 0;font-size:.9375rem}.desktop-header nav a[aria-current]{color:var(--ink);font-weight:650}.group-header{max-width:var(--page-width);justify-content:space-between;align-items:center;margin:0 auto;padding:27px 0 25px;display:flex}.group-picker{z-index:15;position:relative}.group-picker summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:1.125rem;font-weight:650;list-style:none;display:flex}.group-picker summary::-webkit-details-marker{display:none}.group-picker[open] summary>svg{transform:rotate(180deg)}.group-menu{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:290px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 14px 44px #1e202312}.group-menu button{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px;display:flex}.group-menu button:hover{background:var(--wash)}.notification-bell{position:relative}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:10px}.app-content{width:100%;max-width:var(--page-width);min-height:60vh;margin:0 auto;padding-bottom:80px}.bottom-nav{display:none}.icon-button{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;height:44px;padding:0;display:inline-flex}.icon-button:hover{background:var(--wash)}.text-button{justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 0;font-size:.9375rem;display:inline-flex}.primary{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;font-size:.9375rem;font-weight:600;transition:background .12s,transform .12s;display:inline-flex}.primary:active{transform:scale(.98)}.primary:hover{background:#183e7e}.full{width:100%}.memory-section{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);align-items:center;gap:58px;display:grid}.hero-photo{aspect-ratio:1.2;border-radius:var(--radius);background:var(--wash);width:100%;padding:0;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.hero-photo:hover img{transform:scale(1.025)}.memory-caption{padding:20px 16px 20px 0}.memory-title{margin:12px 0;font-size:clamp(1.7rem,2.5vw,2.25rem);line-height:1.4}.memory-quote{color:#4e535a;word-break:keep-all;margin:26px 0 20px;font-size:1rem;line-height:1.85}.memory-quote span{display:block}.recent-section{margin-top:56px}.section-header,.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.section-header h2{font-size:1.25rem}.recent-grid,.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;display:grid}.recent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.secondary-button.album-more{min-width:180px;margin:36px auto 0;display:flex}.album-more[aria-disabled=true]{opacity:.6;cursor:progress}.album-card{text-align:left;width:100%;padding:0;display:block}.album-cover{aspect-ratio:1.25;border-radius:var(--radius);background:var(--wash);color:var(--muted);place-items:center;margin-bottom:14px;display:grid;overflow:hidden}.album-cover img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease)}.album-card:hover img{transform:scale(1.025)}.album-card .album-title{letter-spacing:-.025em;font-size:1.0625rem;font-weight:600}.album-card .album-meta{color:var(--muted);margin-top:5px;font-size:.8125rem}.album-meta-count{white-space:nowrap}.page-heading h2,.page-title{font-size:1.75rem}.album-controls{justify-content:space-between;align-items:center;gap:12px;margin:0 0 25px;display:flex}.control-actions{align-items:center;gap:14px;display:flex}.sort-select{background:var(--paper);min-height:44px;color:var(--ink);border:0;max-width:115px;padding:8px;font-size:.9375rem}.search-reveal{opacity:0;transition:grid-template-rows var(--duration) var(--ease), opacity .15s ease;grid-template-rows:0fr;display:grid}.search-reveal.is-open{opacity:1;grid-template-rows:1fr}.search-clip{overflow:hidden}.search-row{align-items:center;gap:18px;padding:3px 4px 25px;display:flex}.search-field{min-width:0;min-height:50px;color:var(--muted);border:1px solid #d6d8dc;border-radius:10px;flex:1;align-items:center;gap:12px;padding:0 14px;transition:border-color .14s;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.search-field input{width:100%;min-width:0;min-height:48px;color:var(--ink);background:0 0;border:0;outline:none;padding:0;font-size:1rem}.search-row>.text-button{flex-shrink:0}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:90px 20px;display:flex}.empty-state>svg{color:#8b919c;margin-bottom:8px}.empty-state h2{font-size:1.375rem}.empty-state p{color:var(--muted);max-width:400px}.empty-state .primary{margin-top:8px}.album-heading{align-items:center;gap:16px;margin:8px 0 18px;display:flex}.album-heading>div{flex:1}.album-heading h2{font-size:1.5rem}.album-heading p{margin-top:4px}.preview-note{color:var(--muted);margin:0 0 24px;font-size:.8125rem}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.photo-tile{aspect-ratio:1;background:var(--wash);border-radius:4px;padding:0;overflow:hidden}.photo-tile,.album-cover,.memory-card-photo{position:relative}.upload-progress{align-items:center;gap:10px;margin:6px 0;display:flex}.upload-progress-bar{background:var(--wash);border-radius:999px;flex:1;height:6px;overflow:hidden}.upload-progress-fill{background:var(--ink);height:100%;transition:width .2s linear}.upload-progress-label{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5em}@media (prefers-reduced-motion:reduce){.upload-progress-fill{transition:none}}.media-badge{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0000009e;border-radius:999px;align-items:center;gap:3px;padding:2px 7px 2px 5px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex;position:absolute;bottom:6px;right:6px}.media-badge svg{fill:currentColor;width:13px;height:13px}.photo-tile img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease)}.photo-tile:hover img{transform:scale(1.03)}.error-notice{color:#92271f;background:#fff4f2;border-radius:10px;margin:16px 0;padding:16px}.mypage{max-width:700px;margin:auto}.profile{align-items:center;gap:18px;margin:30px 0 42px;display:flex}.profile>div:nth-child(2){flex:1}.profile h2{font-size:1.25rem}.avatar{background:var(--wash);color:#687078;border-radius:50%;place-items:center;width:64px;height:64px;font-weight:600;display:grid}.mypage>section:not(.profile){margin:30px 0}.setting-heading{color:var(--muted);padding-bottom:8px;font-size:.875rem;font-weight:500}.menu-row{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:16px;width:100%;min-height:66px;padding:16px 0;font-size:1rem;display:flex}.menu-row>span{flex:1}.menu-row>svg:last-child{color:var(--muted);width:18px}.entry-dialog{border:1px solid var(--line);width:min(440px,100% - 32px);color:var(--ink);animation:dialog-enter .18s var(--ease);border-radius:18px;padding:24px;box-shadow:0 20px 80px #0002}.entry-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15181f66}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-header h2{font-size:1.25rem}.field-label{margin:12px 0 8px;font-size:.875rem;display:block}.field{border:1px solid #d6d8dc;border-radius:8px;width:100%;min-height:48px;padding:12px}.entry-dialog p{margin:12px 0 24px;font-size:.8125rem}.toast{color:#fff;z-index:300;width:max-content;max-width:calc(100% - 32px);animation:toast-enter .18s var(--ease);background:#20242aed;border-radius:12px;padding:12px 20px;font-size:.875rem;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 4px 22px #0002}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes toast-enter{0%{opacity:0;bottom:24px}to{opacity:1;bottom:30px}}@media (max-width:1260px){.desktop-header,.group-header,.app-content{width:calc(100% - 64px)}.memory-section{gap:36px}}@media (max-width:900px){.memory-section{gap:24px}.recent-grid,.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-quote span{display:inline}}@media (max-width:600px){.preview-bar{padding:6px 12px;font-size:.6875rem}.desktop-header{display:none}.group-header,.app-content{width:calc(100% - 40px)}.group-header{padding:18px 0 20px}.group-picker summary{font-size:1.1875rem}.app-content{padding-bottom:100px}.bottom-nav{z-index:20;border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#7a7d83;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:76px;min-height:48px;font-size:.6875rem;display:flex}.bottom-nav a[aria-current]{color:var(--ink);font-weight:650}.bottom-nav svg{width:22px;height:22px}.memory-section{flex-direction:column;align-items:stretch;gap:0;display:flex}.hero-photo{aspect-ratio:1.22;border-radius:10px}.memory-caption{padding:22px 0 0}.memory-title{margin:8px 0;font-size:1.5rem}.memory-quote{margin:18px 0 10px;font-size:.9375rem}.memory-caption>.muted{font-size:.8125rem}.memory-caption>.text-button{padding-top:0}.recent-section{margin-top:32px}.recent-grid,.album-grid{gap:24px 14px}.album-cover{aspect-ratio:1.1;border-radius:8px;margin-bottom:10px}.album-card .album-title{font-size:.9375rem}.album-card .album-meta{font-size:.75rem}.page-heading h2,.page-title{font-size:1.5rem}.page-heading{margin-bottom:12px}.album-controls{gap:8px;margin-bottom:20px}.album-controls>.muted{font-size:.8125rem}.control-actions{gap:5px}.control-actions .primary{min-height:44px;padding:10px 12px;font-size:.875rem}.sort-select{max-width:100px;font-size:.875rem}.album-heading{flex-wrap:wrap;gap:8px}.album-heading h2{font-size:1.1875rem}.album-heading>div{min-width:160px}.album-heading p{font-size:.8125rem}.album-heading>.primary{margin-left:auto;padding:10px 12px;font-size:.8125rem}.photo-grid{gap:4px}.photo-tile{border-radius:2px}.profile{gap:12px}.profile .text-button{font-size:.8125rem}.toast{animation:none;bottom:88px}.notification-screen{padding-left:0!important;padding-right:0!important}.empty-state{padding:64px 6px}.empty-state h2{font-size:1.25rem}.empty-state p{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.album-management{flex:none;min-width:0;position:relative}.album-management-menu{z-index:8;background:var(--surface,#fff);border:1px solid var(--line,#ddd);border-radius:12px;min-width:150px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 24px #0001}.album-management-menu button{text-align:left;border-radius:6px;width:100%;min-height:44px;padding:10px 12px;display:block}.album-management-menu button:hover{background:#f3f3f3}.danger-text{color:#b3261e}.management-confirm-actions{justify-content:flex-end;gap:12px;display:flex}.management-confirm .danger-button{color:#fff;background:#b3261e}.management-confirm p{overflow-wrap:anywhere;line-height:1.7}.viewer-menu .danger-text{color:#ffb4ab}.viewer-download-error{max-width:230px;padding:10px;font-size:.875rem}.album-heading>.album-heading-info{overflow-wrap:anywhere;min-width:0}.album-heading>.album-heading-actions{flex:none;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.album-heading-actions .primary{white-space:nowrap}@media (max-width:600px){.album-heading-actions .primary{padding:10px 12px;font-size:.8125rem}.album-heading>.icon-button{flex-shrink:0}}.memories-home{margin-bottom:48px}.memory-filters{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.memory-filters [aria-pressed=true]{text-underline-offset:8px;font-weight:700;text-decoration:underline}.memories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0;display:grid}.memory-card-photo{aspect-ratio:4/3;background:var(--wash);border:0;border-radius:12px;width:100%;padding:0;display:block;overflow:hidden}.memory-card-photo img{object-fit:cover;width:100%;height:100%}.memory-card-title{margin-top:12px;font-weight:700}.memory-date-note{font-size:13px;line-height:1.6}.memory-card .text-button{margin-top:8px}@media (max-width:640px){.memories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}@media (max-width:360px){.memories-grid{grid-template-columns:1fr}}.upload-status{overflow-wrap:anywhere;margin-block:12px}.upload-status p{margin-block:6px}.upload-job-list{max-height:240px;padding:0;list-style:none;overflow:auto}.upload-job-list li{border-bottom:1px solid var(--border,#e5e7eb);padding-block:8px}
.auth-panel{gap:20px;max-width:440px;margin:56px auto 90px;display:grid}.auth-panel h2{letter-spacing:-.04em;font-size:clamp(25px,4vw,32px);line-height:1.3}.account-email{overflow-wrap:anywhere}.account-settings>.inline-actions{align-items:center}.eyebrow{letter-spacing:.2em;color:var(--muted);font-size:11px;font-weight:650}.stack-form{gap:20px;display:grid}.stack-form label{gap:9px;font-size:14px;font-weight:600;display:grid}.stack-form input{background:#fff;border:1px solid #c8cbce;border-radius:8px;width:100%;min-height:48px;padding:12px 14px;font-weight:400}.stack-form input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stack-form button{margin-top:4px}.field-help{color:var(--muted);font-size:13px;font-weight:400;line-height:1.6}.form-error{color:#a82424;font-size:14px;line-height:1.6}.auth-alternate{text-align:center;color:var(--muted);font-size:14px}.auth-alternate a{color:var(--ink);margin-left:8px;text-decoration:underline}.secondary-button{background:var(--paper);min-height:44px;color:var(--ink);border:1px solid #c8cbce;border-radius:8px;justify-content:center;align-items:center;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.primary-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.inline-actions{flex-wrap:wrap;gap:12px;display:flex}.welcome-panel{justify-items:start;gap:24px;max-width:600px;margin:72px auto;display:grid}.welcome-panel h2{letter-spacing:-.045em;font-size:clamp(28px,5vw,44px);line-height:1.3}.welcome-panel>p{color:var(--muted);max-width:470px;line-height:1.8}.state-panel{gap:20px;max-width:520px;margin:60px auto;display:grid}.notice-panel{border:1px solid var(--line);background:var(--wash);border-radius:10px;gap:12px;width:100%;padding:20px;line-height:1.6;display:grid}.groups-page{gap:28px;max-width:760px;margin:24px auto 60px;display:grid}.groups-page .section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.group-list{display:grid}.group-list-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;gap:16px;width:100%;padding:20px 4px;display:flex}.group-list-row[aria-pressed=true]{color:var(--accent);font-weight:650}.settings-card{border-top:1px solid var(--line);gap:20px;padding-top:28px;display:grid}.settings-card h2{letter-spacing:-.03em;font-size:21px}.settings-card>button{justify-self:start}.invitation-result{background:var(--wash);border-radius:12px;justify-items:center;gap:16px;padding:24px;display:grid}.invitation-code{letter-spacing:.12em;-webkit-user-select:all;user-select:all;font-size:26px;font-weight:650}.invitation-url{overflow-wrap:anywhere;color:var(--muted);-webkit-user-select:all;user-select:all;font-size:12px}.invitation-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:14px;display:flex}.invite-preview{border-top:1px solid var(--line);gap:20px;padding-top:24px;display:grid}@media (max-width:600px){.auth-panel{margin-top:28px}.welcome-panel{gap:20px;margin:40px auto}.groups-page{margin-top:16px}.groups-page .section-heading{flex-direction:column;align-items:flex-start;gap:12px}.invitation-result{padding:16px}}.group-member-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.group-member-row>:first-child{overflow-wrap:anywhere;min-width:0}.group-member-row .inline-actions{flex-wrap:wrap;gap:16px}.account-deletion-form .danger-button{color:#fff;background:#a82424}.account-settings .group-list-row>p{overflow-wrap:anywhere;min-width:0}.suspended-notice{color:#92271f;background:#fff4f2;border-color:#f0c7c2}
.service-page{gap:24px;max-width:700px;margin:0 auto 60px;display:grid}.service-header{align-items:center;gap:8px;min-height:64px;margin-top:8px;display:flex}.service-header>.icon-button{margin-left:-10px}.service-header>h2{overflow-wrap:anywhere;flex:1;min-width:0;font-size:1.5rem}.service-header-action{flex:none;min-height:44px;padding:10px 16px}.service-state{color:var(--muted);text-align:center;margin:40px 0}.service-state-error{color:var(--ink);flex-direction:column;align-items:center;gap:14px;display:flex}.service-state-error>svg{color:#8b919c}.service-state-error h2{font-size:1.25rem}.service-state-error p{color:var(--muted);overflow-wrap:anywhere;max-width:420px}.service-state-error .inline-actions{justify-content:center}.service-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.service-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:72px;padding:14px 0;display:flex}a.service-row:hover .service-row-title{text-underline-offset:3px;text-decoration:underline}.service-row-copy{flex:1;gap:4px;min-width:0;display:grid}.service-row-title{overflow-wrap:anywhere;font-size:1rem;line-height:1.5}.service-row-meta,.service-meta{color:var(--muted);font-size:.875rem}.service-row>svg:last-child{color:var(--muted);width:18px}.service-more{justify-self:center;min-width:160px}.status-chip{background:var(--wash);color:#4f535a;white-space:nowrap;border-radius:999px;flex:none;align-items:center;min-height:26px;padding:3px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.status-chip[data-status=IN_PROGRESS],.status-chip[data-status=REVIEWING]{color:var(--accent);background:#eef2fa}.status-chip[data-status=ANSWERED],.status-chip[data-status=RESOLVED]{background:var(--accent);color:#fff}.service-article{gap:24px;display:grid}.service-meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.service-block{border-top:1px solid var(--line);gap:10px;padding-top:20px;display:grid}.service-block h3,.guide-topic-section h3{letter-spacing:-.02em;margin:0;font-size:1.0625rem;font-weight:650}.plain-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.service-form{gap:22px}.service-field{gap:8px;display:grid}.service-form select,.service-form textarea{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #c8cbce;border-radius:8px;padding:12px 14px;font-weight:400}.service-form textarea{resize:vertical;min-height:180px;line-height:1.65}.service-form [aria-invalid=true]{border-color:#a82424}.service-count{font-variant-numeric:tabular-nums;justify-self:end}.service-form .form-error{margin:0}.service-form>.primary{width:100%}.service-page .notice-panel>a{justify-self:start}.guide-topic-section{gap:12px;display:grid}.guide-points{gap:8px;margin:0;padding-left:1.25em;line-height:1.7;display:grid}.guide-points li::marker{color:var(--muted)}.guide-facts{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.guide-facts li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:14px 0;line-height:1.6;display:flex}.guide-fact-label{font-weight:600}@media (max-width:600px){.service-page{gap:20px}.service-header{min-height:56px;margin-top:0}.service-header>h2{font-size:1.25rem}.service-header-action{padding:10px 12px;font-size:.875rem}.guide-facts li{flex-direction:column}}.mypage .menu-row+.muted{margin-top:16px}.auth-privacy a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.report-dialog{background:var(--paper);max-height:calc(100dvh - 32px);overflow-y:auto}.report-dialog p{margin:0;font-size:.875rem;line-height:1.6}.report-dialog h2{font-size:1.25rem}.report-form,.report-done{gap:16px;display:grid}.report-reasons{border:0;gap:2px;margin:0;padding:0;display:grid}.report-reasons legend{margin-bottom:8px;padding:0;font-size:.875rem;font-weight:600}.report-reason{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:.9375rem;display:flex}.report-reason input{width:18px;height:18px;accent-color:var(--accent);margin:0}.report-reasons:disabled .report-reason{cursor:default;opacity:.6}.report-detail{gap:8px;display:grid}.report-detail>label{font-size:.875rem;font-weight:600}.report-dialog textarea.field{resize:vertical;min-height:104px;font:inherit;color:var(--ink);background:#fff;line-height:1.6}.report-detail-help{justify-content:space-between;gap:12px;display:flex}.report-count{font-variant-numeric:tabular-nums;flex:none}.report-dialog .management-confirm-actions{flex-wrap:wrap}.report-dialog button.primary{background:var(--accent);color:#fff;border-radius:10px;padding:12px 18px}.report-dialog button.secondary-button{background:var(--paper);color:var(--ink);border:1px solid #c8cbce;border-radius:8px}.report-dialog button:focus-visible,.report-dialog input:focus-visible,.report-dialog textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.service-row>.secondary-button{flex:none;min-height:40px;padding:8px 14px}.block-offer{border:1px solid var(--line);background:var(--wash);border-radius:10px;gap:10px;padding:16px;display:grid}.block-offer>.secondary-button{justify-self:start}.viewer-block-status{left:50%;bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:20;color:#1e2023;background:#f5f5f3;border-radius:12px;width:max-content;max-width:calc(100% - 32px);padding:12px 20px;font-size:.875rem;position:fixed;transform:translate(-50%);box-shadow:0 4px 22px #0006}.woori-viewer p.viewer-block-status{margin:0}