@import"https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-size:16px;--ink: #243147;--muted: #5f7088;--teal: #4ecdc4;--bg: #f7f9fc}html[data-large-text=true]{font-size:19px}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Noto Sans KR,sans-serif;color:var(--ink);background:#edf1f6;line-height:1.6}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #087d78;outline-offset:3px}h1,h2,h3,strong{color:var(--ink)}h1,h2,h3{font-family:Jua,sans-serif;font-weight:400;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere;margin:0}h1{font-size:1.5rem}h2{font-size:1.125rem}p{margin:0;overflow-wrap:anywhere}strong{font-weight:700}.app-shell{display:flex;flex-direction:column;height:100%;height:100dvh;max-width:448px;margin:auto;background:var(--bg);overflow:hidden;font-size:.9375rem;box-shadow:0 0 40px #24314708}.app-shell main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding:16px}.demo-banner{padding:6px 12px;padding-top:max(6px,env(safe-area-inset-top));flex-shrink:0;text-align:center;color:#536277;background:#eef3f8;border-bottom:1px solid #e5ebf2;font-size:.75rem;font-weight:600}.demo-banner>span{color:#d18b2c;margin-right:4px}.page-header{background:#fff;padding:25px 20px 22px;border-bottom:1px solid #f0f3f7}.header-row{display:flex;align-items:center;gap:10px;min-width:0}.grow{flex:1;min-width:0}.eyebrow{color:var(--muted);font-size:.75rem;margin-bottom:5px}.profile-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#ffe996;font-size:1.5rem}.page-content{padding:20px 20px 26px;display:flex;flex-direction:column;gap:16px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:16px 4px;border:1px solid #eef1f5;border-radius:20px;background:#fff;box-shadow:0 2px 2px #2431470a}.summary-card>span:first-child{font-size:1.3rem}.summary-card strong{font-size:1.125rem;font-family:Jua,sans-serif;font-weight:400}.summary-card>span:last-child{color:var(--muted);font-size:.6875rem;word-break:keep-all}.tip-card{display:flex;align-items:flex-start;gap:12px;border:1px solid #f5d47b;border-radius:17px;background:#fffbeb;padding:15px;color:#82500a;font-size:.8125rem}.tip-card strong{color:#8b5000}.tip-card>span{font-size:1.15rem}.tip-card p{margin-top:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}.stack{display:flex;flex-direction:column;gap:12px}.menu-card{width:100%;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #eef1f5;border-radius:20px;padding:17px 16px;text-align:left;box-shadow:0 2px 2px #2431470a}.menu-card:hover{border-color:#bbcfd2}.menu-card:active{background:#f7fafb}.menu-card strong{display:block;font-family:Jua,sans-serif;font-weight:400;font-size:1rem}.tile-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.4rem}.caption{display:block;color:var(--muted);font-size:.75rem;line-height:1.7;margin-top:3px}.chevron{color:#71849c;font-size:1.25rem}.text-button{min-height:44px;padding:8px;color:#087d78;font-size:.8125rem;font-weight:700}.quiet-card{padding:16px;border:1px dashed #d9e2ed;border-radius:17px;color:var(--muted);font-size:.8125rem;background:#f2f5f9}.card{padding:20px;border:1px solid #e8edf3;border-radius:20px;background:#fff}.lead{font-size:1rem;line-height:1.7}.muted{color:var(--muted);font-size:.875rem}.centered{text-align:center}.active-card{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;background:#e8faf8;border:1px solid #8edbd4;padding:16px;border-radius:18px;text-align:left}.active-card>span:nth-last-child(-n+2){width:100%;font-size:.8125rem;color:#12645f}.live-dot{width:8px;height:8px;border-radius:50%;background:#139d91}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#f0f4f8;color:#53647b;font-size:1.65rem;line-height:1}.bottom-nav{display:flex;flex-shrink:0;background:#fff;border-top:1px solid #e8edf3;padding:6px 8px max(8px,env(safe-area-inset-bottom))}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:61px;gap:1px;border-radius:12px;color:#657b95}.bottom-nav button>span{font-size:1.35rem}.bottom-nav strong{color:inherit;font-size:.6875rem}.bottom-nav i{height:4px;width:4px;border-radius:50%}.bottom-nav [aria-current=page]{color:#087d78;background:#f3fbfa}.bottom-nav [aria-current=page] i{background:#35b9ae}.activity-header{display:flex;align-items:center;gap:12px;padding:25px 18px;color:#fff}.activity-header h1{color:#fff}.activity-header p{color:#fff;font-size:.75rem;margin-top:4px}.activity-header .light{background:#ffffff30;color:#fff}.activity-emoji{font-size:1.65rem}.sub-tabs{display:flex;gap:8px;padding:12px 20px 0;background:#fff;border-bottom:1px solid #e8edf3}.sub-tabs button{flex:1;padding:13px 6px;border-radius:14px 14px 0 0;color:var(--muted);background:#f5f7fb;font-family:Jua,sans-serif}.sub-tabs [aria-selected=true]{background:#fff0f0;color:#b93642}.count-tag,.status-tag{display:inline-flex;align-items:center;align-self:flex-start;border-radius:20px;font-size:.75rem;font-weight:700;padding:4px 10px;background:#edf7f6;color:#14675f;white-space:nowrap}.material-list{padding:4px 16px}.material-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0}.material-row+.material-row{border-top:1px solid #edf1f6}.material-name{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.material-name strong{font-size:.9375rem;word-break:keep-all}.material-name>span{font-size:1.35rem}.stepper{display:flex;align-items:center;flex-shrink:0;border:1px solid #e0e7ef;border-radius:13px;overflow:hidden;background:#f8fafc}.stepper button{width:44px;height:44px;font-size:1.2rem;color:#3f556e}.stepper input{width:38px;border:0;padding:3px 0;text-align:center;background:transparent;font-weight:700;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-weight:700;font-size:.875rem}.field input,.field select{min-width:0;width:100%;border:1px solid #cfd9e5;border-radius:12px;background:#fbfcfe;padding:12px;font-size:1rem;color:var(--ink)}input::placeholder{color:#718199}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:12px 15px;border-radius:14px;font-size:.9375rem;font-weight:700;word-break:keep-all}.primary-button{background:#4ecdc4;color:#123f3c}.primary-button:hover{background:#40bfb5}.primary-button.coral{background:#ff6b6b;color:#41191d}.secondary-button{border:1px solid #cfdce7;color:#435870;background:#fff}.secondary-button:hover{background:#f3f7fa}.danger{color:#ac3040;border-color:#f0c8cd}.inline-warning,.storage-warning{background:#fff8e8;color:#81500d;padding:12px;border:1px solid #efddb2;border-radius:12px;font-size:.8125rem}.storage-warning{display:flex;align-items:center;border-radius:0;flex-shrink:0;max-height:25vh;overflow:auto}.form-stack{display:flex;flex-direction:column;gap:18px}.profile-strip{display:flex;align-items:center;gap:12px;background:#fff;padding:18px;border:1px solid #e8edf3;border-radius:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.setting-row>div{flex:1}.toggle{flex-shrink:0;min-width:54px;min-height:44px;position:relative}.toggle:before{content:"";position:absolute;width:50px;height:28px;background:#cbd5e1;border-radius:20px;left:2px;top:8px}.toggle>span{position:absolute;width:22px;height:22px;top:11px;left:5px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.toggle[aria-checked=true]:before{background:#199f95}.toggle[aria-checked=true]>span{transform:translate(22px)}.success-note{color:#16675b;background:#edfaf5;border-radius:12px;padding:12px}.faq{padding:0}.faq summary{cursor:pointer;min-height:48px;padding:18px;font-weight:700}.faq p{padding:0 18px 18px;color:var(--muted);font-size:.875rem}.guide-list{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0}.guide-list li{display:flex;gap:12px;background:#fff;border-radius:18px;border:1px solid #e8edf3;padding:18px}.guide-list li>span{color:#0b7d75;background:#e8faf8;width:30px;height:30px;flex-shrink:0;text-align:center;border-radius:50%;font-weight:700}.status-tag.running{background:#e5f7f5;color:#0d736b}.status-tag.completed{background:#e7f6ed;color:#267349}.status-tag.cancelled,.status-tag.interrupted{background:#f1f3f7;color:#5b6577}.task-row{gap:10px}.task-row .tile-icon{width:40px;height:40px}.task-row .status-tag{align-self:center;padding:4px 7px}.task-row .caption{font-size:.6875rem}.empty-state{padding:26px 12px;text-align:center;display:flex;flex-direction:column;gap:12px;color:var(--muted)}.empty-state>span{font-size:2.5rem}.empty-state p{font-size:.875rem}.filter-row{display:flex;align-items:flex-end;gap:12px}.compact{width:auto}.hero-emoji{font-size:2.7rem}.progress-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.progress-card .status-tag{align-self:center}.progress-number{font-size:2.25rem;color:#148f85;font-family:Jua,sans-serif;font-weight:400}progress{width:100%;height:12px;border:0;border-radius:20px;overflow:hidden;background:#e6eeef}progress::-webkit-progress-bar{background:#e6eeef}progress::-webkit-progress-value{background:#4ecdc4;border-radius:20px}progress::-moz-progress-bar{background:#4ecdc4}.task-steps{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:16px;background:#fff;border:1px solid #e8edf3;border-radius:18px}.task-steps li{display:flex;align-items:center;gap:12px;color:#677b91}.task-steps li>span{width:28px;height:28px;text-align:center;border-radius:50%;background:#edf1f6}.task-steps .current{color:#12685f;font-weight:700}.task-steps .current>span{background:#c9f2ed}.preparation-summary{font-size:.9375rem}.preparation-summary>p{padding:12px 0}.preparation-summary ul{list-style:none;padding:0;margin:8px 0}.preparation-summary li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #ecf0f5}.modal-layer{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#20304b66;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));overscroll-behavior:contain;font-size:.9375rem}.modal-card{width:100%;max-width:408px;max-height:100%;overflow:hidden;padding:24px;background:#fff;border-radius:26px;box-shadow:0 16px 80px #14243830;display:flex;flex-direction:column;gap:18px}.modal-body{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}.modal-body>*{flex-shrink:0}.modal-footer,.modal-card>.header-row,.completion-content>.header-row{flex-shrink:0}.completion-actions{display:flex;flex-direction:column;gap:10px}.modal-card:focus,.completion-content:focus{outline:none}.button-pair{display:flex;gap:10px}.button-pair>*{flex:1;min-width:0}.completion-layer{background:#f1fcf9;overflow:auto;align-items:flex-start}.completion-content{max-height:100%;overflow:hidden;width:100%;max-width:440px;margin:auto;padding:12px 4px;display:flex;flex-direction:column;gap:14px;text-align:center}.completion-content>.header-row{justify-content:center}.completion-content h2{font-size:1.65rem}.completion-content .count-tag{align-self:center}.completion-mark{display:flex;align-items:center;justify-content:center;width:82px;height:82px;margin:8px auto 0;border-radius:50%;background:#4ecdc4;color:#124a40;font-size:2.5rem}.completion-message{font-family:Jua,sans-serif;font-size:1.5rem}.completion-destination{font-size:1.125rem;font-weight:700}.completion-content .card{text-align:left}.audio-status{min-height:1.5em;color:#5d6d7f;font-size:.8125rem}.print-sheet{display:none}@media(max-width:359px){.page-content{padding:16px;gap:14px}.page-header{padding:22px 16px}.menu-card{gap:10px;padding:15px 12px}.card{padding:16px}.material-list{padding:0 12px}.material-name>span{display:none}.stepper input{width:30px}.activity-emoji,.task-row .tile-icon{display:none}.modal-layer{padding:14px}.modal-card{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{html,body,#root,.app-shell,.app-shell main{height:auto!important;overflow:visible!important;background:#fff!important;max-width:none!important}.app-shell *{display:none!important}.app-shell main,.app-shell .print-sheet,.app-shell .print-sheet *{display:block!important}.print-sheet{padding:16mm;color:#000;font-family:sans-serif}.print-sheet h1,.print-sheet h2{margin:16px 0}.print-sheet li{margin:10px 0}.modal-layer{display:none!important}}.auth-screen{min-height:100%;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:#f4f8fb}.auth-visual{min-width:0;padding:clamp(32px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;color:#174a50;background:radial-gradient(circle at 18% 20%,#fff3b8 0 7%,transparent 7.5%),radial-gradient(circle at 78% 68%,#d6f5ef 0 15%,transparent 15.5%),linear-gradient(145deg,#e8fbf7,#fff9e8)}.auth-brand,.auth-card-heading{display:flex;align-items:center;gap:14px}.auth-brand strong{display:block;color:#174a50;font-family:Jua,sans-serif;font-size:1.65rem;font-weight:400}.auth-brand p,.auth-copy>p:last-child,.auth-description,.auth-security{color:#617489}.auth-logo,.auth-mobile-logo{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:0 8px 28px #21465a17;font-size:1.85rem}.auth-illustration{align-self:center;width:min(30vw,380px);aspect-ratio:1;display:flex;align-items:center;justify-content:space-evenly;border:2px solid #ffffffb8;border-radius:46% 54% 52% 48%;background:#ffffff8a;box-shadow:0 24px 70px #27666b18;font-size:clamp(2.4rem,5vw,4.4rem)}.auth-copy{max-width:540px}.auth-copy h2{margin:8px 0 16px;color:#174a50;font-size:clamp(2rem,3.5vw,3.4rem)}.auth-panel{min-width:0;padding:32px;display:grid;place-items:center;background:#fff}.auth-card{width:min(100%,430px);display:flex;flex-direction:column;gap:18px}.auth-card-heading h1{font-size:2rem}.auth-mobile-logo{display:none}.auth-description{margin:-4px 0 8px}.auth-field{display:flex;flex-direction:column;gap:8px;color:#34465d;font-weight:700}.auth-field input{width:100%;min-height:54px;border:1px solid #dce5ed;border-radius:15px;padding:12px 15px;color:#243147;background:#f9fbfd}.auth-field input:hover{border-color:#a8c3c7}.auth-field input:focus{border-color:#087d78;background:#fff}.auth-error{padding:11px 13px;border-radius:12px;color:#9c2f2f;background:#fff0f0;font-size:.875rem}.auth-submit{min-height:56px;border:0;border-radius:16px;color:#fff;background:#087d78;font-weight:800;box-shadow:0 10px 25px #087d7830}.auth-submit:hover:not(:disabled){background:#076d69}.auth-security{text-align:center;font-size:.8rem}.auth-checking{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#617489}.auth-spinner{width:36px;height:36px;border:4px solid #ccebe7;border-top-color:#087d78;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.authenticated-layout{height:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.auth-session-bar{min-height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:5px max(14px,env(safe-area-inset-right)) 5px max(14px,env(safe-area-inset-left));color:#52657b;background:#fff;border-bottom:1px solid #e6edf3;font-size:.75rem}.auth-session-bar button{min-height:28px;padding:3px 10px;border:1px solid #cad7e2;border-radius:9px;color:#40556e;background:#f8fafc;font-weight:700}.authenticated-app{flex:1;min-height:0}.authenticated-app>.app-shell{height:100%}@media(min-width:900px){.app-shell{max-width:1120px;border-right:1px solid #e4eaf0;border-left:1px solid #e4eaf0;box-shadow:0 0 60px #24314712}.page-header{padding:28px 36px 25px}.page-content{padding:26px 36px 34px}.bottom-nav{justify-content:center;gap:12px;padding:8px 24px}.bottom-nav button{flex:0 1 190px;min-height:52px;flex-direction:row;gap:8px}.bottom-nav button>span{font-size:1.15rem}.bottom-nav strong{font-size:.82rem}.bottom-nav i{display:none}}@media(max-width:899px){.auth-screen{grid-template-columns:1fr;background:linear-gradient(160deg,#e9faf7 0 25%,#fff 25%)}.auth-visual{display:none}.auth-panel{padding:max(28px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom))}.auth-mobile-logo{display:grid}.auth-card-heading h1{font-size:1.65rem}.auth-session-bar{justify-content:space-between}}@media(max-width:359px){.auth-panel{padding-inline:16px}.auth-card{gap:14px}.auth-field input,.auth-submit{min-height:50px}}.home-primary,.home-secondary{display:contents}html:not([data-platform=desktop]) .home-summary{order:1}html:not([data-platform=desktop]) .home-content>.home-primary>.active-card{order:2}html:not([data-platform=desktop]) .home-content .tip-card{order:3}html:not([data-platform=desktop]) .home-heading-play{order:4}html:not([data-platform=desktop]) .home-content .activity-cards{order:5}html:not([data-platform=desktop]) .home-heading-recent{order:6}html:not([data-platform=desktop]) .home-recent{order:7}html[data-platform=app]{overscroll-behavior:none}html[data-platform=app] body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html[data-platform=app] input,html[data-platform=app] textarea{-webkit-user-select:text;user-select:text}html[data-platform=app] .app-shell{max-width:none;box-shadow:none}html[data-platform=app] .auth-session-bar{min-height:0;padding-top:max(4px,env(safe-area-inset-top));padding-bottom:4px;font-size:.7rem;border-bottom:0}html[data-platform=app] .auth-session-bar button{min-height:24px;border-radius:999px;padding:2px 10px}html[data-platform=app] .demo-banner{padding-top:5px;padding-bottom:5px;font-size:.7rem}html[data-platform=app] .page-header{padding:18px 20px 16px}html[data-platform=app] .menu-card:active,html[data-platform=app] .summary-card:active,html[data-platform=app] .active-card:active{transform:scale(.985);transition:transform .08s ease-out}html[data-platform=app] .bottom-nav{border-top:0;box-shadow:0 -6px 18px #2431470d;padding-top:8px}html[data-platform=app] .bottom-nav button{min-height:60px}html[data-platform=app] .bottom-nav strong{font-size:.75rem}html[data-platform=app] .auth-panel{padding-top:max(56px,env(safe-area-inset-top))}html[data-platform=desktop] .app-shell{max-width:none;display:grid;grid-template-columns:264px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);border:0;box-shadow:none;background:#eef2f7;font-size:1rem}html[data-platform=desktop] .demo-banner{grid-column:1 / -1;grid-row:1;text-align:right;padding:5px 24px;background:#f6f8fb}html[data-platform=desktop] .storage-warning{grid-column:2;grid-row:2}html[data-platform=desktop] .app-shell main{grid-column:2;grid-row:3;padding:0 44px 0 40px}.side-nav{grid-column:1;grid-row:2 / span 2;display:flex;flex-direction:column;gap:6px;padding:26px 16px 18px;background:#fff;border-right:1px solid #e3e9f0;overflow-y:auto}.side-brand{display:flex;align-items:center;gap:12px;padding:2px 10px 22px}.side-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e8faf8;font-size:1.4rem}.side-brand strong{display:block;font-family:Jua,sans-serif;font-weight:400;font-size:1.3rem;color:var(--ink);line-height:1.1}.side-brand small,.side-item small,.side-profile small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.side-items{display:flex;flex-direction:column;gap:4px}.side-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;text-align:left;color:#4d6178}.side-item>span:first-child{width:30px;text-align:center;font-size:1.2rem}.side-item strong{display:block;font-size:.95rem;font-weight:700;color:inherit}.side-item:hover{background:#f4f7fa}.side-item[aria-current=page]{background:#e8faf8;color:#087d78}.side-item[aria-current=page] small{color:#2f8f89}.side-profile{margin-top:auto;width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid #e8edf3;background:#f8fafc;text-align:left}.side-profile .profile-avatar{width:40px;height:40px;font-size:1.25rem}.side-profile strong{display:block;font-size:.95rem;color:var(--ink)}.side-profile:hover{border-color:#bbcfd2}html[data-platform=desktop] .page-header{background:transparent;border:0;padding:34px 0 10px}html[data-platform=desktop] .page-header h1{font-size:1.85rem}html[data-platform=desktop] .eyebrow{font-size:.85rem}html[data-platform=desktop] .page-content{padding:14px 0 44px;gap:20px}html[data-platform=desktop] .page-header,html[data-platform=desktop] .page-content{width:100%;max-width:1180px;margin:0 auto}html[data-platform=desktop] main:has(>.page-content:not(.home-content)) .page-header,html[data-platform=desktop] main>.page-content:not(.home-content){max-width:860px}html[data-platform=desktop] main>.page-content:not(.home-content) .stack:not(.activity-cards){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-platform=desktop] .page-content>h2{margin-top:8px}html[data-platform=desktop] .home-content{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px}html[data-platform=desktop] .home-primary,html[data-platform=desktop] .home-secondary{display:flex;flex-direction:column;gap:20px;min-width:0}html[data-platform=desktop] .home-secondary{position:sticky;top:0}html[data-platform=desktop] .summary-grid{gap:16px}html[data-platform=desktop] .summary-card{flex-direction:row;justify-content:flex-start;text-align:left;gap:4px 16px;padding:20px 22px;flex-wrap:wrap;border-radius:22px}html[data-platform=desktop] .summary-card>span:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f3f6fa;font-size:1.4rem}html[data-platform=desktop] .summary-card strong{font-size:1.5rem;flex:1}html[data-platform=desktop] .summary-card>span:last-child{width:100%;font-size:.8rem}html[data-platform=desktop] .section-heading h2{font-size:1.2rem}html[data-platform=desktop] .active-card{padding:20px 22px;border-radius:22px}html[data-platform=desktop] .tip-card{padding:18px;font-size:.9rem}html[data-platform=desktop] .activity-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}html[data-platform=desktop] .activity-cards .menu-card{flex-direction:column;align-items:flex-start;gap:16px;padding:22px;min-height:176px;border-radius:24px;transition:transform .12s ease-out,box-shadow .12s ease-out}html[data-platform=desktop] .activity-cards .menu-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #24314714}html[data-platform=desktop] .activity-cards .tile-icon{width:58px;height:58px;border-radius:18px;font-size:1.8rem}html[data-platform=desktop] .activity-cards .menu-card strong{font-size:1.2rem}html[data-platform=desktop] .activity-cards .caption{font-size:.85rem}html[data-platform=desktop] .activity-cards .chevron{display:none}html[data-platform=desktop] .home-recent.stack{gap:10px}html[data-platform=desktop] .quiet-card{padding:22px}html[data-platform=desktop] .modal-card{max-width:520px}html[data-platform=desktop] .activity-header,html[data-platform=desktop] .sub-tabs{width:100%;max-width:860px;margin:0 auto}html[data-platform=desktop] .activity-header{margin-top:30px;padding:26px 28px;border-radius:24px 24px 0 0}html[data-platform=desktop] .sub-tabs{padding:14px 24px;border-bottom:0;border-radius:0 0 24px 24px}html[data-platform=desktop] .sub-tabs button{border-radius:14px}@layer components;@layer properties{@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-divide-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial}}}@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-700: oklch(50.5% .213 27.518);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-200: oklch(92.4% .12 95.746);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-green-400: oklch(79.2% .209 151.711);--color-teal-50: oklch(98.4% .014 180.72);--color-teal-100: oklch(95.3% .051 180.801);--color-teal-200: oklch(91% .096 180.426);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-teal-600: oklch(60% .118 184.704);--color-teal-700: oklch(51.1% .096 186.391);--color-violet-50: oklch(96.9% .016 293.756);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-200: oklch(89.4% .057 293.283);--color-violet-500: oklch(60.6% .25 292.717);--color-violet-600: oklch(54.1% .281 293.009);--color-violet-700: oklch(49.1% .27 292.581);--color-slate-50: oklch(98.4% .003 247.858);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-md: 28rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--ease-out: cubic-bezier(0, 0, .2, 1);--blur-sm: 8px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px){::placeholder{color:currentColor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.right-0{right:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-40{z-index:40}.z-50{z-index:50}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-1{margin-left:calc(var(--spacing) * 1)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.w-1{width:calc(var(--spacing) * 1)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-\[78\%\]{max-width:78%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scale-110{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-50>:not(:last-child)){border-color:var(--color-slate-50)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-red-100{border-color:var(--color-red-100)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-teal-100{border-color:var(--color-teal-100)}.border-teal-200{border-color:var(--color-teal-200)}.border-violet-100{border-color:var(--color-violet-100)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-black\/40{background-color:#0006}@supports (color: color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-green-400{background-color:var(--color-green-400)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-400{background-color:var(--color-teal-400)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-200{background-color:var(--color-violet-200)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color: color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-none{--tw-leading: 1;line-height:1}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-teal-500{color:var(--color-teal-500)}.text-teal-600{color:var(--color-teal-600)}.text-teal-700{color:var(--color-teal-700)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color: color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color: color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color: color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.placeholder-slate-300::placeholder{color:var(--color-slate-300)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-slate-300:focus{border-color:var(--color-slate-300)}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.active\:scale-95:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-slate-50:active{background-color:var(--color-slate-50)}}html,body,#root{height:100%}body{color:#2d3748;background-color:#fff8f0;font-family:Noto Sans KR,sans-serif}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:.25s ease-out both slide-down}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:#e2e8f0 transparent}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-rotate-x{syntax: "*"; inherits: false}@property --tw-rotate-y{syntax: "*"; inherits: false}@property --tw-rotate-z{syntax: "*"; inherits: false}@property --tw-skew-x{syntax: "*"; inherits: false}@property --tw-skew-y{syntax: "*"; inherits: false}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false}@property --tw-font-weight{syntax: "*"; inherits: false}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false}@property --tw-brightness{syntax: "*"; inherits: false}@property --tw-contrast{syntax: "*"; inherits: false}@property --tw-grayscale{syntax: "*"; inherits: false}@property --tw-hue-rotate{syntax: "*"; inherits: false}@property --tw-invert{syntax: "*"; inherits: false}@property --tw-opacity{syntax: "*"; inherits: false}@property --tw-saturate{syntax: "*"; inherits: false}@property --tw-sepia{syntax: "*"; inherits: false}@property --tw-drop-shadow{syntax: "*"; inherits: false}@property --tw-drop-shadow-color{syntax: "*"; inherits: false}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false}@property --tw-backdrop-blur{syntax: "*"; inherits: false}@property --tw-backdrop-brightness{syntax: "*"; inherits: false}@property --tw-backdrop-contrast{syntax: "*"; inherits: false}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false}@property --tw-backdrop-invert{syntax: "*"; inherits: false}@property --tw-backdrop-opacity{syntax: "*"; inherits: false}@property --tw-backdrop-saturate{syntax: "*"; inherits: false}@property --tw-backdrop-sepia{syntax: "*"; inherits: false}@property --tw-duration{syntax: "*"; inherits: false}@property --tw-ease{syntax: "*"; inherits: false}