.inout-preview-board{--primary:143.883495 81.102362% 49.803922%;--primary-foreground:0 0% 4%;--background:0 0% 100%;--foreground:0 0% 4%;--muted:144 42% 87%;--muted-foreground:142 11% 34%;--accent:144 63% 92%;--accent-foreground:0 0% 4%;--border:140 20% 90%;--input:140 16% 86%;--ring:143.883495 81.102362% 49.803922%;--inout-track:#b5dfc7;display:flex;justify-content:center;min-height:100dvh;background:#f6f8f6;color:#0a0a0a;font-family:Pretendard Variable,Pretendard,sans-serif}.inout-phone{position:relative;width:100%;max-width:430px;min-height:100dvh;background:#fff;padding-bottom:90px}.inout-header{height:64px;background:#fff}.inout-header [data-slot=button]{min-width:44px;min-height:44px}.inout-sample-label{font-size:11px;color:#728078;white-space:nowrap}.inout-date-strip{justify-content:space-between;gap:0;padding:8px 12px;border:0;border-radius:0;background:#fff}.inout-date-strip>[data-slot=button]{min-height:44px;min-width:44px}.inout-date-days{flex:1;justify-content:space-around;min-width:0}.inout-date-day{min-height:48px;min-width:64px;border-radius:9999px}.inout-date-day:not([aria-current=date]){background:transparent}.inout-date-strip button:focus:not(:focus-visible){outline:none;box-shadow:none}.inout-date-day[aria-current=date]{background:#18e66a;color:#0a0a0a}.inout-date-day>span:first-child{font-size:12px}.inout-date-day>span:last-child{font-family:Cafe24ProSlim,sans-serif;font-size:20px}.inout-stage{background:#e6f8ed;padding:22px 24px 24px;text-align:center}.inout-stage h2{font-family:Cafe24ProSlim,sans-serif;font-size:22px;line-height:1.3}.inout-main-count{position:relative;display:flex;align-items:baseline;justify-content:center;width:fit-content;gap:8px;margin:8px auto 0;font-variant-numeric:tabular-nums}.inout-main-count strong{font-family:Cafe24ProSlim,sans-serif;font-size:44px;line-height:1}.inout-main-count>span{font-size:17px;color:#52705c}.inout-score-more{display:flex;align-items:center;justify-content:center;gap:2px;width:fit-content;min-height:36px;margin:10px auto 0;padding:0 10px 0 14px;border:1px solid #e0ebe4;border-radius:999px;background:#fff;font-size:12px;line-height:1.5;color:#0a0a0a;white-space:nowrap}.inout-score-caption{min-height:18px;margin-top:14px;font-size:12px;color:#47624f}.inout-score-practice{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px;font-size:13px;color:#47624f}.inout-score-practice strong{color:#0a0a0a}.inout-score-practice+.inout-score-caption{margin-top:4px}.inout-home-links{padding:0 20px}.inout-character-stage{position:relative;height:280px;width:calc(100% + 16px);margin:2px -8px 0}.inout-growth-level{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:-6px;font-size:13px;color:#47624f}.inout-growth-level strong{font-family:Cafe24ProSlim,sans-serif;font-size:18px;color:#0a0a0a}.inout-growth{margin-top:20px;text-align:left}.inout-growth h3{margin-bottom:10px;font-family:Cafe24ProSlim,sans-serif;font-size:18px}.inout-growth [data-slot=item]{background:#fff}.inout-growth [data-done=true] [data-slot=item-media]{color:var(--brand-green,#18e66a)}.inout-growth [data-done=true] [data-slot=item-title]{color:#52705c;text-decoration:line-through}.inout-growth-xp{font-size:12px;font-weight:700;color:#0a0a0a;font-variant-numeric:tabular-nums}.inout-growth-reward{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;border-radius:12px;background:#0a0a0a;color:#fff}.inout-growth-reward>svg{color:var(--brand-green,#18e66a);flex:none}.inout-growth-reward p{flex:1;display:grid;font-size:13px}.inout-growth-reward p span{color:var(--brand-green,#18e66a)}.inout-growth-error{margin-bottom:8px;font-size:12px;color:#b42318}.inout-arc{width:100%;height:280px;aspect-ratio:auto}.inout-character{position:absolute;top:-45px;left:50%;width:420px;height:325px;margin-left:-210px;pointer-events:none;mix-blend-mode:multiply}.inout-character img{width:420px;height:420px;max-width:none;object-fit:contain;border-radius:0;mask-image:radial-gradient(ellipse 42% 45% at 50% 58%,#000 66%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 42% 45% at 50% 58%,#000 66%,transparent 100%)}.inout-character-placeholder{width:180px;height:180px;margin:128px auto 0;border-radius:50%}.inout-character-stage{overflow:hidden;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}.inout-character-stage[data-guest=true]{height:330px;mask-image:none;-webkit-mask-image:none}.inout-character[data-guest=true]{top:64px;width:300px;height:300px;margin-left:-150px}.inout-character[data-guest=true] img{width:300px;height:300px;mask-image:none;-webkit-mask-image:none}.inout-guest-awakening{position:absolute;inset:8px 0 auto;z-index:2;display:grid;justify-items:center;gap:12px}.inout-guest-awakening p{font-family:Cafe24ProSlim,sans-serif;font-size:20px;line-height:1.4}.inout-wake-button{min-width:160px;min-height:46px;font-size:15px}.inout-add-button{width:100%;min-height:46px;font-size:15px}.inout-bottom-nav{position:fixed;z-index:30;bottom:0;width:100%;max-width:430px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:#fff;color:#0a0a0a}.inout-bottom-nav a{min-width:52px;min-height:50px;justify-content:center}.inout-bottom-nav a[aria-current=page]{color:#168e44}.inout-nav-add{width:54px;height:54px;margin-top:-18px;background:#18e66a;color:#0a0a0a;border:5px solid #fff;box-sizing:content-box}.inout-nav-add svg{width:24px;height:24px}.inout-mobile-note{margin:8px 24px;font-size:11px;color:#68786e;text-align:center}.inout-task-dialog{width:calc(100% - 32px);max-width:398px;border-radius:24px;--primary:143.883495 81.102362% 49.803922%;--primary-foreground:0 0% 4%;background:#fff;color:#0a0a0a}body:has(.inout-preview-board) nextjs-portal{display:none}.inout-task-form{display:grid;gap:12px}.inout-task-form input{min-height:46px}.inout-task-form [data-slot=button]{min-height:44px}@media (min-width:1024px){.inout-preview-board{display:grid;background:#f7f7f5}.inout-phone{flex:0 0 430px;box-shadow:0 0 0 1px #e3e9e5}.inout-mobile-note{display:none}}@media (prefers-reduced-motion:reduce){.inout-phone *,.inout-task-dialog *{animation-duration:.01ms!important;transition-duration:.01ms!important}}