:root{--safe-bottom:env(safe-area-inset-bottom,0px);--canvas:#fff;--paper:#fff;--soft:#f5f5f5;--ink:#000;--mute:#999;--thread:#e5e5e5;--violet:#000;--rose:#ff3040;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);margin:0}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--violet) 45%, transparent);outline-offset:2px}.app{max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen{min-width:0;padding:20px 20px calc(20px + var(--safe-bottom));flex-direction:column;flex:1;display:flex}h1{letter-spacing:-.035em;word-break:keep-all;margin:40px 0 0;font-size:30px;font-weight:800;line-height:1.3}h2{letter-spacing:-.03em;word-break:keep-all;margin:12px 0 0;font-size:24px;font-weight:800;line-height:1.35}p{word-break:keep-all}.lede{color:var(--mute);margin:12px 0 0;font-size:16px;line-height:1.65}.promise{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.promise li{color:var(--mute);font-size:15px}.promise li:before{content:"✓";color:var(--violet);margin-right:8px;font-weight:800}.demo{background:var(--paper);border-radius:24px;margin-top:28px;padding:14px 20px;position:relative;box-shadow:0 12px 32px -16px #5a3ff047}.demo:before{content:"";background:var(--thread);width:2px;position:absolute;top:44px;bottom:44px;left:41px}.demo-row{align-items:center;gap:14px;padding:10px 0;display:flex;position:relative}.demo-row div{gap:2px;display:grid}.demo-row b{font-size:16px}.demo-row span{color:var(--mute);font-size:14px}.demo-row.gone{animation:3.2s ease-in-out .6s infinite leave}.demo-row.gone span{color:var(--rose);font-weight:600}@keyframes leave{0%,30%{opacity:1;transform:none}55%,75%{opacity:.25;transform:translate(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-row.gone{opacity:.45;animation:none}}.avatar{box-shadow:0 0 0 3px var(--paper);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:inline-grid;position:relative}.since{background:var(--paper);border-radius:14px;margin:20px 0 0;padding:14px 16px;font-size:15px;line-height:1.6}.actions{gap:4px;margin-top:auto;padding-top:24px;display:grid}.actions.sticky{margin-bottom:calc(-20px - var(--safe-bottom));background:linear-gradient(transparent, var(--canvas) 24px);padding-bottom:max(28px, calc(12px + var(--safe-bottom)));position:sticky;bottom:0}.primary{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:16px;padding:17px;font-size:17px;font-weight:700}.primary:active{transform:scale(.985)}.secondary{background:color-mix(in srgb, var(--violet) 12%, var(--paper));color:var(--violet);cursor:pointer;border:0;border-radius:16px;padding:16px;font-size:16px;font-weight:700}.actions .secondary{margin-top:6px}.quiet{color:var(--mute);cursor:pointer;background:0 0;border:0;padding:14px;font-size:15px;font-weight:600}.thread{margin:24px 0 0;padding:0;list-style:none}.thread>li{gap:14px;padding-bottom:22px;display:flex;position:relative}.thread>li:not(:last-child):before{content:"";background:var(--thread);width:2px;position:absolute;top:40px;bottom:4px;left:17px}.node{background:var(--paper);border:2px solid var(--thread);width:36px;height:36px;color:var(--violet);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.post{justify-items:start;gap:4px;padding-top:6px;display:grid}.post b{letter-spacing:-.02em;font-size:17px}.post p{color:var(--mute);margin:0;font-size:15px;line-height:1.6}.chip{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:8px;padding:9px 16px;font-size:14px;font-weight:700}.drop{border:2px dashed var(--thread);background:var(--paper);text-align:center;cursor:pointer;border-radius:20px;justify-items:center;gap:8px;margin-top:24px;padding:40px 24px;display:grid}.drop b{font-size:17px}.drop span:last-child{color:var(--mute);word-break:keep-all;font-size:14px;line-height:1.6}.drop-icon{background:var(--violet);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:30px;font-weight:300;line-height:1;display:grid}.drop:disabled .drop-icon{background:var(--thread);animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.4}}.error{background:color-mix(in srgb, var(--rose) 10%, var(--paper));color:#b4183f;border-radius:14px;margin:16px 0 0;padding:14px 16px;font-size:15px;line-height:1.6}.fine{color:var(--mute);margin:16px 0 0;font-size:14px}.range-card{background:var(--paper);border-radius:18px;margin-top:8px}.range{align-items:center;gap:10px;padding:12px 16px;display:flex}.range-foot{border-top:1px solid var(--canvas);align-items:center;gap:4px;padding:4px 8px 4px 16px;font-size:14px;display:flex}.range-foot span{color:var(--mute);flex:1}.range-foot button{color:var(--violet);cursor:pointer;background:0 0;border:0;padding:8px;font-size:14px;font-weight:700}.range-foot button+button{border-left:1px solid var(--thread);padding-left:12px}.range button{cursor:pointer;background:0 0;border:0;flex:1;justify-items:start;gap:2px;padding:2px 0;display:grid}.range button:last-child{justify-items:end}.range button:disabled{cursor:default}.range button:disabled b{color:var(--mute)}.range small{color:var(--mute);font-size:13px}.range b{letter-spacing:-.02em;color:var(--violet);font-size:18px}.range-line{background:var(--thread);flex:0 0 40px;height:2px;position:relative}.range-line:after{content:"";background:var(--violet);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:-2px}.verdict{margin-top:24px;font-size:28px}.sheet-dim{z-index:10;animation:fade .35s var(--ease);background:#1e1b2e66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;max-height:70dvh;padding:24px 20px calc(20px + var(--safe-bottom));background:var(--paper);animation:rise .5s var(--ease);border-radius:24px 24px 0 0;overflow-y:auto}.sheet>b{letter-spacing:-.02em;font-size:20px}.sheet>p{color:var(--mute);margin:6px 0 12px;font-size:14px}.sheet ul{margin:0;padding:0;list-style:none}.sheet li button{border:0;border-bottom:1px solid var(--canvas);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:15px 4px;display:flex}.sheet li button span{font-size:17px;font-weight:700}.sheet li button small{color:var(--mute);font-size:13px}.sheet li button[aria-pressed=true] span{color:var(--violet)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.sheet-dim,.sheet{animation:none}}.tally{color:var(--mute);margin:10px 0 0;font-size:14px;line-height:1.6}.tabs{z-index:5;background:var(--canvas);scrollbar-width:none;gap:8px;margin:12px -20px 0;padding:12px 20px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{background:var(--paper);color:var(--mute);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:9px 14px;font-size:15px;font-weight:600;display:inline-flex}.tabs button span{font-variant-numeric:tabular-nums}.tabs button[aria-selected=true]{background:var(--ink);color:#fff}.search{background:var(--paper);border:0;border-radius:12px;width:100%;margin-top:16px;padding:13px 16px;font-size:15px}.people{margin:12px 0 0;padding:0;list-style:none}.people button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:11px 0;display:flex}.who{flex:1;gap:2px;min-width:0;display:grid}.who b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.who small{color:var(--mute);font-size:13px}.tag{color:var(--rose);flex:none;font-size:13px;font-weight:700}.none{text-align:center;justify-items:center;gap:6px;padding:40px 12px 32px;display:grid}.none svg{fill:none;width:48px;height:48px;stroke:var(--violet);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}.none b{letter-spacing:-.02em;font-size:17px}.none p{color:var(--mute);margin:0;font-size:15px;line-height:1.6}.empty-state{background:var(--paper);border-radius:18px;margin-top:16px;padding:20px}.empty-state b{font-size:17px}.empty-state p{color:var(--mute);margin:6px 0 0;font-size:15px;line-height:1.65}.safety{background:color-mix(in srgb, var(--violet) 7%, var(--paper));border-radius:18px;margin-top:16px;padding:16px 18px}.safety b{color:var(--violet);font-size:16px}.safety ul{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.safety li{color:var(--ink);word-break:keep-all;padding-left:22px;font-size:14px;line-height:1.55;position:relative}.safety li:before{content:"";border-left:2px solid var(--violet);border-bottom:2px solid var(--violet);width:10px;height:6px;position:absolute;top:5px;left:2px;transform:rotate(-45deg)}.tag.ghost{background:var(--rose);color:#fff;border-radius:999px;padding:4px 9px;font-size:12px}.ghost-note{background:color-mix(in srgb, var(--rose) 9%, var(--paper));border-radius:14px;margin:16px 0 0;padding:12px 14px;font-size:14px;line-height:1.6}.ghost-note b{color:var(--rose)}.filter{border:1.5px solid var(--thread);background:var(--paper);color:var(--mute);cursor:pointer;border-radius:999px;align-self:flex-start;margin-top:16px;padding:8px 14px;font-size:14px;font-weight:600}.filter[aria-pressed=true]{border-color:var(--violet);color:var(--violet)}.log .post{width:100%}.log .post ul{width:100%;margin:8px 0 0;padding:0;list-style:none}.log .post li button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:6px 0;font-size:15px;font-weight:600;display:flex}.log .post li button span:nth-child(2){flex:1}.log .node{color:var(--rose)}.sheet.share{gap:4px;display:grid}.step .check{background:var(--paper);border:1px solid var(--thread);border-radius:16px;margin:4px 0 16px;padding:16px 18px}.step .check b{font-size:16px}.step .check ul{margin:6px 0 0;padding:0;list-style:none}.step .check li{padding:6px 0;font-size:16px}.step .check li:before{content:"✓";color:var(--violet);margin-right:10px;font-weight:800}.step .check em{font-style:normal;font-weight:800}.sheet.share img{border-radius:14px;justify-self:center;width:72%;margin:4px 0 12px;box-shadow:0 10px 30px -12px #5a3ff059}.shots{grid-template-columns:repeat(auto-fit,minmax(0,1fr));align-items:start;gap:8px;width:100%;margin-top:10px;display:grid}.shots img{border:1px solid var(--thread);background:var(--paper);border-radius:14px;width:100%}.post p+p{margin-top:-2px}.waiting{background:var(--paper);border-radius:18px;justify-items:start;margin-top:20px;padding:18px;display:grid}.waiting b{letter-spacing:-.02em;font-size:17px}.waiting ul{color:var(--mute);gap:6px;margin:10px 0 0;padding:0 0 0 18px;font-size:15px;line-height:1.55;display:grid}.place{margin-top:20px}.place>b{font-size:16px}.place>p{color:var(--mute);margin:8px 0 0;font-size:14px}.picker{background:var(--paper);border:1px solid var(--thread);border-radius:18px;gap:10px;margin-top:10px;padding:14px;display:grid}.picker-path{flex-wrap:wrap;gap:6px;display:flex}.picker-path span{background:var(--canvas);color:var(--mute);border-radius:999px;padding:5px 10px;font-size:13px}.picker-folder{letter-spacing:-.02em;font-size:20px;font-weight:800}.picker-file{outline:2px dashed var(--rose);outline-offset:2px;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.picker-file .zip{background:color-mix(in srgb, var(--violet) 14%, var(--paper));width:40px;height:48px;color:var(--violet);border-radius:6px;flex:none;place-items:end center;padding-bottom:6px;font-size:11px;font-weight:800;display:grid}.picker-file div{gap:2px;min-width:0;display:grid}.picker-file b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.picker-file small{color:var(--mute);font-size:13px}:root{--ease:cubic-bezier(.33, 1, .68, 1);--t-screen:.7s;--t-item:.9s;--gap:90ms}.app[data-dir=fwd] .screen,.app .screen.step[data-dir=fwd]{animation:push-in var(--t-screen) var(--ease)}.app[data-dir=back] .screen,.app .screen.step[data-dir=back]{animation:pop-in var(--t-screen) var(--ease)}@keyframes push-in{0%{transform:translate(28px)}}@keyframes pop-in{0%{transform:translate(-28px)}}.screen>:not(.sheet-dim){animation:float-up var(--t-item) var(--ease) both}.screen>:nth-child(2){animation-delay:calc(var(--gap) * 1)}.screen>:nth-child(3){animation-delay:calc(var(--gap) * 2)}.screen>:nth-child(4){animation-delay:calc(var(--gap) * 3)}.screen>:nth-child(5){animation-delay:calc(var(--gap) * 4)}.screen>:nth-child(n+6){animation-delay:calc(var(--gap) * 5)}.screen>.actions{animation-delay:calc(var(--gap) * 4)}.thread>li,.people>li{animation:float-up var(--t-item) var(--ease) both;animation-delay:calc(.2s + var(--i,0) * 70ms)}@keyframes float-up{0%{opacity:0;transform:translateY(12px)}}.count{font-variant-numeric:tabular-nums}.progress{gap:4px;margin-top:8px;display:flex}.progress span{background:var(--thread);height:4px;transition:background-color .5s var(--ease);border-radius:2px;flex:1}.progress span.on{background:var(--violet)}.step h2{margin-top:24px}.step .lede p{margin:0}.step .shots{grid-template-columns:1fr;gap:12px;margin-top:20px}.step .shots img{animation:none}.primary,.secondary,.chip,.quiet,.tabs button,.people button,.filter,.range button,.range-foot,.sheet li button,.drop,.log .post li button{transition:transform .2s var(--ease), background-color .2s, color .2s, border-color .2s, opacity .2s}.secondary:active,.chip:active,.tabs button:active,.filter:active,.drop:active{transform:scale(.96)}.people button:active,.sheet li button:active,.log .post li button:active,.range button:active,.quiet:active{opacity:.55}@media (prefers-reduced-motion:reduce){.screen,.screen>*,.thread>li,.people>li{animation:none!important}}.ad{width:calc(100% + 40px);height:96px;margin:28px -20px}.sample-note,.saved-note{background:var(--paper);color:var(--ink,inherit);border-radius:14px;margin:0 0 16px;padding:12px 14px;font-size:14px;line-height:1.5}.saved-note{margin:12px 0 4px}.result .ad{margin-top:36px;margin-bottom:56px}.tag.flip{border:1.5px solid var(--violet);color:var(--violet);border-radius:999px;padding:3px 8px;font-size:12px}.trend{background:var(--paper);border-radius:18px;margin:18px 0 0;padding:14px 16px 12px}.trend figcaption{color:var(--mute);justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.trend figcaption b{color:var(--violet);font-variant-numeric:tabular-nums;font-size:17px}.trend figcaption b.down{color:var(--rose)}.trend svg{width:100%;height:auto;margin-top:6px;display:block;overflow:visible}.trend polyline{fill:none;stroke:var(--violet);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.trend circle{fill:var(--paper);stroke:var(--violet);stroke-width:2px}.trend circle:last-of-type{fill:var(--violet)}.trend-axis{color:var(--mute);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.coach{z-index:40;animation:.3s both fade;position:fixed;inset:0}.spotlight{pointer-events:none;transition:top .3s var(--ease,ease), left .3s var(--ease,ease);border-radius:18px;position:fixed;box-shadow:0 0 0 200vmax #1410289e}.coach .hint{background:var(--paper);max-width:448px;color:var(--ink);animation:float-up .4s var(--ease,ease) .15s both;border-radius:18px;margin:0 auto;padding:16px 16px 14px 18px;position:fixed;left:16px;right:16px;box-shadow:0 16px 40px -12px #00000059}.coach .hint:before{content:"";left:var(--arrow,28px);background:var(--paper);border-radius:2px;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.coach .hint.below:before{top:-5px}.coach .hint.above:before{bottom:-5px}.coach .hint p{margin:0;font-size:15px;line-height:1.6}.coach .hint p b{color:var(--violet)}.coach .hint button{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:999px;margin:12px 0 0 auto;padding:9px 18px;font-size:14px;font-weight:700;display:block}.hinted{border-radius:14px}.tag.ghost,.tag.flip{cursor:help}@media (prefers-reduced-motion:reduce){.coach,.coach .hint,.spotlight{transition:none;animation:none}}.demo{box-shadow:none;border-radius:0;padding:4px 0}.demo:before{top:52px;bottom:52px;left:19px}.demo-row{padding:12px 0}.since,.range-card,.empty-state,.waiting,.trend,.sample-note,.saved-note,.picker,.step .check{background:var(--paper);border:1px solid var(--thread)}.safety{background:var(--soft)}.safety b{color:var(--ink)}.primary{border-radius:14px}.secondary{background:var(--paper);color:var(--ink);border:1px solid #d9d9d9}.tabs button{background:var(--paper);border:1px solid var(--thread);color:var(--ink);font-weight:600}.tabs button[aria-selected=true]{border-color:var(--ink)}.search{background:var(--soft)}.people>li+li{border-top:1px solid var(--thread)}.people button{padding:13px 0}.who b{font-weight:700}.range-foot{border-top-color:var(--thread)}.sheet li button{border-bottom-color:var(--thread)}.picker-path span{background:var(--soft)}.picker-file .zip{background:var(--soft);color:var(--ink)}.sheet-dim{background:#0006}.spotlight{box-shadow:0 0 0 200vmax #0000009e}.sheet.share img{border:1px solid var(--thread);box-shadow:0 10px 30px -12px #0000004d}.drop{border-color:#d9d9d9}:focus-visible{outline-color:#00000059}.native-back{top:calc(env(safe-area-inset-top) + 4px);z-index:20;color:#000;font:inherit;background:#fff;border:0;padding:10px 12px;font-size:16px;font-weight:600;position:fixed;left:8px}.toss-nudge{border-top:1px solid var(--line,#e5e5e5);color:var(--mute);margin:24px 0 0;padding-top:16px;font-size:14px}.toss-nudge p{margin:0 0 6px}.toss-nudge a{color:inherit;text-underline-offset:3px;font-weight:600;text-decoration:underline}.toss-nudge-links{align-items:center;gap:16px;display:flex}.toss-nudge-links button{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.sheet .primary,.sheet .secondary{margin-top:8px}.small-link{margin:16px auto 0;font-size:14px;display:block}.sheet.backup{gap:8px;display:grid}.sheet.backup>p{margin:0 0 8px}.sheet.backup>button{width:100%;margin:0}.sheet.backup>.fine{margin:4px 0 0}.sheet.backup>.quiet{justify-self:center;width:auto;margin-top:4px}.fine a{color:inherit}.actions.pair{grid-template-columns:1fr 2fr;gap:8px}.actions.pair .secondary{margin-top:0}.people>li.ad-row{list-style:none}.ad-row .ad{margin:8px -20px}:is(html:has(.sheet-dim),body:has(.sheet-dim)){overflow:hidden}.sheet{overscroll-behavior:contain}.people>li.ad-row:empty{display:none}:lang(ja) *,:lang(zh-Hant) *{overflow-wrap:anywhere;word-break:normal!important}
