@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--bg-primary:#0a0a0f;--bg-secondary:#1a1a22;--bg-surface:#25252f;--bg-elevated:#2f2f3a;--accent-primary:#f5c77e;--accent-primary-hover:#e8b468;--accent-secondary:#ff8c5a;--text-primary:#fafafa;--text-secondary:#a0a0b0;--text-tertiary:#6b6b7a;--text-disabled:#4a4a55;--border-default:#2f2f3a;--border-strong:#3f3f4a;--state-success:#7ac74f;--state-error:#e85a4f;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-ko:"Pretendard", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;font-family:var(--font-ko);color:var(--text-primary);background-color:var(--bg-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{background-color:var(--bg-primary);width:100%;min-height:100vh;margin:0;padding:0}#root{flex-direction:column;display:flex}button{font-family:var(--font-ko);cursor:pointer;border:none}h1,h2,h3,p{margin:0}.splashscreen{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splashscreen__inner{flex-direction:column;align-items:center;animation:.9s both splash-in;display:flex}.splashscreen__logo{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(52px,16vw,76px);font-weight:700}.splashscreen__one{color:var(--accent-primary);animation:2s ease-in-out infinite splash-glow}.splashscreen__tag{color:var(--text-secondary);margin-top:var(--spacing-md);opacity:0;font-size:15px;animation:.9s .5s forwards splash-fade}.splashscreen__bar{background:var(--bg-elevated);opacity:0;border-radius:2px;width:120px;height:2px;animation:.6s .6s forwards splash-fade;position:absolute;bottom:14%;overflow:hidden}.splashscreen__bar span{background:var(--accent-primary);border-radius:2px;width:40%;height:100%;animation:1.2s ease-in-out infinite splash-slide;display:block}@keyframes splash-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes splash-fade{to{opacity:1}}@keyframes splash-glow{0%,to{opacity:1;text-shadow:0 0 18px #f5c77e73}50%{opacity:.85;text-shadow:0 0 6px #f5c77e33}}@keyframes splash-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.splash,.login,.home{min-height:100vh;padding:var(--spacing-lg);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.splash{color:var(--text-tertiary)}.login__brand{margin-bottom:var(--spacing-xxxl)}.login__title,.home__title{color:var(--text-primary);margin-bottom:var(--spacing-xs);letter-spacing:-.02em;font-size:clamp(44px,12vw,56px);font-weight:700}.login__one{color:var(--accent-primary)}.login__eyebrow{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--spacing-md);font-size:13px;font-weight:500}.login__tagline{color:var(--text-secondary);max-width:360px;margin:var(--spacing-md) auto 0;font-size:15px;line-height:1.6}.login__buttons,.home__buttons{gap:var(--spacing-sm);flex-direction:column;width:100%;max-width:340px;display:flex}.login__notice{color:var(--text-tertiary);margin-top:var(--spacing-xl);max-width:300px;font-size:12px;line-height:1.5}.login__error{color:var(--state-error);margin-top:var(--spacing-md);max-width:320px;font-size:13px}.home{padding-top:var(--spacing-xxl);justify-content:flex-start;width:100%;max-width:520px;margin:0 auto}.home__top{justify-content:space-between;align-items:center;width:100%;display:flex}.home__title{font-size:36px;font-weight:700}.home__signout{color:var(--text-tertiary);background:0 0;font-size:13px}.home__welcome{text-align:left;width:100%;color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:14px}.home__today{width:100%;margin-bottom:var(--spacing-xl)}.home__bigCta{aspect-ratio:16/9;background:var(--bg-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);width:100%;color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;font-size:16px;font-weight:600;display:flex}.home__bigEmoji{font-size:40px}.home__todayDone{width:100%}.home__todayMedia{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-surface);width:100%;overflow:hidden}.home__todayMedia img,.home__todayMedia video{object-fit:cover;width:100%;height:100%}.home__todayText{color:var(--state-success);margin-top:var(--spacing-sm);font-size:14px;font-weight:600}.home__progress{background:var(--bg-secondary);border-radius:var(--radius-md);width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-xl)}.home__progressHead{color:var(--text-primary);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.home__progressCount{color:var(--accent-primary);font-variant-numeric:tabular-nums}.home__progressBar{background:var(--bg-elevated);border-radius:4px;width:100%;height:8px;overflow:hidden}.home__progressBar span{background:var(--premium-gradient,linear-gradient(135deg, #f5c77e 0%, #ff8c5a 100%));border-radius:4px;height:100%;transition:width .5s;display:block}.home__progressMsg{color:var(--text-secondary);margin-top:var(--spacing-sm);font-size:13px}.btn--locked{background-color:var(--bg-surface);color:var(--text-tertiary);cursor:default}.home__recent{width:100%;margin-bottom:var(--spacing-xl)}.home__recentHead{color:var(--text-secondary);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;font-size:14px;display:flex}.home__link{color:var(--accent-primary);background:0 0;font-size:13px}.home__strip{gap:var(--spacing-xs);padding-bottom:4px;display:flex;overflow-x:auto}.home__thumb{border-radius:var(--radius-sm);background:var(--bg-surface);flex:none;width:72px;height:72px;padding:0;overflow:hidden}.home__thumb img,.home__thumb video{object-fit:cover;width:100%;height:100%}.timeline{width:100%;max-width:520px;min-height:100vh;padding:var(--spacing-lg);flex:1;margin:0 auto}.timeline__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.timeline__back{width:32px;height:32px;color:var(--text-primary);background:0 0;font-size:28px;line-height:1}.timeline__title{font-size:18px;font-weight:600}.timeline__hint{color:var(--text-tertiary);text-align:center;margin-top:var(--spacing-xxl);font-size:14px}.timeline__grid{gap:var(--spacing-lg);flex-direction:column;display:flex}.entry{width:100%}.entry__media{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-surface);width:100%;overflow:hidden}.entry__media img,.entry__media video{object-fit:cover;width:100%;height:100%}.entry__empty{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:13px;display:flex}.entry__meta{padding:var(--spacing-sm) 2px 0}.entry__date{color:var(--text-secondary);font-size:13px;font-weight:600}.entry__caption{color:var(--text-primary);margin-top:4px;font-size:15px;line-height:1.5}.upload{min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;flex:1;width:100%;max-width:520px;margin:0 auto;display:flex}.upload--camera{background:#000;justify-content:flex-start;max-width:none;padding:0}.upload__cam{object-fit:cover;width:100%;height:100vh}.upload__cam--mirror{transform:scaleX(-1)}.upload__modeToggle{background:#00000073;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.upload__mode{color:var(--text-primary);background:0 0;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.upload__mode.is-active{background:var(--accent-primary);color:var(--bg-primary)}.upload__controls{padding:0 var(--spacing-xl);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:40px;left:0;right:0}.upload__close{width:44px;height:44px;color:var(--text-primary);background:0 0;font-size:24px;line-height:1}.upload__shutter{background:var(--accent-primary);border:4px solid var(--text-primary);border-radius:50%;width:72px;height:72px}.upload__shutter.is-recording{background:var(--state-error);border-color:var(--state-error)}.upload__rec{color:var(--state-error);font-size:14px;font-weight:600;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}.upload__preview{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-surface);width:100%;overflow:hidden}.upload__preview img,.upload__preview video{object-fit:cover;width:100%;height:100%}.upload__caption{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;padding:var(--spacing-md);color:var(--text-primary);font-family:var(--font-ko);resize:none;min-height:72px;font-size:16px}.upload__caption:focus{border-color:var(--accent-primary);outline:none}.upload__counter{text-align:right;width:100%;color:var(--text-tertiary);margin-top:-8px;font-size:12px}.upload__error{color:var(--state-error);text-align:center;font-size:13px}.upload__row{gap:var(--spacing-sm);width:100%;display:flex}.upload__row .btn{flex:1}.btn{padding:14px var(--spacing-xl);border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:opacity .15s,background-color .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--kakao{color:#191600;background-color:#fee500}.btn--google{background-color:var(--text-primary);color:var(--bg-primary)}.btn--primary{background-color:var(--accent-primary);color:var(--bg-primary)}.btn--primary:hover{background-color:var(--accent-primary-hover)}.btn--ghost{color:var(--text-primary);border:1px solid var(--border-strong);background-color:#0000}.btn--ghost:hover{background-color:var(--bg-surface)}.btn--recap{background:var(--premium-gradient,linear-gradient(135deg, #f5c77e 0%, #ff8c5a 100%));color:var(--bg-primary)}.recap{z-index:50;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.recap--center{gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center;flex-direction:column}.recap__fade{animation:.6s recap-fade}@keyframes recap-fade{0%{opacity:0}to{opacity:1}}.recap__eyebrow{color:var(--text-secondary);letter-spacing:1px;font-size:14px}.recap__bigtitle{color:var(--text-primary);font-size:clamp(48px,14vw,72px);font-weight:700}.recap__sub{color:var(--text-secondary);font-size:16px}.recap__range{color:var(--accent-primary);letter-spacing:2px;margin-top:var(--spacing-xs);opacity:0;font-size:15px;animation:.8s .3s forwards splash-fade}.recap__credits{flex-direction:column;align-items:center;gap:6px;display:flex}.recap__creditsTitle{color:var(--text-primary);opacity:0;font-size:clamp(40px,12vw,60px);font-weight:700;animation:.9s .1s both splash-in}.recap__creditsRange{color:var(--accent-primary);letter-spacing:2px;opacity:0;font-size:14px;animation:.8s .6s forwards splash-fade}.recap__creditsCount{color:var(--text-secondary);opacity:0;font-size:14px;animation:.8s .9s forwards splash-fade}.recap__creditsTag{color:var(--text-primary);margin-top:var(--spacing-md);opacity:0;font-size:16px;font-weight:600;animation:.8s 1.3s forwards splash-fade}.recap__hint{color:var(--text-tertiary);font-size:15px}.recap__outroBtns{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.recap__stage{justify-content:center;align-items:center;width:100%;height:100%;animation:.7s both recap-clip-in;display:flex;position:relative}.recap__stage img,.recap__stage video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.recap__kenburns{animation:4s ease-out both recap-kenburns}@keyframes recap-clip-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes recap-kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.recap__letterbox{z-index:5;pointer-events:none;background:#000;height:7vh;position:fixed;left:0;right:0}.recap__letterbox--top{top:0}.recap__letterbox--bottom{bottom:0}.recap__stamp{color:#ffffffd9;letter-spacing:1px;text-shadow:0 1px 4px #000c;z-index:6;font-size:13px;font-weight:600;position:absolute;bottom:calc(7vh + 14px);left:18px}.recap__caption{text-align:center;color:#fff;text-shadow:0 2px 8px #000000b3;padding:0 var(--spacing-lg);font-size:18px;font-weight:600;position:absolute;bottom:12%;left:0;right:0}.recap__progress{gap:4px;display:flex;position:fixed;top:16px;left:16px;right:108px}.recap__dot{background:#ffffff4d;border-radius:2px;flex:1;height:3px}.recap__dot.is-on{background:var(--accent-primary)}.recap__close{color:#fff;background:#0006;border-radius:50%;width:40px;height:40px;font-size:20px;line-height:1;position:fixed;top:12px;right:12px}.recap__mute{background:#0006;border-radius:50%;width:40px;height:40px;font-size:18px;line-height:1;position:fixed;top:12px;right:60px}.recap{--tint:245, 199, 126}.recap--warm{--tint:245, 180, 90}.recap--calm{--tint:120, 170, 235}.recap--vivid{--tint:255, 120, 150}.recap--tender{--tint:235, 150, 180}.recap__tint{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 38%, rgba(var(--tint), .18), rgba(var(--tint), .06) 55%, transparent 82%);mix-blend-mode:soft-light;position:absolute;inset:0}.recap__stamp,.recap__caption{z-index:2}.recap--center:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 32%, rgba(var(--tint), .12), transparent 68%);position:absolute;inset:0}.recap--center>*{z-index:1;position:relative}.recap__aititle{word-break:keep-all;text-wrap:balance;padding:0 18px;font-size:clamp(30px,9vw,48px);line-height:1.25}