:root{
  --angka-bg:#f4f7fb;
  --angka-panel:#fff;
  --angka-panel-2:#f8fafc;
  --angka-line:#d8e0ea;
  --angka-line-strong:#c8d4e1;
  --angka-text:#0c1729;
  --angka-muted:#526174;
  --angka-blue:#0e766e;
  --angka-blue-2:#0b5f58;
  --angka-danger:#9e1c31;
  --angka-good:#0a6f57;
}
body.angka-tools-page{min-width:320px;background:radial-gradient(circle at 90% 0%,rgba(89,215,201,.13),transparent 30rem),var(--angka-bg);color:var(--angka-text)}
.angka-tool-main{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 142px);margin:0 auto;padding:52px 0 72px}
.angka-tool-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:26px;padding:0 2px}
.angka-tool-hero .angka-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:#9db9ed;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.angka-tool-hero .angka-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--angka-blue);box-shadow:0 0 14px var(--angka-blue)}
.angka-tool-hero h1{margin:0;color:#f8faff;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.05em}
.angka-tool-hero p{max-width:660px;margin:14px 0 0;color:var(--angka-muted);font-size:15px;line-height:1.7}
.angka-tool-badge{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #334562;border-radius:999px;background:#0c131ebd;color:#b9cae8;font-size:11px;font-weight:800;letter-spacing:.09em;white-space:nowrap}
.angka-tool-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#70d8a9}
.angka-stack{display:grid;gap:18px}
.angka-panel{overflow:hidden;border:1px solid var(--angka-line);border-radius:16px;background:linear-gradient(145deg,rgba(20,29,43,.98),rgba(10,15,24,.98));box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}
.angka-panel-head{display:flex;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid #253145}
.angka-panel-head h2{margin:0;color:#f4f7fc;font-size:18px;letter-spacing:-.02em}
.angka-panel-head p{margin:6px 0 0;color:var(--angka-muted);font-size:12px;line-height:1.55}
.angka-panel-body{padding:22px}
.angka-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.angka-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.angka-form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.angka-field{display:grid;align-content:start;gap:7px;min-width:0}
.angka-field>span:first-child,.angka-field-label{color:#dbe4f3;font-size:12px;font-weight:780}
.angka-field small{color:#8391a7;font-size:10px;line-height:1.45}
.angka-input,.angka-select,.angka-textarea{
  width:100%;
  min-height:44px;
  border:1px solid #3b4a61;
  border-radius:9px;
  outline:0;
  background:#080d15;
  color:#f4f7fc;
  font:inherit;
  font-size:14px;
  transition:border-color .16s,box-shadow .16s;
}
.angka-input,.angka-select{padding:0 12px}
.angka-textarea{display:block;min-height:94px;padding:11px 12px;resize:vertical;line-height:1.55}
.angka-input::placeholder,.angka-textarea::placeholder{color:#59677d}
.angka-input:focus,.angka-select:focus,.angka-textarea:focus{border-color:#77a1ff;box-shadow:0 0 0 3px rgba(62,116,238,.19)}
.angka-input[aria-invalid="true"],.angka-select[aria-invalid="true"],.angka-textarea[aria-invalid="true"]{border-color:#d26d78}
.angka-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.angka-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #79a4ff;border-radius:9px;background:linear-gradient(135deg,#77a6ff,#326fdc 62%,#244f9d);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 25px rgba(25,77,170,.23);color:#061022;font:inherit;font-size:13px;font-weight:850}
.angka-button:hover{filter:brightness(1.08)}
.angka-button:focus-visible{outline:3px solid rgba(116,157,255,.35);outline-offset:2px}
.angka-button.secondary{border-color:#46566e;background:#111a27;box-shadow:none;color:#dfe7f4}
.angka-button.small{min-height:34px;padding:0 11px;font-size:11px}
.angka-button:disabled{cursor:not-allowed;filter:none;opacity:.46}
.angka-error{margin:14px 0 0;padding:10px 12px;border:1px solid rgba(255,139,151,.45);border-radius:8px;background:rgba(104,28,39,.25);color:var(--angka-danger);font-size:12px;line-height:1.5}
.angka-help{margin:14px 0 0;color:#8795aa;font-size:11px;line-height:1.6}
.angka-results{display:grid;gap:14px}
.angka-result-card{overflow:hidden;border:1px solid #2d3a4f;border-radius:13px;background:#0b111a}
.angka-result-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;border-bottom:1px solid #263246;background:#111a28}
.angka-result-head h3{margin:0;color:#edf3ff;font-size:14px}
.angka-result-head span{display:block;margin-top:4px;color:#8492a8;font-size:10px}
.angka-result-body{padding:14px}
.angka-result-output{min-height:82px;font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;letter-spacing:.02em}
.angka-empty{margin:0;padding:10px;color:#8492a8;font-size:12px;text-align:center}
.angka-number-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}
.angka-number-grid span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #2e3b50;border-radius:8px;background:#0b121d;color:#78869c;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.angka-number-grid span.is-selected{border-color:#7ca6ff;background:linear-gradient(145deg,#6e9cff,#2c61c5);box-shadow:0 6px 15px rgba(32,91,203,.28);color:#061023}
.angka-filter-groups{display:grid;gap:14px;margin-top:18px}
.angka-filter-box,.angka-option-box{min-width:0;margin:0;padding:16px;border:1px solid #344359;border-radius:12px;background:rgba(6,10,17,.44)}
.angka-filter-box legend,.angka-option-box legend{padding:0 8px;color:#aec7f5;font-size:12px;font-weight:850;letter-spacing:.05em}
.angka-check-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.angka-check{display:inline-flex;align-items:center;gap:8px;color:#c9d3e3;font-size:12px}
.angka-check input{width:17px;height:17px;margin:0;accent-color:#5f91ff}
.angka-check-row .angka-field{min-width:180px;margin-left:auto}
.angka-stats{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}
.angka-stats div{padding:11px 4px;border:1px solid #2f3c50;border-radius:9px;background:#0b121d;text-align:center}
.angka-stats span{display:block;color:#718098;font-size:10px}
.angka-stats strong{display:block;margin-top:4px;color:#edf3ff;font-size:16px;font-variant-numeric:tabular-nums}
.angka-calendar-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.angka-calendar-scroll,.angka-table-scroll{overflow:auto;overscroll-behavior-inline:contain}
.angka-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));min-width:875px;border-top:1px solid #2a374a;border-left:1px solid #2a374a}
.angka-weekday{padding:11px;border-right:1px solid #2a374a;border-bottom:1px solid #2a374a;background:#172235;color:#b9c9e5;font-size:10px;font-weight:850;letter-spacing:.09em;text-align:center;text-transform:uppercase}
.angka-day{min-height:116px;padding:11px;border-right:1px solid #2a374a;border-bottom:1px solid #2a374a;background:#0b121c}
.angka-day.is-empty{background:#080d14}
.angka-day>strong{display:block;margin-bottom:9px;color:#f3f7ff;font-size:19px}
.angka-day>span{display:inline-block;margin-bottom:7px;padding:3px 6px;border-radius:99px;background:#1c3156;color:#bcd2ff;font-size:9px;font-weight:850;text-transform:uppercase}
.angka-day small{display:block;margin-top:4px;color:#96a5bb;font-size:10px;line-height:1.4}
.angka-data-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}
.angka-data-table th,.angka-data-table td{padding:12px 14px;border-bottom:1px solid #273347}
.angka-data-table thead th{position:sticky;top:0;background:#172235;color:#b8c8e3;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.angka-data-table tbody th{color:#e7edf8;font-size:12px}
.angka-data-table td{color:#bec9da;font-size:12px}
.angka-data-table td small{display:block;margin-top:4px;color:#738198}
.angka-data-table .positive{color:var(--angka-good)}
.angka-data-table .negative{color:var(--angka-danger)}
.angka-invest-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.angka-invest-summary div,.angka-control-result>div{padding:14px;border:1px solid #304057;border-radius:11px;background:#0b121d}
.angka-invest-summary span,.angka-control-result span{display:block;color:#8290a6;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.angka-invest-summary strong,.angka-control-result strong{display:block;margin-top:6px;color:#f1f5fc;font-size:18px}
.angka-control-result{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:stretch}
.angka-control-result .angka-button{align-self:center}
.angka-reference-table td{text-align:center;font-family:"SFMono-Regular",Consolas,monospace}
.angka-no-script{padding:18px;border:1px solid #8f5f64;border-radius:12px;background:#35171c;color:#ffd5d8}
.angka-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:920px){
  .angka-form-grid,.angka-form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .angka-number-grid,.angka-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:700px){
  .angka-tool-main{width:min(100% - 28px,1180px);padding:36px 0 54px}
  .angka-tool-hero{grid-template-columns:1fr;margin-bottom:20px}
  .angka-tool-badge{display:none}
  .angka-panel-head,.angka-panel-body{padding-left:16px;padding-right:16px}
  .angka-form-grid,.angka-form-grid.two,.angka-form-grid.four{grid-template-columns:1fr}
  .angka-calendar-controls{grid-template-columns:1fr 1fr}
  .angka-calendar-controls .angka-button{grid-column:1/-1}
  .angka-invest-summary{grid-template-columns:1fr}
  .angka-control-result{grid-template-columns:1fr}
  .angka-check-row .angka-field{width:100%;margin-left:0}
}
@media(max-width:430px){
  .angka-tool-main{width:min(100% - 20px,1180px)}
  .angka-tool-hero h1{font-size:34px}
  .angka-number-grid{gap:4px}
  .angka-number-grid span{border-radius:6px;font-size:11px}
  .angka-stats{gap:4px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Restore the original light teal tool-page theme. The homepage keeps its own theme. */
body.angka-tools-page{
  font-family:"Aptos","Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
  background:radial-gradient(circle at 90% 0%,rgba(89,215,201,.13),transparent 30rem),#f4f7fb;
  color:#0c1729;
}
body.angka-tools-page .header{
  position:relative;
  z-index:200;
  overflow:visible;
}
body.angka-tools-page .header-inner{overflow:visible}
body.angka-tools-page .angka-tool-main{
  width:min(1220px,100%);
  min-height:calc(100vh - 142px);
  margin:0 auto;
  padding:42px clamp(22px,4vw,56px) 70px;
}
body.angka-tools-page .angka-tool-hero{
  display:block;
  max-width:760px;
  margin:0 0 26px;
  padding:0;
}
body.angka-tools-page .angka-tool-hero .angka-eyebrow{
  display:block;
  margin:0 0 7px;
  color:#0e766e;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.angka-tools-page .angka-tool-hero .angka-eyebrow::before{display:none}
body.angka-tools-page .angka-tool-hero h1{
  margin:0;
  color:#0c1729;
  font-size:clamp(2rem,4vw,3.15rem);
  line-height:1.05;
  letter-spacing:-.045em;
}
body.angka-tools-page .angka-tool-hero p{
  max-width:760px;
  margin:10px 0 0;
  color:#566679;
  font-size:1.04rem;
  line-height:1.55;
}
body.angka-tools-page .angka-tool-badge{display:none}

.angka-tools-dropdown{
  overflow:hidden;
  border:1px solid #cbd7e4;
  border-radius:12px;
  background:#f8fafc;
}
.angka-page-tools-dropdown{
  max-width:760px;
  margin:-8px 0 26px;
}
.angka-tools-dropdown summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:56px;
  padding:12px 16px;
  color:#fff;
  background:#10233b;
  cursor:pointer;
  list-style:none;
  font-size:.94rem;
  font-weight:850;
}
.angka-tools-dropdown summary::-webkit-details-marker{display:none}
.angka-tools-dropdown summary>span:first-child{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.angka-tools-dropdown summary svg,
.angka-tools-dropdown-list a>svg{
  width:19px;
  height:19px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.angka-dropdown-symbol{
  color:#65ded1;
  font-size:1.4rem;
  line-height:1;
  transition:transform 160ms ease;
}
.angka-tools-dropdown[open] .angka-dropdown-symbol{transform:rotate(180deg)}
.angka-tools-dropdown-list{
  display:grid;
  grid-template-columns:1fr;
  padding:8px;
  background:#f8fafc;
}
.angka-tools-dropdown-list a{
  display:grid;
  grid-template-columns:34px 24px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  min-height:50px;
  padding:8px 11px;
  color:#20364f;
  border-bottom:1px solid #e1e7ee;
  border-radius:8px;
  text-decoration:none;
  font-size:.94rem;
  font-weight:750;
}
.angka-tools-dropdown-list a:last-child{border-bottom:0}
.angka-tools-dropdown-list a:hover,
.angka-tools-dropdown-list a:focus-visible{
  color:#0b554f;
  background:#e2f7f3;
  outline:none;
}
.angka-tools-dropdown-list a[aria-current="page"]{
  color:#0b554f;
  background:#dff7f3;
  box-shadow:inset 4px 0 #0e766e;
  font-weight:850;
}
.angka-tools-dropdown-list a>svg,
.angka-tools-dropdown-list a[aria-current="page"]>svg,
.angka-tools-dropdown-list a[aria-current="page"] .angka-dropdown-index,
.angka-tools-dropdown-list a[aria-current="page"] .angka-dropdown-chevron{color:#0e766e}
.angka-dropdown-index{
  color:#8a99aa;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:.73rem;
}
.angka-dropdown-chevron{
  color:#0e766e;
  font-size:1.25rem;
  text-align:right;
}

body.angka-tools-page .angka-stack{gap:20px}
body.angka-tools-page .angka-panel,
body.angka-tools-page .angka-result-card,
body.angka-tools-page .angka-control-result{
  color:#0c1729;
  background:rgba(255,255,255,.94);
  border-color:#d8e0ea;
  border-radius:16px;
  box-shadow:0 9px 30px rgba(12,23,41,.055);
}
body.angka-tools-page .angka-panel{overflow:hidden}
body.angka-tools-page .angka-panel-head{
  padding:20px 22px 16px;
  border-bottom-color:#e4eaf1;
  background:transparent;
}
body.angka-tools-page .angka-panel-head h2{
  color:#0c1729;
  font-size:1.16rem;
}
body.angka-tools-page .angka-panel-head p{
  color:#617084;
  font-size:.9rem;
}
body.angka-tools-page .angka-panel-body{padding:22px}
body.angka-tools-page .angka-field>span:first-child,
body.angka-tools-page .angka-field-label{
  color:#22344b;
  font-size:.88rem;
  font-weight:800;
}
body.angka-tools-page .angka-field small{
  color:#66778b;
  font-size:.78rem;
}
body.angka-tools-page .angka-input,
body.angka-tools-page .angka-select,
body.angka-tools-page .angka-textarea{
  min-height:43px;
  border-color:#cbd6e2;
  background:#fff;
  color:#102038;
  font-size:.96rem;
  color-scheme:light;
}
body.angka-tools-page .angka-input::placeholder,
body.angka-tools-page .angka-textarea::placeholder{color:#8795a6}
body.angka-tools-page .angka-input:focus,
body.angka-tools-page .angka-select:focus,
body.angka-tools-page .angka-textarea:focus{
  border-color:#0e766e;
  box-shadow:0 0 0 3px rgba(14,118,110,.14);
}
body.angka-tools-page .angka-button{
  border-color:#0e766e;
  background:#0e766e;
  box-shadow:none;
  color:#fff;
}
body.angka-tools-page .angka-button:hover{background:#0b635d;filter:none}
body.angka-tools-page .angka-button:focus-visible{
  outline:3px solid rgba(14,118,110,.22);
  outline-offset:2px;
}
body.angka-tools-page .angka-button.secondary{
  border-color:#c7d3df;
  background:#fff;
  color:#18304c;
}
body.angka-tools-page .angka-button.secondary:hover{background:#edf4f4}
body.angka-tools-page .angka-error{
  border-color:#f1bdc6;
  background:#fff1f3;
  color:#9e1c31;
}
body.angka-tools-page .angka-help{color:#66778b}
body.angka-tools-page .angka-result-card{
  overflow:hidden;
  background:#fff;
  border-color:#d8e0ea;
}
body.angka-tools-page .angka-result-head{
  border-bottom-color:#e4eaf1;
  background:#fff;
}
body.angka-tools-page .angka-result-head h3{color:#0c1729}
body.angka-tools-page .angka-result-head span{color:#66778b}
body.angka-tools-page .angka-result-output{
  color:#18304c;
  background:#f7f9fc;
  border-color:#dbe3ec;
}
body.angka-tools-page .angka-empty{color:#6b7787}
body.angka-tools-page .angka-number-grid span{
  min-height:43px;
  aspect-ratio:auto;
  border-color:#dce3eb;
  background:#edf1f6;
  color:#647387;
}
body.angka-tools-page .angka-number-grid span.is-selected{
  border-color:#31b9aa;
  background:#84eadf;
  box-shadow:inset 0 0 0 1px rgba(14,118,110,.12);
  color:#05251f;
}
body.angka-tools-page .angka-filter-box,
body.angka-tools-page .angka-option-box{
  border-color:#d9e2ec;
  background:#f8fafc;
}
body.angka-tools-page .angka-filter-box legend,
body.angka-tools-page .angka-option-box legend{color:#1d3854}
body.angka-tools-page .angka-check{color:#33475f}
body.angka-tools-page .angka-check input{accent-color:#0e766e}
body.angka-tools-page .angka-stats div{
  border:0;
  background:#10223a;
  color:#dffcf7;
}
body.angka-tools-page .angka-stats span{color:#87a0ba}
body.angka-tools-page .angka-stats strong{color:#dffcf7}
body.angka-tools-page .angka-weekday{
  border-color:#243751;
  background:#12243c;
  color:#dffbf7;
}
body.angka-tools-page .angka-calendar-grid{border-color:#dbe3ec}
body.angka-tools-page .angka-day{
  border-color:#dbe3ec;
  background:#fff;
}
body.angka-tools-page .angka-day.is-empty{background:#f0f3f7}
body.angka-tools-page .angka-day>strong{color:#0e766e}
body.angka-tools-page .angka-day>span{
  background:transparent;
  color:#1a2c43;
}
body.angka-tools-page .angka-day small{color:#5f7085}
body.angka-tools-page .angka-data-table th,
body.angka-tools-page .angka-data-table td{border-color:#dbe3ec}
body.angka-tools-page .angka-data-table thead th{
  background:#10233b;
  color:#e9fffb;
}
body.angka-tools-page .angka-data-table tbody th{
  background:#edf3f7;
  color:#14334e;
}
body.angka-tools-page .angka-data-table td{color:#23354b}
body.angka-tools-page .angka-data-table td small{color:#6d7d90}
body.angka-tools-page .angka-invest-summary div,
body.angka-tools-page .angka-control-result>div{
  border-color:#263b57;
  background:#10223a;
}
body.angka-tools-page .angka-invest-summary span,
body.angka-tools-page .angka-control-result span{color:#8fa6be}
body.angka-tools-page .angka-invest-summary strong,
body.angka-tools-page .angka-control-result strong{color:#dffcf7}
body.angka-tools-page .angka-control-result{
  color:#fff;
  background:#10223a;
  border-color:#263b57;
  box-shadow:none;
}
body.angka-tools-page .angka-control-result .angka-button.secondary{
  border-color:#4c657f;
  background:#fff;
  color:#18304c;
}
body.angka-tools-page .angka-no-script{
  border-color:#f1bdc6;
  background:#fff1f3;
  color:#9e1c31;
}

@media(max-width:700px){
  body.angka-tools-page .angka-tool-main{width:100%;padding:32px 18px 55px}
  body.angka-tools-page .angka-tool-hero{margin-bottom:20px}
  body.angka-tools-page .angka-tool-hero h1{font-size:2rem}
  body.angka-tools-page .angka-panel-head,
  body.angka-tools-page .angka-panel-body{padding-left:17px;padding-right:17px}
  .angka-page-tools-dropdown{margin-top:-4px}
}

@media(max-width:420px){
  body.angka-tools-page .angka-tool-main{width:100%;padding-right:14px;padding-left:14px}
  .angka-tools-dropdown-list a{grid-template-columns:28px 22px minmax(0,1fr) 14px;padding-right:8px;padding-left:8px}
}