:root{
  --bg:#f3f6f5;--paper:#fff;--ink:#17191c;--muted:#70767a;--line:#e5e9e7;
  --brand:#03c75a;--brand-deep:#08783d;--brand-ink:#006d32;--brand-soft:#e9fbf1;
  --accent:#ff7b46;--accent-soft:#fff1e9;--soft:#f6f8f7;--soft-2:#edf3f0;
  --r:18px;--shadow:0 1px 2px rgba(18,38,28,.04),0 10px 28px rgba(18,38,28,.055);
  font-family:Pretendard,"Noto Sans KR",Inter,system-ui,-apple-system,sans-serif;color-scheme:light
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);letter-spacing:-.015em}[hidden]{display:none!important}
button,select,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.service-shell{min-height:100vh}.service-rail{display:none}
.app{width:100%;max-width:760px;margin:auto;padding:env(safe-area-inset-top) 14px calc(88px + env(safe-area-inset-bottom))}
.top{position:relative;min-height:64px;padding:8px 0 12px;display:flex;align-items:center;gap:10px}.service-mobile-brand,.service-brand{display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:none;color:var(--ink);padding:4px 0;font-weight:900;letter-spacing:-.045em}.service-mobile-brand{font-size:21px}
.service-mark{position:relative;width:36px;aspect-ratio:1;display:grid;place-items:center;border-radius:11px;background:#111d18;box-shadow:0 7px 16px rgba(16,42,29,.16)}.service-mark::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--brand);box-shadow:8px 0 0 #fff,0 8px 0 #fff,8px 8px 0 var(--accent);transform:translate(-4px,-4px) scale(.52)}.service-mark i{display:none}
.service-top-context{display:none}.service-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}.service-private{min-height:38px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:0 11px;background:var(--paper);color:#59605d;font-size:11px;font-weight:700}.service-private::first-letter{color:var(--brand)}
.theme-select,.install{min-height:38px;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:0 10px;color:#444b47}.install{display:none}.version{display:none}.status{border-radius:12px;margin:0 0 10px;font-size:12px}
.hero{position:relative;overflow:hidden;display:grid!important;grid-template-columns:1fr;border:1px solid var(--line);border-radius:22px;padding:25px 20px 22px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.hero::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand),#30d47a 62%,#b7f2d0)}.service-hero-copy{position:relative;z-index:2;min-width:0}.hero .eyebrow{color:var(--brand-ink);font-size:12px;font-weight:800}.service-kicker{display:inline-flex;align-items:center;min-height:27px;margin-top:10px;border:0;border-radius:999px;padding:0 10px;background:var(--brand-soft);color:var(--brand-ink);font-size:11px;font-weight:800}.service-kicker::before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--brand)}
.hero h1{max-width:620px;margin:15px 0 9px;font-size:clamp(29px,8vw,38px);font-weight:900;line-height:1.14;letter-spacing:-.06em}.hero p{max-width:590px;margin:0;color:#626966;font-size:14px;line-height:1.65}.service-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.service-starters button{position:relative;min-height:48px;border:1px solid #dce5e0;border-radius:13px;background:#f8faf9;color:#27312c;font-weight:850;cursor:pointer}.service-starters button::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--brand);vertical-align:1px}.service-starters button:nth-child(2)::before{background:#36a77a}.service-starters button:nth-child(3)::before{background:var(--accent)}.service-starters button:hover{border-color:#98dcb6;background:var(--brand-soft)}
.hero-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.hero .primary,.hero .secondary{min-height:48px;border-radius:13px;padding:0 18px;font-weight:850}.hero .primary{background:var(--brand);color:#062713;box-shadow:none}.hero .secondary{border:1px solid #dce4e0;background:var(--paper);color:#28322d}.hero .primary:hover{background:#00b952}.service-celebration{margin:14px 0 0!important;border:1px solid #a5e5c0;border-radius:12px;padding:11px 13px;background:var(--brand-soft);color:var(--brand-ink)!important;font-weight:800}.service-orbit{display:none}
.section,.pc-desk-panel,.pc-large-stats,.advanced-diagnostics,.pc-keyboard-dock{border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow)}.section{margin-top:12px;padding:18px}.section-head{margin:0 0 13px;align-items:center}.section h2,.pc-desk-panel h2,.pc-large-stats h2{font-weight:900;letter-spacing:-.045em}.section h2{font-size:19px}.section small{color:#7b817e;font-size:11px}
.area-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.area{min-height:78px;border:1px solid transparent;border-radius:14px;background:var(--soft);padding:10px 5px}.area-icon{height:22px;display:grid;place-items:center;color:var(--brand-ink)}.area-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.area-name{color:#626966;font-size:10px}.area-state{color:var(--brand-ink);font-weight:800;font-size:10px}.area.empty{opacity:1}.area.empty .area-icon{color:#8b9690;opacity:.72}.area.empty .area-state{color:#9aa09d}.cards{gap:9px}.goal{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:none}.goal:hover{border-color:#a4dcb9}.goal-icon{background:var(--brand-soft)}.progress{background:#eaf0ed}.fill{background:linear-gradient(90deg,#27d273,var(--brand-deep))}.primary,.secondary,.ghost{min-height:43px;border-radius:11px}.primary{background:var(--brand);color:#062713}.secondary{background:var(--brand-soft);color:var(--brand-ink)}.ghost{border-color:var(--line);background:#fff;color:#4e5652}.action-card{border-radius:16px;background:linear-gradient(145deg,#142b21,#0c3d27);box-shadow:none}.coach{border:0;border-radius:16px;background:var(--accent-soft);color:var(--ink)}.coach p{margin:8px 0}.empty-card{border:0;border-radius:15px;background:var(--soft);padding:24px 16px;color:#67706b}
.pc-desk-home,.pc-keyboard-dock{display:none}.pc-large-stats:not([hidden]){display:block;margin-top:12px}.pc-chart{height:170px}.pc-bar{background:linear-gradient(180deg,#55df91,var(--brand-deep))}.panel{border-radius:24px 24px 0 0;background:var(--paper)}.field input,.field select,textarea,.template-tools input,.template-tools select{border-color:var(--line);background:#fafcfb}.template{border-color:var(--line);background:#fafcfb}
.service-section-kicker{display:block;margin-bottom:4px;color:var(--brand-ink);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.service-together{min-height:270px;background:radial-gradient(circle at 100% 0,#e7fbef 0,transparent 34%),var(--paper)}.service-together #runCircleReadback,.service-together #circleReadbackResult{display:none}
.advanced-diagnostics{margin-top:12px;padding:0;overflow:hidden}.advanced-diagnostics>summary{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;cursor:pointer;list-style:none}.advanced-diagnostics>summary::-webkit-details-marker{display:none}.advanced-diagnostics>summary span{display:grid;gap:3px}.advanced-diagnostics>summary small{color:var(--muted);font-size:11px}.advanced-diagnostics>summary i{font-style:normal;font-size:20px;color:var(--muted)}.advanced-diagnostics[open]>summary i{transform:rotate(45deg)}.advanced-diagnostics-grid{display:grid;gap:10px;padding:0 12px 12px;border-top:1px solid var(--line)}.advanced-diagnostics-grid>.section{margin-top:10px;background:#fafcfb;box-shadow:none}
.nav{width:100%;z-index:20;border-top:1px solid rgba(215,222,218,.9);background:rgba(255,255,255,.96);box-shadow:0 -8px 24px rgba(15,38,27,.05);backdrop-filter:blur(16px)}.nav button{position:relative;min-height:64px;color:#7d8581}.nav button.on{color:var(--brand-ink);font-weight:900}.nav button.on::before{content:"";position:absolute;top:6px;left:50%;width:34px;height:24px;border-radius:12px;background:var(--brand-soft);transform:translateX(-50%);z-index:-1}.nav span{height:22px;display:grid;place-items:center}.nav svg,.service-rail-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav button.on svg,.service-rail-nav button.on svg{stroke-width:2.3}.sheet{z-index:30}.pc-shortcut-dialog{z-index:40}
html[data-service-page="today"] [data-service-view]:not([data-service-view~="today"]),html[data-service-page="goals"] [data-service-view]:not([data-service-view~="goals"]),html[data-service-page="together"] [data-service-view]:not([data-service-view~="together"]),html[data-service-page="insights"] [data-service-view]:not([data-service-view~="insights"]),html[data-service-page="me"] [data-service-view]:not([data-service-view~="me"]){display:none!important}
html[data-theme="wheel"]{--brand:#4f64e8;--brand-deep:#3346ba;--brand-ink:#3346ba;--brand-soft:#eef0ff}html[data-theme="analyst"]{--brand:#1677c8;--brand-deep:#0b5b9e;--brand-ink:#0b5b9e;--brand-soft:#eaf5ff}html[data-theme="coach"]{--brand:#ec7249;--brand-deep:#b84d2b;--brand-ink:#9d3e21;--brand-soft:#fff0e9}html[data-theme="accessible"]{--bg:#fff;--paper:#fff;--ink:#000;--muted:#222;--line:#000;--brand:#00863d;--brand-deep:#005d2a;--brand-ink:#004d23;--brand-soft:#e4f8eb;font-size:19px}
@media(max-width:430px){.app{padding-left:12px;padding-right:12px}.service-private{width:38px;padding:0;font-size:0;justify-content:center}.service-private::before{content:"●";font-size:13px;color:var(--brand)}.theme-select{max-width:88px}.hero{padding:23px 17px 19px}.hero h1{font-size:31px}.service-starters{grid-template-columns:1fr}.service-starters button{min-height:45px;text-align:left;padding:0 14px}.hero-actions{display:grid;grid-template-columns:1fr}.area-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.area{min-height:76px}.area-name{font-size:9px}.area-state{font-size:9px}.section{padding:17px}.empty-card{padding:22px 14px}}
@media(min-width:1024px){
  body{background:var(--bg)}.service-shell{width:min(1480px,100%);margin:auto;display:grid;grid-template-columns:244px minmax(0,1fr);background:var(--bg)}
  .service-rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 20px 20px;border-right:1px solid var(--line);background:#fff}.service-brand{font-size:21px}.service-rail-nav{display:grid;gap:4px;margin-top:32px}.service-rail-nav button{min-height:48px;display:flex;align-items:center;gap:13px;border:0;border-radius:12px;padding:0 14px;background:transparent;color:#656d69;font-weight:750;text-align:left;cursor:pointer}.service-rail-nav button span{width:22px;display:grid;place-items:center}.service-rail-nav button:hover{background:#f5f8f6;color:#26302b}.service-rail-nav button.on{background:var(--brand-soft);color:var(--brand-ink);font-weight:900}.service-rail-foot{display:grid;gap:8px;margin-top:auto}.service-rail-foot div,.service-rail-foot a{position:relative;display:grid;gap:5px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fafcfb;color:var(--ink);text-decoration:none}.service-rail-foot a{background:var(--brand-soft);border-color:#d4f0df}.service-rail-foot b{font-size:12px}.service-rail-foot span{color:var(--muted);font-size:11px;line-height:1.5}
  .app{max-width:1236px;margin:0 auto;padding:0 32px 56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}.top,.status{grid-column:1/-1}.top{min-height:88px;padding:20px 0 14px;border-bottom:1px solid var(--line)}.service-mobile-brand{display:none}.service-top-context{display:grid;gap:3px}.service-top-context span{color:#858b88;font-size:11px;font-weight:700}.service-top-context b{font-size:15px;font-weight:900}.service-top-actions{gap:8px}.service-private,.theme-select,.install{min-height:40px}.install{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff}.app>[data-service-view],.app>.advanced-diagnostics{grid-row:auto!important}
  .hero{grid-column:span 8!important;min-height:354px!important;grid-template-columns:minmax(0,1.18fr) minmax(210px,.82fr)!important;gap:24px;align-items:center;padding:34px 36px!important}.hero::after{content:"";position:absolute;right:-90px;top:-130px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#dff9ea 0,#effbf4 46%,transparent 68%)}.hero h1{font-size:42px}.hero p{font-size:14px}.service-starters{max-width:570px}.service-orbit{position:relative;z-index:2;display:block;min-width:0;text-align:center}.service-orbit-ring{position:relative;width:min(218px,100%);aspect-ratio:1;margin:auto;border:1px solid #bee8cf;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 24px rgba(233,251,241,.6)}.service-orbit-ring::before,.service-orbit-ring::after{content:"";position:absolute;border:1px solid #d9eee1;border-radius:50%}.service-orbit-ring::before{inset:18%}.service-orbit-ring::after{inset:34%}.service-orbit-ring>b{position:absolute;inset:34%;display:grid;place-items:center;border-radius:50%;background:#112c20;color:#fff;font-size:18px;line-height:1.1;box-shadow:0 8px 22px rgba(12,55,32,.18)}.service-orbit-ring>span{position:absolute;width:32px;aspect-ratio:1;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#e7f5ed;color:#38604b;font-size:9px;font-weight:800;box-shadow:0 2px 8px rgba(17,56,36,.1);z-index:2}.service-orbit-ring>span.active{background:var(--brand);color:#053018}.service-orbit-ring>span:nth-of-type(1){left:calc(50% - 16px);top:-16px}.service-orbit-ring>span:nth-of-type(2){right:6%;top:8%}.service-orbit-ring>span:nth-of-type(3){right:-16px;top:calc(50% - 16px)}.service-orbit-ring>span:nth-of-type(4){right:6%;bottom:8%}.service-orbit-ring>span:nth-of-type(5){left:calc(50% - 16px);bottom:-16px}.service-orbit-ring>span:nth-of-type(6){left:6%;bottom:8%}.service-orbit-ring>span:nth-of-type(7){left:-16px;top:calc(50% - 16px)}.service-orbit-ring>span:nth-of-type(8){left:6%;top:8%}.service-orbit>p{margin:24px auto 0;max-width:230px;color:#66716b;font-size:11px}
  .pc-keyboard-dock:not([hidden]){display:block!important;grid-column:span 4!important;min-height:354px;border-radius:22px;padding:23px;background:#fff}.pc-keyboard-dock .eyebrow{color:var(--brand-ink);font-weight:850}.pc-keyboard-dock h2{margin-top:8px;font-size:22px;letter-spacing:-.045em}.pc-keyboard-row{gap:7px}.pc-keyboard-row button{border-radius:11px}.pc-keyboard-row #pcPrev,.pc-keyboard-row #pcNext{min-width:44px}.pc-keyboard-row #pcIncrement{background:#112c20;color:#fff}.pc-handoff{margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--line)}.pc-handoff img{width:68px!important;height:68px!important;border-radius:9px}.pc-help{border-radius:11px!important;background:#f7f9f8!important}
  .pc-desk-home:not([hidden]){display:grid!important;grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pc-desk-panel{padding:18px;min-height:145px}.pc-desk-panel .eyebrow{color:#8a918d;font-size:10px;font-weight:850}.pc-desk-panel h2{margin-top:4px;font-size:18px}.pc-desk-item{background:var(--soft);border-radius:10px}.pc-portfolio div{background:var(--soft);border-radius:10px}.pc-portfolio b{min-height:20px;display:flex!important;align-items:center;justify-content:center;gap:4px;color:#49544e}.pc-portfolio b svg{width:16px;height:16px;fill:none;stroke:var(--brand-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pc-portfolio b em{font-style:normal}.pc-metric{color:var(--brand-ink)}
  #pcAreasSection{display:none!important}#pcGoalsSection{grid-column:span 7!important;margin-top:0}#pcGoalsSection .cards{grid-template-columns:1fr}#pcActionSection,#pcCoachSection{grid-column:span 5!important;margin-top:0}#pcLargeStats{grid-column:1/-1!important;margin-top:0}.pc-large-stats:not([hidden]){display:block!important}#pcReviewSection,#pcStatsSection,#pcNotificationSection,#serviceIdentitySection{grid-column:span 6!important}.advanced-diagnostics{grid-column:1/-1!important;margin-top:0}.advanced-diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-diagnostics-grid>.section{grid-column:auto!important}.service-together{grid-column:span 8!important;margin-top:0;min-height:400px}.nav{display:none}.panel{width:min(720px,calc(100% - 40px));border-radius:24px;margin:auto}.sheet{align-items:center}.pc-shortcut-dialog[open]{display:block}
}
@media(min-width:1280px){.app{padding-inline:36px}.hero{grid-column:span 8!important}.pc-keyboard-dock:not([hidden]){grid-column:span 4!important}}
@media(prefers-reduced-motion:no-preference){.service-starters button,.service-rail-nav button,.goal,.primary,.secondary,.ghost{transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.service-starters button:hover,.goal:hover{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.service-starters button:disabled{background:var(--brand-soft);color:var(--brand-ink);border-color:#9ee0ba;opacity:1;cursor:default}