:root{color:#242d2a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#242d2a;--muted:#686e6a;--jade:#386550;--jade-soft:#edf4ef;--rose:#a14e69;--rose-soft:#f8edf1;--rule:#eceeec;--body:1.0625rem;--secondary:.9375rem;--caption:.8125rem;background:#eff1ef;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--rose);outline-offset:4px}h1:focus{outline:none}h1,h2,h3,p{margin:0}svg{flex:none}.num{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:100%;max-width:440px;min-height:100dvh;font-size:var(--body);background:#fff;margin:0 auto;line-height:1.5}.large-text{--body:1.25rem;--secondary:1.0625rem;--caption:.9375rem}.app-header{background:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 24px;display:flex}.brand{align-items:center;gap:9px;min-height:44px;display:inline-flex}.brand img{object-fit:contain}.brand span{letter-spacing:-.07em;font-size:23px;font-weight:700}.preview-button{min-height:44px;color:var(--muted);font-size:var(--caption);align-items:center;gap:5px;display:flex}.preview-dot{background:var(--jade);border-radius:50%;width:5px;height:5px;margin-right:1px}main{padding:15px 24px 112px}.page-heading{margin-bottom:28px}h1{letter-spacing:-.035em;word-break:keep-all;font-size:28px;font-weight:700;line-height:1.3}.page-heading p{color:var(--muted);font-size:var(--secondary);letter-spacing:-.025em;word-break:keep-all;margin-top:9px;line-height:1.6}h2{letter-spacing:-.035em;font-size:19px;font-weight:650;line-height:1.4}.section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:10px;display:flex}.text-button{min-height:44px;font-size:var(--secondary);color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;gap:3px;display:inline-flex}.balance-card{background:var(--jade-soft);border-radius:24px;padding:25px 26px 0}.balance-label{color:#4c6054;font-size:var(--secondary);font-weight:500}.balance-value{margin-top:7px;font-size:40px;font-weight:650;line-height:1.3}.balance-value>span{margin-left:5px;font-size:25px;font-weight:500}.today-earnings{font-size:var(--secondary);color:var(--jade);flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;font-weight:600;display:flex}.today-earnings>span{color:#5b6c61;font-size:var(--caption);font-weight:400}.balance-link{width:100%;min-height:60px;font-size:var(--secondary);color:var(--rose);border-top:1px solid #d6e3da;justify-content:space-between;align-items:center;margin-top:23px;font-weight:550;display:flex}.home-sharing{margin-top:29px}.sharing-summary{text-align:left;background:#f6f7f6;border-radius:20px;align-items:center;gap:16px;width:100%;padding:19px 20px;display:flex}.sharing-summary>span{font-size:var(--secondary);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sharing-summary>span:first-child{border-right:1px solid #dee2df;padding-right:16px}.sharing-summary strong{margin-left:3px;font-size:22px;font-weight:600;line-height:1.2}.sharing-summary small{font-size:var(--secondary);margin-left:2px;font-weight:400}.sharing-summary>svg{color:var(--muted);margin-left:auto}.status-dot{background:var(--jade);border-radius:50%;width:6px;height:6px}.weekly-section{margin-top:29px}.section-heading select{max-width:110px;min-height:44px;font-size:var(--secondary);cursor:pointer;background:#f6f7f6;border:0;border-radius:10px;padding:0 12px}.chart-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-summary strong{font-size:26px;font-weight:600}.chart-summary strong span{font-size:var(--secondary);margin-left:3px;font-weight:500}.chart-summary>span{font-size:var(--caption);color:var(--muted)}.chart{gap:9px;height:151px;margin-top:20px;display:flex}.chart-scale{width:40px;height:119px;color:var(--muted);flex-direction:column;flex:none;justify-content:space-between;font-size:11px;line-height:1;display:flex}.chart-plot{gap:5px;width:100%;display:flex;position:relative}.chart-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:3px 0 34px}.chart-lines i{border-top:1px solid var(--rule);width:100%}.chart-column{border-radius:4px;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.bar-space{justify-content:center;align-items:end;width:100%;height:120px;display:flex}.bar{background:#b3cbbb;border-radius:4px 4px 0 0;width:66%;max-width:28px;min-height:0;display:block}.selected .bar{background:var(--jade)}.day-label{color:var(--muted);font-size:var(--caption);margin-top:9px}.selected .day-label{color:var(--jade);font-weight:700}.chart-caption{color:var(--muted);font-size:var(--caption);justify-content:center;align-items:center;gap:9px;margin-top:8px;display:flex}.chart-caption strong{color:var(--jade);font-weight:550}.recent-section{margin-top:30px}.earning-row{text-align:left;border-bottom:1px solid var(--rule);align-items:center;gap:10px;width:100%;min-height:83px;padding:15px 0;display:flex}.earning-row:last-child{border-bottom:0}.earning-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.earning-copy strong{font-size:var(--body);letter-spacing:-.035em;word-break:keep-all;font-weight:550}.earning-copy>span{color:var(--muted);font-size:var(--caption);letter-spacing:-.02em}.earning-amount{font-size:var(--body);color:var(--jade);text-align:right;white-space:nowrap;flex-direction:column;gap:5px;font-weight:600;display:flex}.earning-amount small{font-size:var(--caption);color:var(--muted);letter-spacing:0;font-weight:400}.earning-row>svg{color:var(--muted)}.ownership-note{color:var(--jade);background:#f6f8f6;border-radius:20px;justify-content:center;align-items:center;gap:11px;margin-top:28px;padding:20px 12px;display:flex}.ownership-note p{font-size:var(--caption);color:var(--muted);line-height:1.8}.ownership-note strong{color:var(--ink);font-weight:500}.demo-note{font-size:var(--caption);text-align:center;color:var(--muted);margin-top:32px;line-height:1.7}.bottom-nav{z-index:10;width:min(100%,440px);min-height:82px;padding:9px 12px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{min-height:57px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:3px 0;font-size:12px;display:flex}.bottom-nav a[aria-current]{color:var(--ink);font-weight:650}.nav-icon{border-radius:10px;justify-content:center;align-items:center;width:46px;height:28px;display:flex}.bottom-nav a[aria-current] .nav-icon{background:var(--rose-soft);color:var(--rose)}.bottom-nav a[aria-current] svg{stroke-width:2px}.privacy-intro{background:var(--jade-soft);color:var(--jade);border-radius:20px;align-items:center;gap:13px;margin:0 0 28px;padding:20px;display:flex}.privacy-intro p{color:#4d6154;font-size:var(--secondary);line-height:1.6}.privacy-intro strong{color:var(--ink);font-weight:500}.segments{background:#f2f3f2;border-radius:12px;gap:4px;width:100%;padding:4px;display:flex}.segments button{min-height:44px;font-size:var(--secondary);color:var(--muted);white-space:nowrap;border-radius:9px;flex:1;padding:5px 6px}.segments button[aria-pressed=true]{color:var(--ink);background:#fff;font-weight:600}.data-list{margin-top:16px}.data-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:14px;min-height:92px;padding:17px 0;display:flex}.data-row:last-child{border-bottom:0}.data-row label{font-size:var(--body);cursor:pointer;font-weight:550}.data-row p{font-size:var(--secondary);color:var(--muted);word-break:keep-all;margin-top:5px}.switch-target{flex:none;justify-content:center;align-items:center;min-width:57px;min-height:48px;display:flex}.switch{background:#dce0dc;border-radius:20px;width:51px;height:31px;padding:3px;display:block}.switch>span{background:#fff;border-radius:50%;width:25px;height:25px;display:block;transform:translate(0)}.switch.on{background:var(--jade)}.switch.on>span{transform:translate(20px)}.help-copy{font-size:var(--secondary);color:var(--muted);word-break:keep-all;margin-top:24px;line-height:1.7}.save-area{margin-top:28px}.primary-button{background:var(--rose);color:#fff;width:100%;min-height:54px;font-size:var(--body);border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:13px 17px;font-weight:600;display:flex}.primary-button:disabled{color:#626963;font-size:var(--secondary);background:#f1f3f1;font-weight:500}.save-area>p{font-size:var(--caption);color:var(--muted);text-align:center;margin-top:12px}.empty-state{text-align:center;background:#f7f8f7;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:28px 12px;display:flex}.empty-state h2{font-size:var(--body)}.empty-state p{color:var(--muted);font-size:var(--secondary)}.history-total{background:var(--jade-soft);border-radius:24px;margin-bottom:26px;padding:24px}.history-total>span{font-size:var(--secondary);color:#4c6054}.history-total>strong{margin-top:7px;font-size:40px;font-weight:650;line-height:1.3;display:block}.history-total strong>span{margin-left:5px;font-size:25px;font-weight:500}.history-total>p{color:var(--jade);font-size:var(--secondary);align-items:center;gap:5px;margin-top:11px;display:flex}.history-groups section{margin-top:30px}.history-groups h2{font-size:var(--secondary);color:var(--muted);align-items:center;gap:8px;margin-bottom:3px;font-weight:500;display:flex}.history-groups h2>span{font-size:var(--caption);color:var(--jade)}.profile-card{background:var(--jade-soft);border-radius:24px;align-items:center;gap:15px;padding:24px 20px;display:flex}.profile-card h2{font-size:var(--body)}.profile-card p{font-size:var(--caption);color:var(--muted);margin-top:5px}.settings-section{margin-top:34px}.settings-section>h2{font-size:var(--secondary);color:var(--muted);margin-bottom:10px;font-weight:500}.settings-row{text-align:left;border-bottom:1px solid var(--rule);align-items:center;gap:12px;width:100%;min-height:67px;display:flex}.settings-row>svg{color:#59655d}.settings-row>span,.settings-row>label{font-size:var(--body);flex:1}.settings-row small{font-size:var(--caption);color:var(--muted);white-space:nowrap}.settings-section .help-copy{font-size:var(--caption);margin-top:12px}.profile-footer{text-align:center;margin-top:48px}.profile-footer img{vertical-align:middle;margin-right:5px}.profile-footer strong{vertical-align:middle;letter-spacing:-.05em;font-size:19px}.profile-footer p{font-size:var(--secondary);color:var(--muted);margin-top:12px}.profile-footer small{font-size:var(--caption);color:var(--muted);margin-top:9px;display:block}.notice{z-index:30;color:#fff;background:#29362f;border-radius:16px;align-items:center;gap:9px;width:min(100% - 32px,408px);padding:12px 9px 12px 16px;display:flex;position:fixed;bottom:97px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000015}.notice p{font-size:var(--secondary);flex:1}.icon-button{border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.detail-sheet{width:min(100%,440px);max-width:440px;max-height:calc(100dvh - 32px);color:var(--ink);background:#fff;border:0;border-radius:26px 26px 0 0;margin:0 auto;padding:0;font-family:inherit;position:fixed;inset:auto 0 0;overflow:auto}.detail-sheet::backdrop{background:#17221c66}.sheet-inner{padding:10px 24px max(28px, env(safe-area-inset-bottom))}.sheet-handle{background:#d2d7d3;border-radius:3px;width:32px;height:4px;margin:0 auto 12px}.sheet-inner>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sheet-inner>header h2{font-size:20px}.sheet-inner>header .icon-button{background:#f3f4f3}.detail-title>svg{color:var(--jade);margin-bottom:10px}.detail-title h3{letter-spacing:-.04em;font-size:24px;font-weight:600}.detail-title p{color:var(--muted);font-size:var(--secondary);margin-top:7px}.detail-values{background:#f5f7f5;border-radius:20px;margin:25px 0 0;padding:12px 18px}.detail-values>div{justify-content:space-between;align-items:start;gap:20px;padding:12px 0;display:flex}.detail-values dt{color:var(--muted);font-size:var(--secondary);flex:none}.detail-values dd{font-size:var(--secondary);text-align:right;word-break:keep-all;margin:0}.positive{color:var(--jade);font-weight:600}.sheet-inner .help-copy{font-size:var(--caption);margin-top:18px}.sheet-inner>.primary-button{margin-top:25px}.about-logo{margin-top:26px}.about-heading{letter-spacing:-.04em;margin-top:17px;font-size:24px}.about-copy{color:var(--muted);line-height:1.7;font-size:var(--body);word-break:keep-all;margin-top:12px}.info-well{background:#f5f7f5;border-radius:20px;margin-top:25px;padding:20px}.info-well p{font-size:var(--secondary);color:var(--muted);word-break:keep-all;line-height:1.7}.info-well p+p{margin-top:18px}.info-well strong{color:var(--ink);font-weight:550}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-100px}.skip-link:focus{top:8px}@media (hover:hover){.text-button:hover,.preview-button:hover{color:var(--rose)}.earning-row:hover,.settings-row:hover{background:#f9faf9}.primary-button:not(:disabled):hover{background:#8e415b}.bottom-nav a:hover{color:var(--rose)}.chart-column:hover .bar{background:#668f76}}@media (prefers-reduced-motion:no-preference){.switch>span{transition:transform .16s}.switch{transition:background-color .16s}.primary-button,.icon-button{transition:transform .12s}.primary-button:not(:disabled):active,.icon-button:active{transform:scale(.98)}}@media (width<=359px){.app-header,main,.balance-card{padding-inline:20px}.sharing-summary{gap:10px;padding:17px 14px}.sharing-summary>span:first-child{padding-right:10px}.earning-row{gap:6px}}
