*{box-sizing:border-box}:root{--ink:#151512;--muted:#77746a;--paper:#f2efe7;--paper2:#e8e4da;--white:#fffefa;--line:#d8d2c5;--soft:#eae6dc;--accent:#20362e;--danger:#963b34;--shadow:0 18px 60px rgba(22,21,16,.07)}html{background:var(--paper);-webkit-text-size-adjust:100%}body{margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;background:var(--paper);color:var(--ink);min-height:100dvh}.shell{max-width:980px;margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 16px calc(64px + env(safe-area-inset-bottom))}.brand-page .shell{max-width:none;padding:0}.brand-stage{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;background:radial-gradient(circle at 50% 38%,#fbfaf5 0,#f2efe7 52%,#e8e3d8 100%)}.brand-lockup,.mini-lockup{display:flex;flex-direction:column;align-items:center}.tao-word{font-family:ui-serif,Georgia,"Times New Roman",serif;font-size:clamp(74px,18vw,152px);line-height:.82;letter-spacing:.03em;font-weight:500}.small-logo{font-size:64px}.tiny-logo{font-size:44px}.ifd-word{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:750;margin-top:18px;color:#4e4b43}.brand-promise{font-family:ui-serif,Georgia,"Times New Roman",serif;font-size:clamp(26px,4vw,38px);margin-top:54px;letter-spacing:-.02em}.brand-outcomes{display:flex;gap:10px 24px;flex-wrap:wrap;justify-content:center;margin-top:20px;font-size:15px;color:var(--muted)}.private-note{margin-top:54px;color:#8c887d;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.brand-footer{font-family:ui-serif,Georgia,"Times New Roman",serif;font-size:16px;color:var(--muted);margin-top:28px}.entry-wrap{min-height:100dvh;padding:calc(52px + env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 0,#fbfaf6 0,#f2efe7 45%,#ebe6dc 100%)}.entry-card{width:min(100%,440px);background:rgba(255,254,250,.92);border:1px solid rgba(199,192,179,.7);border-radius:28px;padding:28px;margin-top:40px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.entry-card h1,.consent-card h1{font-family:ui-serif,Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.03em}.card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 8px 36px rgba(30,28,20,.045)}.narrow{max-width:500px;margin:10vh auto}.admin-card{margin-top:14vh}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#777268;text-transform:uppercase}.lead{font-size:17px;line-height:1.55;color:#34322c}.micro{font-size:11px;color:var(--muted);line-height:1.45}.center{text-align:center}.muted{color:var(--muted)}h1{margin:.35rem 0 1rem;font-size:clamp(30px,6vw,44px);letter-spacing:-.04em}h2,h3{letter-spacing:-.02em}form{margin:0}label{display:block;font-size:12px;font-weight:750;margin:16px 0 7px;color:#3d3a33}input,textarea{width:100%;border:1px solid #ccc5b8;border-radius:16px;padding:13px 14px;font:inherit;font-size:16px;background:#fffefa;color:var(--ink);outline:none;transition:.18s ease}textarea{resize:none;line-height:1.45;min-height:50px;max-height:150px}input:focus,textarea:focus{border-color:#6e766d;box-shadow:0 0 0 4px rgba(32,54,46,.08)}button,.buttonlink{border:0;border-radius:15px;background:var(--ink);color:#fff;padding:12px 17px;font:inherit;font-weight:760;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;margin-top:12px;transition:transform .12s ease,opacity .12s ease,background .12s ease}button:active,.buttonlink:active{transform:scale(.985)}button:disabled{opacity:.48}.primary{background:var(--ink)}.wide{width:100%}.ghost{background:#e9e5da;color:#292720}.danger{background:var(--danger)}.small{margin:0;padding:8px 12px}.check{display:flex;gap:11px;align-items:flex-start;font-weight:500;line-height:1.4}.check input{width:auto;margin-top:3px;flex:none}.optional{padding:13px;background:#f3f0e8;border-radius:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alert,.notice{padding:13px 15px;border-radius:14px;background:#fff0d7;border:1px solid #e5cfaa;margin:12px 0;line-height:1.4}.consent-wrap{max-width:720px;margin:0 auto;padding-top:10px}.compact-lockup{margin:20px 0 34px}.consent-card{padding:34px}.consent-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.consent-facts>div{background:#f5f2eb;border-radius:16px;padding:15px}.consent-facts strong,.consent-facts span{display:block}.consent-facts strong{font-size:12px;margin-bottom:5px}.consent-facts span{font-size:12px;color:#625f56;line-height:1.45}.consent-form{margin-top:18px}.appbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;padding:8px 0 16px;background:linear-gradient(var(--paper) 68%,rgba(242,239,231,0));margin-bottom:2px}.app-brand{display:flex;align-items:baseline;gap:10px;color:inherit;text-decoration:none}.app-tao{font-family:ui-serif,Georgia,"Times New Roman",serif;font-size:29px;letter-spacing:.04em}.app-ifd{font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#656158;font-weight:750}.app-actions{display:flex;align-items:center;gap:9px}.participant-id{font-size:9px;letter-spacing:.1em;color:#928d81}.icon-button{width:34px;height:34px;padding:0;margin:0;border-radius:50%;background:#e8e3d8;color:#4b4942;font-size:17px}.chat-page .shell{max-width:820px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.chat{display:flex;flex-direction:column;gap:17px;min-height:56vh;max-height:calc(100dvh - 215px);overflow:auto;padding:8px 1px 18px;scrollbar-width:none}.chat::-webkit-scrollbar{display:none}.msg{max-width:82%}.msg.user{align-self:flex-end}.msg.assistant{align-self:flex-start}.bubble{white-space:pre-wrap;line-height:1.58;padding:14px 16px;border-radius:20px;background:#fffefa;border:1px solid var(--line);box-shadow:0 3px 18px rgba(30,28,20,.025)}.user .bubble{background:#1a1a17;color:#fff;border-color:#1a1a17}.meta{font-size:9px;letter-spacing:.03em;color:#999386;margin:5px 8px}.empty-state{padding:6vh 4px 26px;text-align:center;max-width:680px;margin:auto}.empty-mark{font-family:ui-serif,Georgia,"Times New Roman",serif;font-size:68px;letter-spacing:.04em;line-height:1}.empty-state h1{font-family:ui-serif,Georgia,"Times New Roman",serif;font-weight:500;font-size:36px;margin:24px 0 9px}.outcome-line{color:#777268;font-size:14px;margin:0 auto 38px}.yoga-label{text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#8e897e;margin-bottom:14px}.yoga-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.yoga-grid button{margin:0;background:#ebe7dd;color:#25241f;border:1px solid transparent;border-radius:17px;padding:15px 8px;font-family:ui-serif,Georgia,"Times New Roman",serif;font-size:15px;font-weight:500;min-height:78px}.yoga-grid button span{display:block;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:7px;color:#837e73;margin-bottom:5px}.yoga-grid button:hover{background:#e3ded2}.composer{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 48px;align-items:end;gap:8px;background:rgba(242,239,231,.88);backdrop-filter:blur(14px);padding:9px 0}.composer textarea{border-radius:22px;padding:14px 16px;min-height:50px;background:#fffefa}.send-button{width:48px;height:48px;margin:0;border-radius:50%;padding:0;font-size:23px;background:var(--accent)}.tools{margin-top:22px;border-top:1px solid var(--line);padding-top:16px;color:#555149}.tools summary{cursor:pointer;font-weight:700;font-size:12px}.feedback,.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.feedback button,.actions button{margin-top:8px}.install-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#1d3029;color:white;border-radius:18px;padding:13px 14px;margin:4px 0 12px}.install-banner strong,.install-banner span{display:block}.install-banner strong{font-size:12px}.install-banner span{font-size:10px;opacity:.72;margin-top:3px}.install-actions{display:flex;align-items:center;gap:6px}.install-actions button{margin:0;white-space:nowrap}.text-button{background:transparent;padding:7px 8px;color:#dcded9;font-size:11px}.mini-primary{background:#f4f0e7;color:#1d3029;padding:8px 11px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.metrics>div{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{font-size:22px}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.topbar h1{font-size:28px;margin:3px 0}.children{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.child{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:17px}.childhead{display:flex;justify-content:space-between;align-items:center}.childhead a{color:inherit}.pill{font-size:10px;padding:4px 8px;border-radius:99px;background:#deddd7}.pill.ok{background:#ddefd8}.pill.off{background:#efdddd}.stats{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.stats span,.eventgrid span{font-size:11px;background:#ece8de;border-radius:8px;padding:5px 7px}.stats.big span{font-size:13px}.summary{font-size:13px;line-height:1.45}.compact button{font-size:11px;padding:6px 9px}.invite{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid #e7e2d7}.invite code{display:block;overflow-wrap:anywhere;background:#f4f1e9;padding:7px;border-radius:8px}.back{display:inline-block;margin-bottom:14px;color:#555149;text-decoration:none}.eventgrid{display:flex;flex-wrap:wrap;gap:6px}.parenttext{white-space:pre-wrap;line-height:1.55}.compact-lockup .ifd-word{margin-top:10px}@media(max-width:720px){.shell{padding-left:12px;padding-right:12px}.brand-outcomes{flex-direction:column;gap:6px}.entry-wrap{padding-left:14px;padding-right:14px}.entry-card{padding:24px;margin-top:34px}.consent-card{padding:22px}.consent-facts,.children,.metrics,.grid2{grid-template-columns:1fr}.chat{max-height:calc(100dvh - 190px);min-height:50vh}.msg{max-width:92%}.yoga-grid{grid-template-columns:1fr 1fr}.yoga-grid button:last-child{grid-column:1 / -1}.app-ifd{display:none}.empty-state{padding-top:3vh}.composer{grid-template-columns:1fr 46px}.send-button{width:46px;height:46px}.install-banner{align-items:flex-start;flex-direction:column}.install-actions{width:100%;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* ============================================================
   TAO KAALA SKIN v1.0
   Black = field / contact surface
   Gold = primary emanation
   Crystal = secondary signal
   Warm white = reading field
   ============================================================ */

:root{
  --ink:#f4efe5;
  --muted:#aaa49a;
  --paper:#050505;
  --paper2:#0a0a09;
  --white:#0d0d0c;
  --line:rgba(213,178,103,.24);
  --soft:#11110f;
  --accent:#d5b267;
  --danger:#8f3634;
  --gold:#d5b267;
  --gold-bright:#eed18a;
  --gold-deep:#9f793b;
  --crystal:#d9dee3;
  --warm:#f4efe5;
  --shadow:0 24px 80px rgba(0,0,0,.48);
}

html{
  background:#030303;
  color-scheme:dark;
}

body{
  background:
    radial-gradient(circle at 50% -8%,rgba(213,178,103,.055),transparent 33%),
    #050505;
  color:var(--warm);
}

::selection{
  background:rgba(213,178,103,.28);
  color:#fff8ea;
}

.brand-stage{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 38%,rgba(213,178,103,.095) 0,rgba(93,72,37,.04) 20%,rgba(9,9,8,.92) 48%,#030303 82%);
  color:var(--warm);
}

.brand-stage::before{
  content:"";
  position:absolute;
  z-index:-2;
  width:min(72vw,760px);
  aspect-ratio:1;
  border:1px solid rgba(213,178,103,.24);
  border-radius:50%;
  box-shadow:
    0 0 0 88px rgba(213,178,103,.035),
    0 0 0 176px rgba(213,178,103,.018),
    inset 0 0 90px rgba(213,178,103,.025);
  opacity:.82;
}

.brand-stage::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg,transparent 49.92%,rgba(217,222,227,.055) 50%,transparent 50.08%),
    linear-gradient(0deg,transparent 49.92%,rgba(213,178,103,.045) 50%,transparent 50.08%);
  mask-image:radial-gradient(circle at center,#000 0 34%,transparent 72%);
  pointer-events:none;
}

.tao-word{
  background:linear-gradient(135deg,var(--gold-deep) 8%,var(--gold-bright) 42%,#fff0bd 50%,var(--gold) 66%,#8d6630 96%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 24px rgba(213,178,103,.08);
}

.ifd-word{
  color:var(--crystal);
  text-shadow:0 0 14px rgba(217,222,227,.06);
}

.brand-promise,
.brand-footer{
  color:var(--warm);
  text-shadow:0 0 18px rgba(244,239,229,.025);
}

.brand-outcomes{
  color:var(--crystal);
}

.brand-outcomes span:nth-child(2){
  color:var(--gold-bright);
}

.private-note{
  color:var(--gold);
  border-bottom:1px solid rgba(213,178,103,.22);
  padding-bottom:7px;
}

.entry-wrap{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 8%,rgba(213,178,103,.08),transparent 26%),
    radial-gradient(circle at 50% 56%,rgba(213,178,103,.035),transparent 36%),
    #040404;
  color:var(--warm);
}

.entry-wrap::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(82vw,680px);
  aspect-ratio:1;
  border:1px solid rgba(213,178,103,.09);
  border-radius:50%;
  top:12%;
}

.entry-card,
.card{
  background:linear-gradient(180deg,rgba(18,18,16,.95),rgba(9,9,8,.96));
  color:var(--warm);
  border:1px solid rgba(213,178,103,.34);
  box-shadow:
    0 28px 90px rgba(0,0,0,.48),
    0 0 32px rgba(213,178,103,.035),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.entry-card{
  box-shadow:
    0 28px 90px rgba(0,0,0,.56),
    0 0 0 1px rgba(213,178,103,.05),
    0 0 36px rgba(213,178,103,.045);
}

.eyebrow{
  color:var(--gold);
}

.lead{
  color:var(--crystal);
}

.micro,
.muted{
  color:var(--muted);
}

h1,h2,h3,label{
  color:var(--warm);
}

input,textarea{
  background:#070706;
  color:var(--warm);
  border-color:rgba(213,178,103,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}

input::placeholder,
textarea::placeholder{
  color:#77736c;
}

input:focus,textarea:focus{
  border-color:var(--gold);
  box-shadow:
    0 0 0 3px rgba(213,178,103,.10),
    0 0 24px rgba(213,178,103,.05);
}

button,.buttonlink,
.primary{
  background:linear-gradient(135deg,#a57d3e 0%,#d5b267 48%,#f0d28c 100%);
  color:#0b0905;
  box-shadow:
    0 8px 28px rgba(213,178,103,.12),
    inset 0 1px 0 rgba(255,255,255,.28);
}

button:hover,.buttonlink:hover{
  filter:brightness(1.04);
}

.ghost{
  background:#11110f;
  color:var(--crystal);
  border:1px solid rgba(213,178,103,.18);
  box-shadow:none;
}

.ghost:hover{
  background:#171611;
  border-color:rgba(213,178,103,.34);
}

.danger{
  background:#8f3634;
  color:#fff6ee;
  box-shadow:none;
}

.optional,
.consent-facts>div{
  background:#0f0f0d;
  border:1px solid rgba(213,178,103,.10);
}

.consent-facts strong{
  color:var(--gold-bright);
}

.consent-facts span{
  color:var(--muted);
}

.alert,.notice{
  background:#171108;
  border-color:rgba(213,178,103,.34);
  color:#f0d9a5;
}

.appbar{
  background:linear-gradient(#050505 68%,rgba(5,5,5,0));
}

.app-brand{
  color:var(--warm);
}

.app-tao{
  color:var(--gold-bright);
  text-shadow:0 0 16px rgba(213,178,103,.08);
}

.app-ifd{
  color:var(--crystal);
}

.participant-id{
  color:#827d74;
}

.icon-button{
  background:#10100e;
  color:var(--gold);
  border:1px solid rgba(213,178,103,.18);
  box-shadow:none;
}

.bubble{
  background:#0c0c0b;
  border-color:rgba(213,178,103,.20);
  color:var(--warm);
  box-shadow:0 8px 28px rgba(0,0,0,.16);
}

.user .bubble{
  background:linear-gradient(135deg,#b98d49,#dfbd71);
  color:#0a0805;
  border-color:#d5b267;
  box-shadow:0 8px 30px rgba(213,178,103,.12);
}

.meta{
  color:#77736c;
}

.empty-mark{
  background:linear-gradient(135deg,var(--gold-deep),var(--gold-bright),#fff0bd,var(--gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.empty-state h1{
  color:var(--warm);
}

.outcome-line{
  color:var(--crystal);
}

.yoga-label{
  color:var(--gold);
}

.yoga-grid button{
  background:linear-gradient(180deg,#10100e,#090908);
  color:var(--warm);
  border:1px solid rgba(213,178,103,.20);
  box-shadow:none;
}

.yoga-grid button span{
  color:var(--gold);
}

.yoga-grid button:hover{
  background:#15140f;
  border-color:rgba(213,178,103,.44);
}

.composer{
  background:rgba(5,5,5,.86);
}

.composer textarea{
  background:#0a0a09;
}

.send-button{
  background:linear-gradient(135deg,#a57d3e,#e4c67c);
  color:#080603;
}

.tools{
  border-top-color:rgba(213,178,103,.18);
  color:var(--muted);
}

.tools summary{
  color:var(--crystal);
}

.install-banner{
  background:linear-gradient(135deg,#15120c,#0a0a09);
  color:var(--warm);
  border:1px solid rgba(213,178,103,.25);
}

.text-button{
  color:var(--crystal);
}

.mini-primary{
  background:linear-gradient(135deg,#a57d3e,#e4c67c);
  color:#080603;
}

.metrics>div,
.child{
  background:linear-gradient(180deg,#0e0e0c,#090908);
  border-color:rgba(213,178,103,.18);
  box-shadow:0 10px 35px rgba(0,0,0,.18);
}

.metrics span,.metrics small{
  color:var(--muted);
}

.metrics strong{
  color:var(--warm);
}

.childhead a,
.back{
  color:var(--crystal);
}

.pill{
  background:#181713;
  color:var(--crystal);
}

.pill.ok{
  background:#152117;
  color:#b9d7bb;
  border:1px solid rgba(139,192,145,.18);
}

.pill.off{
  background:#241413;
  color:#e6aaa7;
}

.stats span,.eventgrid span{
  background:#15140f;
  color:var(--crystal);
  border:1px solid rgba(213,178,103,.10);
}

.invite{
  border-bottom-color:rgba(213,178,103,.12);
}

.invite code{
  background:#0c0c0b;
  color:var(--gold-bright);
  border:1px solid rgba(213,178,103,.16);
}

.topbar{
  border-bottom:1px solid rgba(213,178,103,.12);
  padding-bottom:15px;
}

@media(max-width:720px){
  .brand-stage::before{
    width:92vw;
    opacity:.58;
  }

  .entry-card{
    border-radius:24px;
    box-shadow:
      0 22px 64px rgba(0,0,0,.52),
      0 0 28px rgba(213,178,103,.035);
  }
}


/* TAO participant return path v1.0 */
.private-link{display:inline-block;text-decoration:none;cursor:pointer}
.private-link:hover{color:var(--gold-bright);border-bottom-color:rgba(238,209,138,.55)}
.entry-card input[name="pilot_id"]{text-transform:uppercase;letter-spacing:.08em}

/* TAO Consent Krama v1.4 — less surface, same agreement */
.krama-consent{max-width:640px}
.krama-consent h1{margin-bottom:14px}
.consent-steps{margin:8px 0 18px;border-top:1px solid rgba(213,178,103,.16)}
.consent-step{padding:15px 0;border-bottom:1px solid rgba(213,178,103,.14)}
.consent-step strong,.consent-step span{display:block}
.consent-step strong{color:var(--gold);font-size:13px;margin-bottom:4px;letter-spacing:.01em}
.consent-step span{color:var(--crystal);font-size:13px;line-height:1.48}
.krama-consent .consent-form{margin-top:10px}
.krama-consent .check{margin:12px 0;font-size:13px;line-height:1.38}
.krama-consent .optional{padding:12px 13px}
.where-label{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:20px 0 0}
.field-optional{color:var(--muted);font-weight:500;font-size:10px}
.compact-location label{margin-top:10px}
.audit-choice{margin-top:16px!important}
@media(max-width:720px){
  .consent-wrap{padding-top:0}
  .consent-wrap .compact-lockup{margin:10px 0 22px}
  .krama-consent{padding:20px}
  .krama-consent h1{font-size:36px;margin-bottom:8px}
  .consent-step{padding:12px 0}
  .consent-step strong,.consent-step span,.krama-consent .check{font-size:12.5px}
}
