:root{--void: #080807;--surface: #111010;--sheet: #171514;--surface-2: #221f1d;--surface-3: #1b1918;--line: #2b2724;--edge: #3a3430;--paper: #f0eadb;--ink: #dcd5c7;--ink-dim: #7c756c;--ink-faint: #4a4540;--terracotta: #b4674a;--gap: 3px;--cols: 3;--header-h: 52px;--dur: .2s;--ease: cubic-bezier(.2, .7, .3, 1);--mono: "Courier Prime", "Apple SD Gothic Neo", "Noto Sans KR", ui-monospace, monospace;--display: "Fraunces", "Apple SD Gothic Neo", "Noto Serif KR", Georgia, serif;color-scheme:dark}@media (min-width: 768px){:root{--cols: 4;--gap: 4px}}@media (min-width: 1120px){:root{--cols: 5;--gap: 5px}}@media (min-width: 1560px){:root{--cols: 6}}@media (prefers-reduced-motion: reduce){:root{--dur: 0ms}*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.7;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{display:block;max-width:100%}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.header{position:fixed;inset:0 0 auto;z-index:30;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) 12px 0 calc(var(--gap) + 8px);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--void) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.wordmark{font-family:var(--display);font-size:21px;font-weight:600;font-optical-sizing:auto;letter-spacing:-.005em;color:var(--ink);user-select:none;line-height:1}.header__action{width:34px;height:34px;display:grid;place-items:center;color:var(--ink-dim);transition:color var(--dur) var(--ease)}.header__action:hover,.header__action:focus-visible{color:var(--ink)}.header__action svg{display:block}.page{padding:calc(var(--header-h) + var(--safe-top) + 16px) 0 calc(96px + var(--safe-bottom));min-height:100%}.archive{min-height:0}.month{position:sticky;top:calc(var(--header-h) + var(--safe-top));z-index:20;margin:0;padding:11px var(--gap) 10px;background:var(--void);font-size:11px;letter-spacing:.26em;color:var(--ink-dim);user-select:none}.archive section>.grid{padding-bottom:26px}.archive section:first-child{padding-top:12px}.grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--gap);padding:0 var(--gap)}.cell{position:relative;aspect-ratio:3 / 4;background:var(--surface);overflow:hidden;border-radius:0;display:block;width:100%}.cell img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .26s ease-out}.cell img.is-loaded{opacity:1}.cell--today{background:transparent;border:1px dashed var(--ink-faint);display:grid;place-items:center;color:var(--ink-faint);transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.cell--today:hover,.cell--today:focus-visible{border-color:var(--ink-dim);color:var(--ink-dim)}.cell--today svg{display:block}.cell--working{border-color:var(--ink-dim);color:var(--ink-dim);background:var(--surface);--work-blur: 4px}.cell img.cell__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:none}.cell__state{position:absolute;inset:auto 0 14px;text-align:center;font-size:9px;letter-spacing:.16em;color:var(--ink);text-shadow:0 1px 6px rgba(0,0,0,.9)}.cell__bar{position:absolute;inset:auto 0 0;height:2px;background:#ffffff12;overflow:hidden}.cell__bar:after{content:"";position:absolute;inset:0;width:38%;background:var(--paper);animation:sweep 1.7s var(--ease) infinite}@keyframes sweep{0%{transform:translate(-110%)}to{transform:translate(300%)}}.cell--failed{border-color:color-mix(in srgb,var(--terracotta) 55%,transparent);color:var(--terracotta)}.cell--failed .mark{font-size:15px}.sample{padding:34px var(--gap) 0;color:var(--ink-dim)}.sample__title{font-size:11px;letter-spacing:.26em;color:var(--ink)}.grid--sample .cell{opacity:.78}.header__login{padding:7px 12px;font-size:11px;letter-spacing:.1em;color:var(--ink-dim);border:1px solid var(--line);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.header__login:hover,.header__login:focus-visible{color:var(--ink);border-color:var(--edge)}.notice{margin:16px var(--gap) 4px;padding:12px 14px;border:1px solid var(--edge);background:var(--sheet);font-size:11px;letter-spacing:.04em;color:var(--ink-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;background:var(--surface-2);color:var(--ink);border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.04em;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:active{transform:scale(.985)}.btn[disabled]{opacity:.45;cursor:default}.btn--primary{background:var(--paper);color:var(--void)}.btn--primary:hover:not([disabled]){background:#fff}.btn--ghost{background:var(--surface-2);border-color:var(--line)}.btn--ghost:hover:not([disabled]){border-color:var(--edge)}.btn--quiet{background:var(--surface-3);color:var(--ink-dim);border-color:var(--line);justify-content:flex-end}.btn--quiet:hover,.btn--quiet:focus-visible{color:var(--ink);border-color:var(--edge)}.btn--danger{background:transparent;color:var(--terracotta);border-color:color-mix(in srgb,var(--terracotta) 45%,transparent)}.btn--danger:hover:not([disabled]){background:color-mix(in srgb,var(--terracotta) 12%,transparent)}.scrim{position:fixed;inset:0;z-index:40;overscroll-behavior:contain;background:color-mix(in srgb,var(--void) 62%,transparent);backdrop-filter:blur(3px) saturate(.75);-webkit-backdrop-filter:blur(3px) saturate(.75);display:flex;flex-direction:column;padding:20px;animation:fade var(--dur) var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{margin:auto;width:min(420px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:24px 22px calc(24px + var(--safe-bottom));background:var(--sheet);border:1px solid var(--edge);box-shadow:0 28px 70px #000c,0 2px #ffffff08 inset;display:flex;flex-direction:column;gap:16px;animation:rise var(--dur) var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.sheet__title{font-size:12px;letter-spacing:.1em;color:var(--ink-dim)}.sheet__body{color:var(--ink)}.sheet__note{font-size:11px;letter-spacing:.06em;color:var(--ink-dim)}.sheet__note--alert{color:var(--terracotta)}.sheet__row{display:flex;gap:10px}.sheet__row .btn{flex:1;justify-content:center}.viewer{position:fixed;inset:0;z-index:50;background:var(--void);display:flex;flex-direction:column}.viewer__stage{flex:1 1 0;min-height:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top, 0px)) 14px 14px}.viewer__frame{position:relative;display:flex;max-width:100%;max-height:100%;min-width:0;min-height:0;overflow:hidden}.viewer__stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity .22s ease-out}.viewer__stage img.is-loaded{opacity:1}.viewer__frame--working{--work-blur: 7px}.viewer__frame--working img.working-img{transform:none}.viewer__skeleton{position:absolute;inset:40% 32% auto;height:2px;background:var(--line);overflow:hidden}.viewer__skeleton:after{content:"";position:absolute;inset:0;width:40%;background:var(--ink-dim);animation:sweep 1.5s var(--ease) infinite}.viewer__bar{display:flex;align-items:center;justify-content:space-between;padding:8px 8px calc(8px + var(--safe-bottom))}.viewer__nav{padding:12px 18px;color:var(--ink-dim);font-size:16px}.viewer__nav[disabled]{opacity:.25}.viewer__actions{display:flex;align-items:center;gap:2px}.viewer__close{padding:12px 16px;color:var(--ink-dim);font-size:11px;letter-spacing:.08em}.viewer__act{display:grid;place-items:center;padding:11px 12px;color:var(--ink-dim)}.viewer__act svg{width:19px;height:19px}.viewer__act:hover:not([disabled]),.viewer__act:focus-visible{color:var(--ink)}.viewer__act[disabled]{opacity:.45}.viewer__act--danger:hover,.viewer__act--danger:focus-visible{color:var(--terracotta)}.list{display:flex;flex-direction:column}.list__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);text-align:left;width:100%}.list__row:last-child{border-bottom:0}.list__label{color:var(--ink)}.list__value{color:var(--ink-dim);font-size:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shimmer{position:absolute;inset:0;background:var(--surface);overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--ink) 7%,transparent) 42%,color-mix(in srgb,var(--ink) 11%,transparent) 50%,color-mix(in srgb,var(--ink) 7%,transparent) 58%,transparent 80%);transform:translate(-100%);animation:shimmer 1.5s var(--ease) infinite}.cell--skel{position:relative;overflow:hidden;background:var(--surface)}.cell--skel:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--ink) 6%,transparent) 50%,transparent 80%);transform:translate(-100%);animation:shimmer 1.6s var(--ease) infinite}.cell--skel:nth-child(3n+2):after{animation-delay:.18s}.cell--skel:nth-child(3n+3):after{animation-delay:.36s}@keyframes shimmer{to{transform:translate(100%)}}.stage{position:relative;width:100%;aspect-ratio:3 / 4;background:var(--surface);overflow:hidden;display:grid;place-items:center;color:var(--ink-faint)}.stage__img{width:100%;height:100%;object-fit:cover;display:block}.stage__img--empty{background:var(--surface)}.stage--confirm{cursor:default}.stage__dim{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--void) 22%,transparent),color-mix(in srgb,var(--void) 52%,transparent) 45%,color-mix(in srgb,var(--void) 66%,transparent))}.stage__actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px}.stage--empty{border:1px dashed var(--ink-faint);background:transparent;cursor:pointer}.stage--empty:hover{color:var(--ink-dim);border-color:var(--ink-dim)}.stage--skeleton{position:relative;overflow:hidden}.stage--skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--ink) 8%,transparent) 50%,transparent 80%);transform:translate(-100%);animation:shimmer 1.5s var(--ease) infinite}.working-img{filter:blur(var(--work-blur, 9px)) saturate(.5) contrast(1.05) brightness(.62);transform:scale(1.06);animation:workBreathe 3.2s var(--ease) infinite}.ink-sweep{position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,color-mix(in srgb,var(--paper) 26%,transparent) 47%,color-mix(in srgb,var(--paper) 46%,transparent) 50%,color-mix(in srgb,var(--paper) 26%,transparent) 53%,transparent 66%);mix-blend-mode:screen;transform:translate(-120%);animation:inkSweep 2.1s var(--ease) infinite}.paper-grain{position:absolute;inset:0;opacity:.3;mix-blend-mode:overlay;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.5) .5px,transparent .6px);background-size:3px 3px;animation:grainShift 1.1s steps(3) infinite}@keyframes workBreathe{0%,to{opacity:.5}50%{opacity:.72}}@keyframes inkSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes grainShift{0%{background-position:0 0}33%{background-position:1px 2px}66%{background-position:2px 1px}to{background-position:0 0}}.note-input{width:100%;padding:12px 13px;background:var(--void);border:1px solid var(--line);color:var(--ink);font:inherit;font-size:13px;line-height:1.7;resize:none;overflow-y:auto;transition:border-color var(--dur) var(--ease)}.note-input::placeholder{color:var(--ink-faint)}.note-input:focus{outline:none;border-color:var(--ink-dim)}.act{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;transition:transform .12s var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.act svg{width:25px;height:25px}.act:hover:not([disabled]){transform:translateY(-1px)}.act:active:not([disabled]){transform:scale(.93)}.act[disabled]{opacity:.55}.act--primary{background:var(--paper);color:var(--void)}.act--ghost{color:var(--paper);cursor:pointer;background:color-mix(in srgb,var(--void) 52%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--paper) 34%,transparent)}.act--ghost:hover{background:color-mix(in srgb,var(--void) 34%,transparent)}.act__ring{position:absolute;inset:-5px;border-radius:50%;border:1.5px solid transparent;opacity:0}.act.is-busy .act__ring{opacity:1;border-top-color:var(--paper);border-right-color:color-mix(in srgb,var(--paper) 35%,transparent);animation:spin .8s linear infinite}.act.is-busy{animation:stampPulse 1.2s var(--ease) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stampPulse{0%,to{background:var(--paper)}50%{background:var(--ink)}}.act.is-gated{background:var(--paper);color:var(--void)}.act__ad{position:absolute;right:-6px;bottom:-4px;display:grid;place-items:center;min-width:26px;height:18px;padding:0 5px;border-radius:9px;background:var(--void);color:var(--paper);border:1px solid var(--edge);font-size:9px;font-weight:700;letter-spacing:.1em;line-height:1;animation:adBreathe 2.6s var(--ease) infinite}@keyframes adBreathe{0%,to{opacity:.78}50%{opacity:1}}.act.is-unlocked{animation:unlockPop .62s var(--ease)}.act__ripple{position:absolute;inset:0;border-radius:50%;border:2px solid var(--paper);animation:unlockRipple .9s var(--ease) forwards;pointer-events:none}.act__ripple:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--paper) 60%,transparent);animation:unlockRipple .9s .22s var(--ease) forwards}@keyframes unlockPop{0%{transform:scale(1)}38%{transform:scale(1.16)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes unlockRipple{0%{transform:scale(1);opacity:.9}to{transform:scale(2.1);opacity:0}}.scrim--nested{z-index:60}.sheet--sm{width:min(340px,100%);gap:14px}.settings__legal{display:flex;justify-content:center;gap:8px}.settings__legal a{color:var(--ink-dim);text-decoration:none;border-bottom:1px solid var(--line)}.settings__legal a:hover,.settings__legal a:focus-visible{color:var(--ink);border-color:var(--edge)}.report{display:flex;flex-direction:column;gap:8px}.report__item{justify-content:flex-start;padding:12px 16px;font-weight:400;letter-spacing:.02em}.sample{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sample__close{font-size:11px;letter-spacing:.08em;color:var(--ink-dim);padding:4px 2px}.sample__close:hover{color:var(--ink)}.browse{display:flex;justify-content:center;padding:40px var(--gap) 22px}.browse__btn{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;color:var(--ink-dim);border:1px solid var(--line);font-size:11px;letter-spacing:.16em;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.browse__btn svg{width:15px;height:15px}.browse__btn:hover,.browse__btn:focus-visible{color:var(--ink);border-color:var(--ink-faint)}.caption{padding:0 16px 4px;max-width:640px;width:100%;margin:0 auto}.caption__text{color:var(--ink);font-size:13px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap;word-break:break-word}.caption.is-open .caption__text{-webkit-line-clamp:unset;max-height:34vh;overflow-y:auto}.caption__row{display:flex;align-items:center;gap:10px;margin-top:6px}.caption__more{color:var(--ink-dim);font-size:11px;letter-spacing:.06em;padding:4px 0}.caption__more:hover{color:var(--ink)}.caption__edit{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;color:var(--ink-faint)}.caption__edit svg{width:16px;height:16px}.caption__edit:hover{color:var(--ink)}.caption__hint{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--ink-faint);font-size:12px;letter-spacing:.02em;transition:color var(--dur) var(--ease)}.caption__hint svg{width:15px;height:15px}.caption__hint:hover{color:var(--ink-dim)}.caption__form{display:flex;flex-direction:column;gap:10px;padding:4px 0 2px}.caption__form .btn{flex:1;justify-content:center}.caption__form .caption__row{margin-top:0}.toasts{position:fixed;z-index:90;left:0;right:0;bottom:calc(22px + var(--safe-bottom, 0px));display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 20px;pointer-events:none}.toast{min-width:200px;max-width:min(420px,100%);padding:11px 15px;background:color-mix(in srgb,var(--sheet) 94%,transparent);border:1px solid var(--edge);box-shadow:0 12px 34px #0009;color:var(--ink);font-size:12px;letter-spacing:.02em;animation:rise .18s var(--ease)}.toast--error{border-color:color-mix(in srgb,var(--terracotta) 55%,transparent);color:var(--terracotta)}.toast__text{display:block}.toast__track{display:block;margin-top:9px;height:2px;background:color-mix(in srgb,var(--ink) 14%,transparent);overflow:hidden}.toast__fill{display:block;height:100%;background:var(--paper);transition:width .14s linear}