/* Tolga Dialogue - Apple-inspired web design layer.
   This is a custom browser design, not an Apple native interface. */
:root,html[data-theme="oasis"] {
  color-scheme:light;
  --bg:#f5f5f7;--paper:#ffffff;--ink:#1d1d1f;--muted:#60616a;
  --deep:#176b58;--deep2:#115a49;--deep-text:#ffffff;
  --line:#e2e3e9;--accent:#136d57;--pale:#eaf4ef;--select:#55c69e;
  --shadow:0 16px 45px rgba(28,43,38,.075),0 2px 7px rgba(28,43,38,.035);
  --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif;
}
html[data-theme="paper"] {
  color-scheme:light;
  --bg:#f8f7f3;--paper:#ffffff;--ink:#272727;--muted:#67655f;
  --deep:#166959;--deep2:#0d5646;--deep-text:#ffffff;
  --line:#e6e3dc;--accent:#116a57;--pale:#eff5f1;--select:#56bc9b;
  --shadow:0 15px 42px rgba(38,32,25,.065),0 2px 7px rgba(38,32,25,.035);
}
html[data-theme="night"] {
  color-scheme:dark;
  --bg:#101115;--paper:#1e1f25;--ink:#f5f5f7;--muted:#b1b2bd;
  --deep:#206a57;--deep2:#185544;--deep-text:#fff;
  --line:#383a44;--accent:#72d6b0;--pale:#292e34;--select:#73deba;
  --shadow:0 20px 45px rgba(0,0,0,.26);
}
html{scroll-behavior:smooth}body{font-family:var(--font);font-weight:400;line-height:1.65;letter-spacing:0;background:var(--bg)}
h1,h2,h3{font-weight:750;line-height:1.3;letter-spacing:-.035em}
button,input,textarea,select{font-family:var(--font)}button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #389f86;outline-offset:3px}
.demo-bar{background:#e8f2ee;color:#2e6554;min-height:30px;font-size:11px;border-bottom:1px solid #d9e8e1}
.demo-pulse{background:#27b487;width:7px;height:7px}
html[data-theme="night"] .demo-bar{background:#193328;color:#b9ead2;border-color:#2d4c3e}
.site-head{background:rgba(255,255,255,.81);border-bottom:1px solid rgba(219,220,227,.70);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)}
html[data-theme="night"] .site-head{background:rgba(30,31,37,.82);border-color:#ffffff18}
.head-inner{min-height:80px}.logo{letter-spacing:-.06em;font-weight:850;font-size:26px}
.logo-dot{color:var(--accent)}.logo-caption{letter-spacing:0;font-size:11px;font-weight:550;margin-top:6px}
.desktop-nav{background:var(--bg);padding:5px;border-radius:100px;gap:0}
.desktop-nav button{min-height:42px;color:var(--muted);font-size:13px;font-weight:650;border-radius:100px;padding:9px 18px}
.desktop-nav button:hover{background:var(--paper);box-shadow:0 2px 8px #00000009;color:var(--ink)}
.info-button{background:var(--paper);border:1px solid var(--line);border-radius:100px;font-weight:650;font-size:12px;box-shadow:0 1px 2px #00000007}
.intro{padding-top:76px;padding-bottom:46px;align-items:center;gap:50px}.intro-copy{max-width:730px}
.eyebrow{color:var(--accent);font-size:13px;letter-spacing:0;font-weight:700;margin-bottom:14px;gap:9px}
.eyebrow>span{height:7px;width:7px;border-radius:50%;background:var(--accent)}
.intro h1{font-weight:850;font-size:clamp(60px,7.2vw,91px);line-height:1.18;letter-spacing:-.055em;margin-bottom:18px}
.intro h1 em,.continuity h2 em{color:var(--deep)}
.intro-subtitle{font-size:17px;line-height:2;color:var(--muted);max-width:620px}
.intro-side{border:1px solid var(--line);background:var(--paper);border-radius:25px;padding:25px 28px;width:278px;box-shadow:0 8px 28px rgba(26,42,33,.035)}
.overline{font-size:11px;font-weight:650;color:var(--accent)}
.intro-side p{line-height:1.9;color:var(--muted)}.intro-side strong{color:var(--ink)}.small-rule{width:100%;background:var(--line);margin:20px 0}
.side-note{font-size:11px;line-height:1.8}
.action-area{grid-template-columns:1.23fr 1fr 1fr;gap:14px}
.action-card{border-radius:28px;border:1px solid var(--line);background:var(--paper);min-height:248px;padding:26px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .2s ease,background .2s ease;text-align:start;overflow:hidden}
.action-card:hover{transform:translateY(-2px);box-shadow:0 20px 54px rgba(23,38,31,.12)}
.action-card:active{transform:scale(.99)}
.action-primary{background:linear-gradient(135deg,#1b806b 0%,#136854 70%,#0f5948 100%);border-color:#19735e;color:#fff}
.action-primary:hover{background:linear-gradient(135deg,#197663,#125e4c 70%,#135847)}
.action-top{opacity:1}.action-arrow{font-size:20px;opacity:.65}
.apple-symbol{width:50px;height:50px;border-radius:16px;background:var(--pale);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:inset 0 1px 0 #ffffff8e}
.apple-symbol svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}
.action-primary .apple-symbol{background:#ffffff26;color:#fff;box-shadow:inset 0 0 0 1px #ffffff30}
.action-middle{margin-top:30px;margin-bottom:18px;gap:7px}.action-title{font-size:29px;font-weight:780;line-height:1.33;letter-spacing:-.04em}
.action-primary .action-title{font-size:33px}.action-description{font-size:14px;line-height:1.8;opacity:.78}
.action-footer{border:0;margin-top:auto;padding:0;font-size:13px;font-weight:700;opacity:1;justify-content:flex-start;gap:8px}
.action-footer span{font-size:19px;font-family:inherit}
.continuity{border-top:0;gap:56px;margin-top:92px;padding-top:62px;padding-bottom:82px}
.continuity-heading h2{font-size:clamp(34px,4.5vw,51px);font-weight:800;letter-spacing:-.045em}
.continuity-heading>p{color:var(--muted);font-size:15px;line-height:2}
.under-link{border:0;color:var(--accent);font-size:14px;font-weight:700;margin-top:22px;padding:8px 0}
.under-link:hover{border:0;color:var(--deep2);text-decoration:underline}
.continuity-path{border:1px solid var(--line);background:var(--paper);border-radius:25px;padding:28px 32px;box-shadow:var(--shadow)}
.path-item{grid-template-columns:100px 1fr}.path-step{font-size:12px;font-weight:730;color:var(--accent)}
.path-item strong{font-size:19px;font-weight:750}.path-item p{color:var(--muted)}
.path-divider:before{border-color:#a2d8c0}.path-divider span{background:var(--accent)}
.latest{border-top:0;padding:26px 0 92px}.latest-head h2{font-size:clamp(30px,3.2vw,40px);font-weight:800;letter-spacing:-.04em}
.example-list{border:1px solid var(--line);border-radius:22px;background:var(--paper);padding:4px 18px;box-shadow:0 3px 16px rgba(25,33,25,.025);overflow:hidden}
.example-row{border-bottom:1px solid var(--line);background:transparent;padding:19px 5px;min-height:69px}
.example-row:last-child{border-bottom:0}.example-row:hover{background:var(--pale)}
.example-index{font-size:12px;color:var(--muted);font-weight:650}.example-title{font-size:15px;font-weight:650}
.example-tag{color:var(--muted)}.example-end{font-size:21px;color:var(--accent)}.example-disclaimer{font-size:12px;margin-top:15px;line-height:1.8}
.site-foot{background:#1f2429;color:#fff;padding:30px 0}.foot-inner strong{font-weight:750}
.foot-links button{border-color:#ffffff40;border-radius:100px;padding:10px 15px;min-height:40px}
.sheet{border:1px solid var(--line);border-radius:30px;background:var(--paper);box-shadow:0 34px 95px rgba(12,20,18,.21)}
.sheet::backdrop{background:rgba(22,27,25,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sheet-head{background:var(--paper);padding:28px 30px 18px;border-color:var(--line)}
.sheet-head h2{font-size:28px;font-weight:780}.sheet-close{border-radius:50%;background:var(--bg);font-size:27px;width:44px;height:44px}
.sheet-close:hover{background:var(--pale)}.sheet-body{padding:24px 30px 30px}
.sheet-help{font-size:14px;line-height:1.85}.sheet-body textarea,.code-input{border:1px solid var(--line);background:var(--bg);border-radius:17px;font-size:16px;padding:17px 18px}
.sheet-body textarea:focus,.code-input:focus{border-color:#18816c;outline-color:#50b599}
.fill-button{background:var(--deep);color:var(--deep-text);border-radius:16px;min-height:52px;font-size:15px;font-weight:700}
.fill-button:hover{background:var(--deep2)}.outline-button{border-radius:15px;min-height:45px}
.consent-row{border-radius:16px;background:var(--bg);border:1px solid var(--line)}
.result-card,.code-card,.identity-item{border-radius:20px}.theme-row button{border-radius:50px}
@media(max-width:950px){.intro{padding-top:56px}.intro h1{font-size:clamp(54px,8vw,74px)}.action-card{min-height:229px;padding:22px}.action-title{font-size:25px}}
@media(max-width:640px){
  body{padding-bottom:112px}.wrap{width:calc(100% - 36px)}
  .demo-bar{font-size:10px;min-height:26px;padding:4px 8px}
  .head-inner{min-height:67px}.site-head{background:rgba(255,255,255,.91)}
  html[data-theme="night"] .site-head{background:rgba(30,31,37,.92)}
  .logo{font-size:24px}.logo-caption{font-size:10px}.info-button{height:40px;width:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line)}.info-button span{font-size:19px}
  .intro{padding-top:37px;padding-bottom:30px}.eyebrow{font-size:12px;margin-bottom:12px}
  .intro h1{font-size:clamp(45px,11.4vw,59px);line-height:1.2;letter-spacing:-.05em;margin-bottom:15px}
  .intro-subtitle{font-size:14px;line-height:1.9;max-width:390px}
  .action-area{grid-template-columns:1fr 1fr;gap:11px}
  .action-card{min-height:162px;border-radius:22px;padding:16px;box-shadow:0 7px 25px rgba(20,31,25,.065)}
  .action-primary{min-height:168px;padding:20px;grid-column:1/-1;border-radius:25px}
  .apple-symbol{width:44px;height:44px;border-radius:14px}.apple-symbol svg{height:23px;width:23px}
  .action-top{align-items:center}.action-arrow{font-size:18px}
  .action-middle{margin:17px 0 13px;gap:3px}.action-primary .action-middle{margin:11px 0 8px}
  .action-title{font-size:20px;line-height:1.35}.action-primary .action-title{font-size:27px}
  .action-description{font-size:12px;line-height:1.6}.action-footer{font-size:11px}
  .continuity{margin-top:48px;padding-top:35px;padding-bottom:51px}.continuity-heading h2{font-size:32px}
  .continuity-heading>p{font-size:14px;line-height:1.9}.continuity-path{padding:23px 20px;margin-top:21px;border-radius:22px}
  .path-item{grid-template-columns:74px 1fr;gap:12px}.path-item strong{font-size:16px}.path-item p{font-size:12px}
  .latest{padding:14px 0 62px}.latest-head h2{font-size:27px}.example-list{padding:2px 14px;border-radius:18px}
  .example-row{padding:18px 4px;min-height:66px}.example-title{font-size:14px;line-height:1.55}
  .site-foot{padding:31px 0}
  .mobile-tabs{position:fixed;inset-inline:16px;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid rgba(226,227,233,.83);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border-radius:25px;padding:7px 8px;box-shadow:0 13px 39px rgba(19,30,25,.16);z-index:13}
  html[data-theme="night"] .mobile-tabs{background:rgba(31,32,37,.9);border-color:#ffffff2a}
  .mobile-tabs button{min-height:54px;font-size:11px;font-weight:650;border-radius:18px;gap:3px;color:var(--muted)}
  .mobile-tabs button:hover,.mobile-tabs button:focus-visible{background:var(--pale);color:var(--accent)}
  .tab-symbol{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.tab-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .sheet{inset:auto 0 var(--keyboard-gap,0px) 0;width:100%;max-width:none;border-radius:30px 30px 0 0;border-bottom:0;max-height:min(93dvh,var(--visible-height,93dvh))}
  .sheet-head{padding:31px 20px 13px;position:sticky}.sheet-head::before{content:"";position:absolute;top:10px;right:calc(50% - 19px);width:38px;height:5px;border-radius:50px;background:var(--line)}
  .sheet-head h2{font-size:24px}.sheet-body{padding:18px 20px max(22px,env(safe-area-inset-bottom))}.sheet-help{font-size:13px}
  .sheet-body textarea{min-height:130px}.fill-button{min-height:52px;font-size:15px}
  .toast{bottom:105px}
}
@media(prefers-reduced-transparency:reduce){.site-head,.mobile-tabs{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}}
@media(prefers-reduced-motion:reduce){.action-card{transition:none;transform:none!important}}
@media(max-width:640px){.info-button{font-size:0;white-space:nowrap}.info-button span{font-size:20px;line-height:1}}
html[data-theme="night"] .intro h1 em,html[data-theme="night"] .continuity h2 em{color:var(--accent)}
