:root{--bg:#05070c;--text:#f4f7fb;--muted:#9aa8ba;--gold:#f1d691;--blue:#cde7ff;--line:rgba(255,255,255,.095);--danger:#e8a0a0}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}
.svc-shell{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(87,151,205,.12),transparent 36%),linear-gradient(180deg,#04070c,#07101a 54%,#03060a)}
.svc-sky{position:fixed;inset:0;z-index:-2;pointer-events:none}.svc-stars{position:absolute;inset:-80px;opacity:.54;background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(197,223,255,.45) 0 .8px,transparent 1.25px);background-size:107px 107px,173px 173px}.svc-glow{position:absolute;left:50%;bottom:-30vw;transform:translateX(-50%);width:90vw;height:42vw;border-radius:50%;background:radial-gradient(ellipse,rgba(242,214,145,.09),transparent 68%);filter:blur(30px)}
.svc-topbar{width:min(1100px,calc(100% - 34px));margin:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between}.svc-brand{display:flex;gap:9px;align-items:center;font-weight:700;letter-spacing:.05em}.svc-dot{width:9px;height:9px;border-radius:50%;background:#ffefb8;box-shadow:0 0 16px rgba(241,214,145,.48)}.svc-top-actions{display:flex;gap:11px;align-items:center}.all-link{font-size:11px;color:#748397}.svc-lang{border:1px solid var(--line);background:rgba(255,255,255,.03);padding:7px 11px;border-radius:999px;cursor:pointer}
.svc-main{width:min(920px,calc(100% - 28px));margin:auto;padding:55px 0 75px}.svc-panel{width:min(680px,100%);margin:auto;border:1px solid var(--line);border-radius:28px;padding:34px 36px;background:linear-gradient(180deg,rgba(12,19,30,.82),rgba(7,12,20,.75));backdrop-filter:blur(17px);box-shadow:0 28px 90px rgba(0,0,0,.4)}.svc-panel.wide{width:min(900px,100%)}
.svc-step{text-align:center;font-size:11px;letter-spacing:.1em;color:#77879b;text-transform:uppercase;margin:0 0 15px}.svc-panel h1{text-align:center;font-size:clamp(29px,5vw,43px);line-height:1.25;letter-spacing:-.045em;margin:0}.svc-lead{text-align:center;color:var(--muted);font-size:14px;line-height:1.75;max-width:590px;margin:13px auto 28px;word-break:keep-all}
.quote-card{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.026);padding:23px;margin-bottom:23px}.quote-card.centered{text-align:center}.tiny-label{font-size:10px;color:#8a99ad;letter-spacing:.04em}.big-question{font-size:clamp(20px,3.5vw,28px);line-height:1.55;letter-spacing:-.025em;margin:12px 0 0}.word-message,.burden-text{font-size:20px;line-height:1.7;margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.field-label{display:block;font-size:12px;color:#d5dde8;margin:0 0 8px;font-weight:650}.field-label.second{margin-top:18px}
textarea,input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.16);border-radius:15px;padding:14px 15px;outline:none;line-height:1.6}textarea{resize:vertical}textarea:focus,input:focus{border-color:rgba(241,214,145,.3)}textarea::placeholder,input::placeholder{color:#59687b}
.check-row{display:flex;gap:9px;align-items:flex-start;color:#7e8da0;font-size:10px;line-height:1.5;margin-top:14px}.check-row input{width:auto;margin-top:2px;accent-color:#d6bb76}.compact-check{max-width:650px;margin:11px auto 0}.svc-error{min-height:17px;text-align:center;color:var(--danger);font-size:11px;margin:8px 0 0}
.svc-primary,.svc-secondary{border-radius:999px;cursor:pointer;min-height:46px;padding:0 18px}.svc-primary{border:1px solid rgba(255,241,199,.22);background:linear-gradient(180deg,#f6e7b8,#dfc378);color:#15130d;font-weight:700}.svc-primary.full{width:100%;margin-top:15px}.svc-secondary{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#cad3de}.svc-primary:disabled{opacity:.55;cursor:not-allowed}
.done-box{text-align:center;margin-top:25px;padding:22px;border-top:1px solid var(--line);color:#aeb9c8}.done-box h2{font-size:22px;color:#f0f3f7}.done-symbol{font-size:30px;color:var(--gold)}.done-box p{font-size:13px;line-height:1.7}.done-box .svc-secondary{margin-top:10px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.category-grid button{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:17px;min-height:88px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.category-grid button span{color:var(--gold);font-size:18px}.category-grid button b{font-size:12px}.category-grid button:hover,.category-grid button.active{border-color:rgba(241,214,145,.27);background:rgba(241,214,145,.055)}
.inline-form{display:flex;gap:10px;margin-top:18px}.inline-form input{flex:1}.inline-form .svc-primary{white-space:nowrap}
.trace-field{height:390px;border:1px solid var(--line);border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(90,149,193,.08),transparent 42%),rgba(0,0,0,.13)}.trace-dot{position:absolute;width:10px;height:10px;border:0;border-radius:50%;background:#d4eaff;box-shadow:0 0 12px rgba(193,226,255,.36);cursor:pointer;transform:translate(-50%,-50%);transition:.18s ease}.trace-dot:nth-child(3n){background:#f5d991;box-shadow:0 0 12px rgba(241,214,145,.32)}.trace-dot:hover{transform:translate(-50%,-50%) scale(1.7)}.trace-empty{position:absolute;inset:0;display:grid;place-items:center;color:#617085;font-size:12px}
.live-line{width:max-content;margin:0 auto 15px;color:#aeb9c8;font-size:12px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#9fe0ad;box-shadow:0 0 0 0 rgba(159,224,173,.4);animation:pulse 2s infinite}.live-answers{margin-top:26px}.live-answers h2{font-size:14px;color:#9aa8ba;margin:0 0 10px}.live-answer{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);font-size:13px;line-height:1.6;margin-top:8px;color:#dfe5ed}
.svc-footer{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 15px 24px;color:#506074;font-size:10px}
.svc-modal{width:min(520px,calc(100% - 28px));border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#0a111c;color:#f4f7fb;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.65)}.svc-modal::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}.svc-modal-inner{padding:26px;position:relative}.svc-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#7e8da0;font-size:24px;cursor:pointer}.svc-modal h3{margin:0 30px 12px 0}.svc-modal p{color:#aab6c5;line-height:1.75;white-space:pre-wrap}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(159,224,173,.4)}70%{box-shadow:0 0 0 8px rgba(159,224,173,0)}100%{box-shadow:0 0 0 0 rgba(159,224,173,0)}}
@media(max-width:650px){.svc-topbar{width:calc(100% - 24px);min-height:61px}.all-link{display:none}.svc-main{width:calc(100% - 22px);padding:37px 0 58px}.svc-panel{padding:28px 17px 23px;border-radius:22px}.category-grid{grid-template-columns:repeat(2,1fr)}.trace-field{height:330px}.inline-form{flex-direction:column}.inline-form .svc-primary{width:100%}}

.privacy-link{border:0;background:none;color:#59697c;font-size:10px;padding:5px;cursor:pointer}
.privacy-link:hover{color:#aab6c5}.footer-sep{color:#394656}


.question-reach-note{
  width:max-content;
  max-width:100%;
  margin:13px auto 0!important;
  padding:8px 12px;
  border:1px solid rgba(241,214,145,.12);
  border-radius:999px;
  background:rgba(241,214,145,.04);
  color:#c7b887!important;
  font-size:11px!important;
}


.my-posts-link,
.question-history-link{
  display:block;
  width:max-content;
  max-width:100%;
  margin:-12px auto 22px;
  padding:7px 11px;
  border:0;
  background:none;
  color:#a99767;
  font-size:11px;
  cursor:pointer;
}
.my-posts-link:hover,
.question-history-link:hover{color:#ead8a5}

.my-post-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-height:min(62vh,590px);
  overflow:auto;
  padding-right:3px;
}
.my-post-card{
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(255,255,255,.025);
  padding:16px;
}
.my-post-section + .my-post-section{
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.065);
}
.my-post-label{
  display:block;
  color:#77869a;
  font-size:9px;
  letter-spacing:.05em;
  margin-bottom:5px;
}
.my-post-section p{
  margin:0!important;
  color:#e5eaf1!important;
  font-size:13px!important;
  line-height:1.65!important;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.my-post-section.muted p{color:#aab6c5!important}
.my-post-section.warm p{color:#eee0b6!important}
.record-footer{
  margin-top:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.record-reach{
  color:#b5a576;
  font-size:10px;
  line-height:1.5;
}
.record-edit-btn{
  flex:0 0 auto;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  color:#aab6c5;
  border-radius:999px;
  padding:6px 10px;
  font-size:10px;
  cursor:pointer;
}
.record-edit-btn:hover{background:rgba(255,255,255,.07);color:#fff}
.edit-record-label{
  display:block;
  margin:14px 0 7px;
  color:#d5dde8;
  font-size:12px;
  font-weight:650;
}
.edit-record-textarea{
  width:100%;
  resize:vertical;
  border:1px solid var(--line);
  background:rgba(0,0,0,.17);
  color:#f1f4f8;
  border-radius:14px;
  padding:13px 14px;
  line-height:1.65;
}
.edit-record-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:15px;
}
.edit-record-actions .svc-primary,
.edit-record-actions .svc-secondary{
  min-width:105px;
}

/* ===== 2026-08 bright human-centered theme ===== */
:root{
  --bg:#f8f5ef;
  --text:#44372f;
  --muted:#82766d;
  --gold:#bd8f4d;
  --blue:#8ca8bb;
  --line:rgba(91,70,52,.13);
  --danger:#b75f5f;
}
html,body{background:var(--bg);color:var(--text)}
.svc-shell{
  background:
    radial-gradient(circle at 7% 13%,rgba(255,255,255,.96),transparent 28%),
    radial-gradient(circle at 92% 14%,rgba(225,207,183,.36),transparent 28%),
    linear-gradient(180deg,#fbfaf7 0%,#f8f4ed 58%,#f1ebe2 100%);
}
.svc-sky{overflow:hidden}
.svc-stars{display:none}
.svc-glow{display:none}
.svc-sky::before,.svc-sky::after{
  content:"";position:absolute;top:5%;width:min(36vw,520px);height:min(34vw,480px);
  background-repeat:no-repeat;background-size:cover;background-position:center;
  opacity:.18;filter:saturate(.8);pointer-events:none;
}
.svc-sky::before{
  left:-5%;background-image:url("warm-left.webp");
  -webkit-mask-image:linear-gradient(90deg,#000 0 55%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0 55%,transparent 100%);
}
.svc-sky::after{
  right:-4%;background-image:url("warm-human.webp");
  -webkit-mask-image:linear-gradient(270deg,#000 0 58%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0 58%,transparent 100%);
}
.svc-topbar{border-bottom:1px solid rgba(91,70,52,.08)}
.svc-brand{font-family:Georgia,"Noto Serif KR","Batang",serif;color:#40342d}
.svc-dot{background:#c89a56;box-shadow:0 0 0 5px rgba(200,154,86,.10)}
.all-link{color:#9a8c82}
.all-link:hover{color:#6f5a49}
.svc-lang{
  border-color:var(--line);background:rgba(255,255,255,.68);color:#5a4b40;
  box-shadow:0 6px 18px rgba(95,73,53,.05);
}
.svc-lang:hover{background:#fff;border-color:rgba(91,70,52,.20)}
.svc-main{padding-top:52px}
.svc-panel{
  border-color:var(--line);
  background:rgba(255,253,249,.91);
  box-shadow:0 25px 75px rgba(99,77,55,.11);
  backdrop-filter:blur(18px);
}
.svc-step{color:#a3835e}
.svc-panel h1{color:#41342c;font-family:Georgia,"Noto Serif KR","Nanum Myeongjo","Batang",serif;font-weight:700}
.svc-lead{color:#82766d}
.quote-card{
  border-color:var(--line);
  background:linear-gradient(145deg,rgba(250,244,235,.82),rgba(255,255,255,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.8);
}
.tiny-label{color:#a18668}
.big-question,.word-message,.burden-text{color:#4b3d33}
.field-label,.edit-record-label{color:#5a493c}
textarea,input,.edit-record-textarea{
  border-color:var(--line);background:rgba(255,255,255,.82);color:#493c33;
  box-shadow:inset 0 1px 2px rgba(92,70,50,.03);
}
textarea:focus,input:focus,.edit-record-textarea:focus{border-color:rgba(178,132,72,.38);background:#fff}
textarea::placeholder,input::placeholder{color:#aaa097}
.check-row{color:#92867c}
.check-row input{accent-color:#b98c4e}
.svc-primary{
  border-color:rgba(166,120,60,.18);
  background:linear-gradient(180deg,#e4c995,#cfaa68);
  color:#35291f;box-shadow:0 10px 24px rgba(159,116,59,.12);
}
.svc-primary:hover{filter:brightness(1.025);transform:translateY(-1px)}
.svc-secondary,.record-edit-btn{
  border-color:var(--line);background:rgba(255,255,255,.72);color:#75685f;
}
.svc-secondary:hover,.record-edit-btn:hover{background:#fff;color:#493c33}
.done-box{border-top-color:var(--line);color:#83776f}
.done-box h2{color:#483a31}
.category-grid button{
  border-color:var(--line);background:rgba(255,255,255,.72);color:#53453b;
  box-shadow:0 7px 20px rgba(94,72,50,.035);
}
.category-grid button span{color:#b8894b}
.category-grid button:hover,.category-grid button.active{
  border-color:rgba(178,132,72,.28);background:#f7ecdc;
}
.trace-field{
  border-color:var(--line);
  background:radial-gradient(circle at 50% 55%,rgba(205,177,137,.16),transparent 42%),rgba(255,255,255,.70);
}
.trace-dot{background:#8fb3c8;box-shadow:0 0 0 4px rgba(143,179,200,.12)}
.trace-dot:nth-child(3n){background:#c89b59;box-shadow:0 0 0 4px rgba(200,155,89,.12)}
.trace-empty{color:#a09287}
.live-line{color:#867b72}
.live-answer,.my-post-card{
  border-color:var(--line);background:rgba(255,255,255,.76);color:#514239;
}
.live-answers h2{color:#81756c}
.svc-footer{color:#aaa097}
.privacy-link{color:#9c9086}
.privacy-link:hover{color:#66564a}
.footer-sep{color:#c4b9ae}
.svc-modal{
  border-color:var(--line);background:#fffdf9;color:#44372f;
  box-shadow:0 28px 90px rgba(78,60,43,.20);
}
.svc-modal::backdrop{background:rgba(78,66,55,.28);backdrop-filter:blur(5px)}
.svc-close{color:#9d8f84}
.svc-modal p{color:#786c63}
.question-reach-note{
  border-color:rgba(178,132,72,.16);background:rgba(246,235,218,.76);color:#98723f!important;
}
.my-posts-link,.question-history-link{color:#9d7440}
.my-posts-link:hover,.question-history-link:hover{color:#714d27}
.my-post-section + .my-post-section{border-top-color:rgba(91,70,52,.10)}
.my-post-label{color:#9b8d82}
.my-post-section p{color:#4d4037!important}
.my-post-section.muted p{color:#82756c!important}
.my-post-section.warm p{color:#886637!important}
.record-reach{color:#9a7543}
.edit-record-actions .svc-primary,.edit-record-actions .svc-secondary{min-width:105px}

@media(max-width:650px){
  .svc-sky::before{width:64vw;height:45vw;opacity:.10}
  .svc-sky::after{width:68vw;height:48vw;opacity:.13}
  .svc-main{padding-top:34px}
  .svc-panel{background:rgba(255,253,249,.94)}
}

/* Total count shown in the top-right, matching the heart service statistic. */
.service-count{
  font-size:11px;
  color:#9b8d82;
  white-space:nowrap;
}
@media(max-width:650px){
  .service-count{display:none!important}
}

/* ===== Encounter ripple + burden follow-up ===== */
.word-ripple{
  margin-top:17px;padding-top:14px;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;
}
.word-ripple p{margin:0;color:#98723f;font-size:11px;line-height:1.55}
.word-pass-btn{
  flex:0 0 auto;border:1px solid rgba(171,125,69,.15);background:#f3e6d4;color:#815a2d;
  border-radius:999px;padding:7px 11px;font:inherit;font-size:10px;cursor:pointer;
}
.word-pass-btn:hover{background:#eedcc4}.word-pass-btn:disabled{opacity:.62;cursor:default}

.burden-followup{
  margin:0 0 25px;padding:20px;border:1px solid rgba(178,132,72,.18);border-radius:19px;
  background:linear-gradient(145deg,#faf1e4,#fffaf3);box-shadow:0 10px 28px rgba(101,76,50,.055);
}
.burden-followup .tiny-label{display:block;text-align:center}
.burden-followup h2{margin:7px 0 11px!important;padding:0!important;font-size:21px!important;text-align:center!important}
.burden-followup-text{margin:0;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.72);color:#665247;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.burden-followup-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.burden-followup-actions button{
  min-height:40px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.78);color:#75675d;
  font:inherit;font-size:10px;line-height:1.35;padding:7px;cursor:pointer;
}
.burden-followup-actions button:hover{background:#f3e4cf;color:#754f28;border-color:rgba(178,132,72,.20)}
.burden-followup-actions button:disabled{opacity:.5;cursor:wait}
@media(max-width:650px){
  .word-ripple{display:block}.word-pass-btn{margin-top:10px}
  .burden-followup-actions{grid-template-columns:1fr}.burden-followup-actions button{min-height:38px}
}
.word-ripple[hidden],.burden-followup[hidden]{display:none!important}