:root {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light;
  color: #1f2937;
  background-color: #f9fafb;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  /* Color variables */
  --color-primary: #4f46e5;
  --color-primary-dark: #4338ca;
  --color-primary-light: #818cf8;
  
  --color-travel: #3b82f6;
  --color-relationships: #ec4899;
  --color-adventures: #22c55e;
  --color-secrets: #a855f7;
  --color-xrated: #ef4444;
  --color-work: #f97316;
  --color-hobbies: #14b8a6;
  --color-family: #eab308;
  --color-growth: #6366f1;
  --color-embarrassing: #f43f5e;
  
  --color-text: #1f2937;
  --color-text-light: #6b7280;
  
  --color-background: #f9fafb;
  --color-card: #ffffff;
  --color-border: #e5e7eb;
  
  --color-success: #22c55e;
  --color-error: #ef4444;
}

a {
  font-weight: 500;
  color: var(--color-primary);
  text-decoration: inherit;
}
a:hover {
  color: var(--color-primary-dark);
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background-color: var(--color-background);
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  margin-bottom: 0.5em;
}

button {
  font-family: inherit;
  cursor: pointer;
}

#root {
  width: 100%;
  height: 100vh;
  max-width: none;
  margin: 0;
  padding: 0;
}:where([data-silk~=b0]:not([data-silk~=g0])){--silk-defaults:initial;position:var(--silk-defaults,relative)}[data-silk~=b0][data-silk~=bBf]{overscroll-behavior-y:none!important;overflow-x:hidden!important;overflow-y:auto!important}[data-silk~=b0][data-silk~=bBe]{overscroll-behavior-x:none!important;overflow-x:auto!important;overflow-y:hidden!important}[data-silk~=b0][data-silk~=bBg]{overscroll-behavior:none!important;overflow:auto!important}[data-silk~="0aj"] [data-silk~=b0][data-silk~=bCa][data-silk]{overflow:clip!important}[data-silk~=b0]:not(#\#):not(#\#){--NOTE:"Must not have `position: static`"}[data-silk~=b0]>*{--NOTE: }[data-silk~=b0]{scrollbar-width:none!important}[data-silk~=b0]::-webkit-scrollbar{display:none!important}[data-silk~=b0]:before{content:""!important;width:calc(100% + 600px)!important;height:calc(100% + 600px)!important;position:absolute!important;top:0!important;left:0!important}[data-silk~="0aj"] [data-silk~=b0][data-silk~=bCa][data-silk]:before,[data-silk~=b0][data-silk~=bAb][data-silk]:before{display:none!important}[data-silk~=b1]{width:100%!important;height:100%!important;position:sticky!important;top:0!important;left:0!important}:where([data-silk~=g0]){--silk-defaults:initial;position:var(--silk-defaults,fixed);--x-collapsed-scrollbar-thickness:0px;--y-collapsed-scrollbar-thickness:0px}:root{--silk-100-lvh-dvh-pct:max(100%,100vh)}@supports (width:1dvh){:root{--silk-100-lvh-dvh-pct:max(100dvh,100lvh)}}:where([data-silk~=a1]){--silk-defaults:initial;position:var(--silk-defaults,fixed);top:var(--silk-defaults,var(--silk-default-top,initial));bottom:var(--silk-defaults,var(--silk-default-bottom,initial));left:var(--silk-defaults,var(--silk-default-left,initial));right:var(--silk-defaults,var(--silk-default-right,initial));height:var(--silk-defaults,100%);width:var(--silk-defaults,100%);--x-collapsed-scrollbar-thickness:0px;--y-collapsed-scrollbar-thickness:0px}[data-silk~=a1][data-silk~=aGf],[data-silk~=a1][data-silk~=aGk]{--silk-default-top:0;--silk-default-left:0}[data-silk~=a1][data-silk~=aGg]{--silk-default-bottom:0;--silk-default-left:0}[data-silk~=a1][data-silk~=aGh],[data-silk~=a1][data-silk~=aGj]{--silk-default-top:0;--silk-default-left:0}[data-silk~=a1][data-silk~=aGi]{--silk-default-top:0;--silk-default-right:0}[data-silk~=a1]{--silk-aL:var(--silk-aL-from-props,1px);--silk-aJ:1px;--silk-aN:10px;--silk-aD:initial;--silk-aE:initial;--silk-aF:initial;--silk-aG:initial;--silk-aH:initial;--silk-aI:initial;--silk-aK:initial;--silk-aO:var(--silk-aD,100%);--silk-aP:var(--silk-aE,100%);--silk-aQ:min(300px,var(--silk-aO));--silk-aR:2px;--silk-aS:calc(-1*(var(--silk-aQ) - var(--silk-aR)));border-width:0!important;overflow:clip!important}[data-silk~=a1][data-silk~=aAc]{opacity:0!important}[data-silk~=a1][data-silk~=aCs]{clip:rect(0 0 0 0)!important;clip-path:inset(0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}[data-silk~=a1][data-silk~=aNo]{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}[data-silk~=a1]:not(#\#):not(#\#){--NOTE:"Must not have `position: static`"}:where([data-silk~=a1]>*){--NOTE: ;--silk-default-top:initial;--silk-default-bottom:initial;--silk-default-left:initial;--silk-default-right:initial}[data-silk~=a1]>*{position:absolute}[data-silk~=a1]:not([data-silk~=aBaj]) *{caret-color:#0000}:where([data-silk~=a2]){--silk-defaults:initial;left:var(--silk-defaults,0px);right:var(--silk-defaults,0px);top:var(--silk-defaults,0px);bottom:var(--silk-defaults,0px);background-color:var(--silk-defaults,#000);opacity:var(--silk-defaults,.5)}[data-silk~=a2]{z-index:-1!important;position:absolute!important}[data-silk~=a2][data-silk~=aNo]{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}[data-silk~=a4][data-silk]{position:absolute}[data-silk~=a4][data-silk~=aGh],[data-silk~=a4][data-silk~=aGi],[data-silk~=a4][data-silk~=aGj]{width:var(--silk-aO);height:var(--silk-aP)}[data-silk~=a4][data-silk~=aGf],[data-silk~=a4][data-silk~=aGg],[data-silk~=a4][data-silk~=aGk]{width:var(--silk-aP);height:var(--silk-aO)}[data-silk~=a4].scrollContainerShouldBePassThrough\:true>[data-silk~=b1]>*{pointer-events:initial;user-select:initial}[data-silk~=a5][data-silk]{z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}[data-silk~="0aj"] [data-silk~=a5][data-silk~=aNp]{z-index:1;pointer-events:initial!important}[data-silk~=a6]{--silk-aT:calc(2*var(--silk-aO));z-index:1;flex-wrap:nowrap;place-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}[data-silk~=a6][data-silk~=aGh],[data-silk~=a6][data-silk~=aGi],[data-silk~=a6][data-silk~=aGj]{width:var(--silk-aT);scroll-snap-type:x mandatory;flex-direction:row;height:100%;overflow-x:auto;overflow-y:hidden}[data-silk~=a6][data-silk~=aGg],[data-silk~=a6][data-silk~=aGf],[data-silk~=a6][data-silk~=aGk]{height:var(--silk-aT);scroll-snap-type:y mandatory;flex-direction:column;width:100%;overflow-x:hidden;overflow-y:auto}[data-silk~=a6][data-silk~=aGh]{left:calc(-1*var(--silk-aO))}[data-silk~=a6][data-silk~=aGi]{right:calc(-1*var(--silk-aO))}[data-silk~=a6][data-silk~=aGf]{top:calc(-1*var(--silk-aO))}[data-silk~=a6][data-silk~=aGg]{bottom:calc(-1*var(--silk-aO))}[data-silk~=a6][data-silk~=aGj]{left:calc(-.5*var(--silk-aO))}[data-silk~=a6][data-silk~=aGk]{top:calc(-.5*var(--silk-aO))}[data-silk~=a6][data-silk~=aNo][data-silk]{pointer-events:none;-webkit-user-select:none;user-select:none}[data-silk~=a6][data-silk~=aHo][data-silk]{overflow:hidden}[data-silk~=a6][data-silk~=aMj]{overscroll-behavior-x:contain}[data-silk~=a6][data-silk~=aMk]{overscroll-behavior-y:contain}[data-silk~=a6][data-silk~=aMai]{overscroll-behavior:contain}[data-silk~=a6][data-silk~=aJo][data-silk~=aGh],[data-silk~=a6][data-silk~=aJo][data-silk~=aGi],[data-silk~=a6][data-silk~=aJo][data-silk~=aGj]{overscroll-behavior-x:none}[data-silk~=a6][data-silk~=aJo][data-silk~=aGf],[data-silk~=a6][data-silk~=aJo][data-silk~=aGg],[data-silk~=a6][data-silk~=aJo][data-silk~=aGk]{overscroll-behavior-y:none}[data-silk~="0aj"] [data-silk~=a6][data-silk]{overflow:hidden}[data-silk~=a6]{scrollbar-width:none}[data-silk~=a6]::-webkit-scrollbar{display:none}[data-silk~=a6]>*{--silk-aO:var(--silk-aD,50%);flex-grow:0;flex-shrink:0}.Sheet_edgeMarker{z-index:1;position:absolute;overflow:hidden}.Sheet_edgeMarker[data-silk~=aFh],.Sheet_edgeMarker[data-silk~=aFi]{width:30px;height:100%}.Sheet_edgeMarker[data-silk~=aFh]{right:-2px}.Sheet_edgeMarker[data-silk~=aFi]{left:calc(var(--silk-aJ) + var(--silk-aN) + var(--silk-aO) - (var(--silk-aO) - var(--silk-aF)) - 2px)}[data-silk~=a7]{-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}[data-silk~=a7][data-silk~=aGh],[data-silk~=a7][data-silk~=aGf]{order:3}[data-silk~=a7][data-silk~=aGi],[data-silk~=a7][data-silk~=aGg],[data-silk~=a7][data-silk~=aGj],[data-silk~=a7][data-silk~=aGk]{order:1}[data-silk~=a7][data-silk~=aGh],[data-silk~=a7][data-silk~=aGi],[data-silk~=a7][data-silk~=aGj]{width:var(--silk-aH);height:1px}[data-silk~=a7][data-silk~=aGf],[data-silk~=a7][data-silk~=aGg],[data-silk~=a7][data-silk~=aGk]{height:var(--silk-aH);width:1px}[data-silk~=a7][data-silk~=aGi],[data-silk~=a7][data-silk~=aGg],[data-silk~=a7][data-silk~=aGj],[data-silk~=a7][data-silk~=aGk]{scroll-snap-align:start}[data-silk~=a7][data-silk~=aGh],[data-silk~=a7][data-silk~=aGf]{scroll-snap-align:end}[data-silk~=a10]{z-index:1;pointer-events:none;-webkit-user-select:text;user-select:text;order:2;display:flex;position:sticky}[data-silk~=a10][data-silk~=aFr][data-silk~=aGj],[data-silk~=a10][data-silk~=aFr][data-silk~=aGk]{position:relative}[data-silk~=a10][data-silk~=aGh],[data-silk~=a10][data-silk~=aGi],[data-silk~=a10][data-silk~=aGj]{width:var(--silk-aO);align-items:center;height:100%}[data-silk~=a10][data-silk~=aFh]{justify-content:flex-start}[data-silk~=a10][data-silk~=aFi]{justify-content:flex-end}[data-silk~=a10][data-silk~=aGg],[data-silk~=a10][data-silk~=aGf],[data-silk~=a10][data-silk~=aGk]{height:var(--silk-aO);justify-content:center;width:100%}[data-silk~=a10][data-silk~=aFf]{align-items:flex-start}[data-silk~=a10][data-silk~=aFg]{align-items:flex-end}[data-silk~=a10][data-silk~=aFr]{justify-content:center;align-items:center}[data-silk~=a10][data-silk~=aGh],[data-silk~=a10][data-silk~=aGi],[data-silk~=a10][data-silk~=aGf],[data-silk~=a10][data-silk~=aGg]{--silk-aV:calc(var(--silk-aO) - var(--silk-aF) - var(--silk-aL))}[data-silk~=a10][data-silk~=aGh][data-silk~=aFr],[data-silk~=a10][data-silk~=aGi][data-silk~=aFr],[data-silk~=a10][data-silk~=aGf][data-silk~=aFr],[data-silk~=a10][data-silk~=aGg][data-silk~=aFr]{--silk-aV:calc((var(--silk-aO) - var(--silk-aF))/2 - var(--silk-aL))}[data-silk~=a10][data-silk~=aGj],[data-silk~=a10][data-silk~=aGk]{--silk-aV:calc((var(--silk-aO) - var(--silk-aF))/2 - var(--silk-aO)/2 - var(--silk-aL))}[data-silk~=a10][data-silk~=aGh]{left:var(--silk-aV)}[data-silk~=a10][data-silk~=aGi]{right:var(--silk-aV)}[data-silk~=a10][data-silk~=aGf]{top:var(--silk-aV)}[data-silk~=a10][data-silk~=aGg]{bottom:var(--silk-aV)}[data-silk~=a10][data-silk~=aGj]:not([data-silk~=aFr]){left:var(--silk-aV);right:var(--silk-aV)}[data-silk~=a10][data-silk~=aGk]:not([data-silk~=aFr]){top:var(--silk-aV);bottom:var(--silk-aV)}[data-silk~=a15]{--INFO:This element prevents “swipe from edge to go back“ on iOS.See the Silk Sheet docs.;pointer-events:initial;-webkit-user-select:none;user-select:none;will-change:transform;width:30px;height:100%;position:absolute;top:0;bottom:0;left:-2px}[data-silk~=a15][data-silk~=aGg],[data-silk~=a15][data-silk~=aGf],[data-silk~=a15][data-silk~=aGk]{height:calc(100% + var(--silk-aH) + var(--silk-aI))}[data-silk~=a15][data-silk~=aGg],[data-silk~=a15][data-silk~=aGk]{top:calc(-1*var(--silk-aH));bottom:calc(-1*var(--silk-aI))}[data-silk~=a15][data-silk~=aGf]{top:calc(-1*var(--silk-aI));bottom:calc(-1*var(--silk-aH))}[data-silk~=a10][data-silk~=aJo][data-silk~=aIo]{--silk-aV:calc(var(--silk-aO) - var(--silk-aF) + var(--silk-aK))}[data-silk~=a10][data-silk~=aJo][data-silk~=aGh]{right:0}[data-silk~=a10][data-silk~=aJo][data-silk~=aGi]{left:0}[data-silk~=a10][data-silk~=aJo][data-silk~=aGf]{bottom:0}[data-silk~=a10][data-silk~=aJo][data-silk~=aGg]{top:0}[data-silk~=a10][data-silk~=aJp][data-silk~=aGh]{right:var(--silk-aS)}[data-silk~=a10][data-silk~=aJp][data-silk~=aGi]{left:var(--silk-aS)}[data-silk~=a10][data-silk~=aJp][data-silk~=aGf]{bottom:var(--silk-aS)}[data-silk~=a10][data-silk~=aJp][data-silk~=aGg]{top:var(--silk-aS)}:where([data-silk~=a11]){--silk-defaults:initial;width:var(--silk-defaults,var(--silk-default-width,initial));height:var(--silk-defaults,var(--silk-default-height,initial));background-color:var(--silk-defaults,white)}[data-silk~=a11][data-silk~=aFf],[data-silk~=a11][data-silk~=aFg],[data-silk~=a11][data-silk~=aFr][data-silk~=aGk],[data-silk~=a11][data-silk~=aFr][data-silk~=aGf],[data-silk~=a11][data-silk~=aFr][data-silk~=aGg]{--silk-default-width:100%;--silk-default-height:50%}[data-silk~=a11][data-silk~=aFh],[data-silk~=a11][data-silk~=aFi],[data-silk~=a11][data-silk~=aFr][data-silk~=aGj],[data-silk~=a11][data-silk~=aFr][data-silk~=aGh],[data-silk~=a11][data-silk~=aFr][data-silk~=aGi]{--silk-default-width:50%;--silk-default-height:100%}[data-silk~=a11]:has(:where([data-silk~=a12])){background-color:initial}[data-silk~="0af"]{background-color:initial}[data-silk~=a11]{pointer-events:initial;user-select:initial;position:relative;margin:0!important;overflow:visible!important}[data-silk~=a11][data-silk~=aNo]{pointer-events:initial}[data-silk~=a11]:not(#\#):not(#\#){--NOTE:"Must not have `position: static`"}[data-silk~=a11]>*{--NOTE: ;--silk-default-width:initial;--silk-default-height:initial}:where([data-silk~=f0]){--silk-defaults:initial;width:var(--silk-defaults,100%);height:var(--silk-defaults,100%)}:where([data-silk~=a12]){--silk-defaults:initial;border-radius:var(--silk-defaults,inherit);background-color:var(--silk-defaults,white)}[data-silk~=a12]{box-sizing:border-box!important;z-index:-1!important;position:absolute!important}[data-silk~=a12][data-silk~=aFh],[data-silk~=a12][data-silk~=aFi]{width:calc(100% + var(--silk-aQ))!important;height:100%!important}[data-silk~=a12][data-silk~=aKo][data-silk~=aFh],[data-silk~=a12][data-silk~=aKo][data-silk~=aFi]{width:100%!important}[data-silk~=a12][data-silk~=aFh]{top:0!important;right:0!important}[data-silk~=a12][data-silk~=aFi],[data-silk~=a12][data-silk~=aFr][data-silk~=aGj]{top:0!important;left:0!important}[data-silk~=a12][data-silk~=aFf],[data-silk~=a12][data-silk~=aFg]{height:calc(100% + var(--silk-aQ))!important;width:100%!important}[data-silk~=a12][data-silk~=aKo][data-silk~=aFf],[data-silk~=a12][data-silk~=aKo][data-silk~=aFg]{height:100%!important}[data-silk~=a12][data-silk~=aFf]{bottom:0!important;left:0!important}[data-silk~=a12][data-silk~=aFg],[data-silk~=a12][data-silk~=aFr][data-silk~=aGk]{top:0!important;left:0!important}[data-silk~=a12][data-silk~=aFr]{width:100%!important;height:100%!important}[data-silk~=a12]:not([data-silk~=aBaj])[data-silk~=aFf],[data-silk~=a12]:not([data-silk~=aBaj])[data-silk~=aFg]{height:calc(100% + 50px)!important}[data-silk~=a12]:not([data-silk~=aBaj])[data-silk~=aFh],[data-silk~=a12]:not([data-silk~=aBaj])[data-silk~=aFi]{width:calc(100% + 50px)!important}[data-silk~=a8]{position:relative;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}[data-silk~=a8][data-silk~=aGh],[data-silk~=a8][data-silk~=aGf]{scroll-snap-align:start;order:1}[data-silk~=a8][data-silk~=aGi],[data-silk~=a8][data-silk~=aGg]{scroll-snap-align:end;order:3}[data-silk~=a8][data-silk~=aGh],[data-silk~=a8][data-silk~=aGi],[data-silk~=a8][data-silk~=aGj]{width:var(--silk-aI);height:1px}[data-silk~=a8][data-silk~=aGg],[data-silk~=a8][data-silk~=aGf],[data-silk~=a8][data-silk~=aGk]{height:var(--silk-aI);width:1px}[data-silk~=a8][data-silk~=aGj],[data-silk~=a8][data-silk~=aGk]{scroll-snap-align:end;order:3}[data-silk~=a9]{--silk-aW:calc(100% + var(--silk-aF) - var(--silk-aB));--silk-aX:calc(var(--silk-aO) - var(--silk-aB) + var(--silk-aA));counter-increment:count 1;--debug-color:#209928;place-items:center;display:grid;position:absolute}[data-silk~=a9][data-silk~=aGh],[data-silk~=a9][data-silk~=aGi],[data-silk~=a9][data-silk~=aGj]{width:calc(var(--silk-aB) - var(--silk-aA));height:1px}[data-silk~=a9][data-silk~=aGf],[data-silk~=a9][data-silk~=aGg],[data-silk~=a9][data-silk~=aGk]{height:calc(var(--silk-aB) - var(--silk-aA));width:1px}[data-silk~=a9][data-silk~=aGh],[data-silk~=a9][data-silk~=aGf]{scroll-snap-align:end}[data-silk~=a9][data-silk~=aGi],[data-silk~=a9][data-silk~=aGg]{scroll-snap-align:start}[data-silk~=a9][data-silk~=aGj],[data-silk~=a9][data-silk~=aGk]{scroll-snap-align:center}[data-silk~=a9][data-silk~=aGj]{right:calc(100% + (var(--silk-aO) - var(--silk-aB))/2)}[data-silk~=a9][data-silk~=aGk]{bottom:calc(100% + (var(--silk-aO) - var(--silk-aB))/2)}[data-silk~=a9][data-silk~=aGh]{left:var(--silk-aW);scroll-margin-right:var(--silk-aX);top:calc(var(--silk-aC)*10px)}@supports not (scroll-margin-right:1px){[data-silk~=a9][data-silk~=aGh]{scroll-snap-margin-right:var(--silk-aX)}}[data-silk~=a9][data-silk~=aGi]{right:var(--silk-aW);scroll-margin-left:var(--silk-aX);top:calc(var(--silk-aC)*10px)}@supports not (scroll-margin-left:1px){[data-silk~=a9][data-silk~=aGi]{scroll-snap-margin-left:var(--silk-aX)}}[data-silk~=a9][data-silk~=aGf]{top:var(--silk-aW);scroll-margin-bottom:var(--silk-aX);left:calc(var(--silk-aC)*10px)}@supports not (scroll-margin-bottom:1px){[data-silk~=a9][data-silk~=aGf]{scroll-snap-margin-bottom:var(--silk-aX)}}[data-silk~=a9][data-silk~=aGg]{bottom:var(--silk-aW);scroll-margin-top:var(--silk-aX);left:calc(var(--silk-aC)*10px)}@supports not (scroll-margin-top:1px){[data-silk~=a9][data-silk~=aGg]{scroll-snap-margin-top:var(--silk-aX)}}[data-silk~=a9][data-silk~=aIo]:first-child,[data-silk~=a9][data-silk~=aGh]:only-child,[data-silk~=a9][data-silk~=aGi]:only-child,[data-silk~=a9][data-silk~=aGf]:only-child,[data-silk~=a9][data-silk~=aGg]:only-child,[data-silk~=a9]:not(:only-child):last-child{scroll-snap-align:none}[data-silk~=a9]:after{color:var(--debug-color);background-color:#fff;border-radius:100%;place-items:center;width:24px;height:24px;margin-left:12px;padding:2px;font-size:18px;display:grid}:where([data-silk~=a16]){--silk-defaults:initial;position:var(--silk-defaults,relative)}:where([data-silk~=a16]):before{--silk-defaults:initial;content:var(--silk-defaults,"");display:var(--silk-defaults,block);position:var(--silk-defaults,absolute);left:var(--silk-defaults,calc(-1*max(100%,48px)/2 + 50%));top:var(--silk-defaults,calc(-1*max(100%,48px)/2 + 50%));width:var(--silk-defaults,max(100%,48px));height:var(--silk-defaults,max(100%,48px))}:where([data-silk~=a17]){--silk-defaults:initial;width:var(--silk-defaults,48px);height:var(--silk-defaults,5.5px);appearance:var(--silk-defaults,none);background-color:var(--silk-defaults,#cbd5e1)}[data-silk~=e0]{white-space:nowrap!important;word-wrap:normal!important;clip:rect(0,0,0,0)!important;clip-path:inset(0)!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html[data-silk-native-page-scroll-replaced=true]{width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important;overflow:hidden!important}[data-standalone=true][data-silk-native-page-scroll-replaced=true]{overscroll-behavior:none!important;height:100vh!important}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cEb][data-silk~=cAc]){overscroll-behavior-x:none!important}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cEb][data-silk~=cAd]){overscroll-behavior-y:none!important}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cKa]){scroll-behavior:auto}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cKb]){scroll-behavior:smooth}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cKk]){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cKk]){scroll-behavior:auto}}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cLb]){overflow-anchor:none}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cMq]){scroll-snap-type:y proximity}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cMp]){scroll-snap-type:x proximity}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cMo]){scroll-snap-type:y mandatory}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cMn]){scroll-snap-type:x mandatory}[data-silk-native-page-scroll-replaced=true]>body{width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important;overflow:hidden!important}[data-standalone=true][data-silk-native-page-scroll-replaced=true]>body{overscroll-behavior:none!important;height:100vh!important}[data-standalone=false][data-silk-native-page-scroll-replaced=true]>body{position:fixed!important;top:0!important}[data-silk~=c4]{pointer-events:none;width:50px;height:50px;position:fixed;top:-200px;overflow-y:scroll}[data-silk~=c1]{--NOTE:"`display` can only be set to `none` or `grid`";display:grid;position:relative}html:not([data-silk-native-page-scroll-replaced=true]) [data-silk~=c1][data-silk~=cHa][data-silk~=cAc]{width:auto!important}html:not([data-silk-native-page-scroll-replaced=true]) [data-silk~=c1][data-silk~=cHa][data-silk~=cAd]{height:auto!important}[data-silk-native-page-scroll-replaced=true] [data-silk~=c1][data-silk~=cHa]{width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important}[data-standalone=true][data-silk-native-page-scroll-replaced=true] [data-silk~=c1][data-silk~=cHa]{height:100vh!important}[data-silk~=c1]>*{position:absolute!important}[data-silk~=c1][data-silk~=cQa] input,[data-silk~=c1][data-silk~=cQa] textarea,[data-silk~=c1][data-silk~=cQa] [contenteditable=true]{caret-color:#0000!important}[data-silk~=c2]{scrollbar-color:inherit;scrollbar-gutter:inherit;padding:0!important;display:grid!important;position:relative!important}[data-silk-native-page-scroll-replaced=false] [data-silk~=c2][data-silk~=cHa]{overflow:visible!important}[data-silk~=c2][data-silk~=cAd]{overflow-x:hidden!important;overflow-y:auto!important}[data-silk~=c2][data-silk~=cAc]{overflow-x:auto!important;overflow-y:hidden!important}[data-silk~=c2][data-silk~=cAe]{overflow:auto!important}[data-silk~=c2]{--grid-template:0px max-content 0px max-content 0px max-content 0px!important}[data-silk~=c2][data-silk~=cAd]{grid-template-rows:var(--grid-template)}[data-silk~=c2][data-silk~=cAc]{grid-template-columns:var(--grid-template)}[data-silk~=c2][data-silk~=cCa]{overscroll-behavior-x:contain!important}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb]{overscroll-behavior-x:none!important}[data-silk~=c2][data-silk~=cDa]{overscroll-behavior-y:contain!important}[data-silk~=c2][data-silk~=cDa][data-silk~=cJb]{overscroll-behavior-y:none!important}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb][data-silk~=cJb]{overflow-x:auto!important}[data-silk~=c2][data-silk~=cDa][data-silk~=cIb][data-silk~=cJb]{overflow-y:auto!important}[data-silk~=c2][data-silk~=cEb][data-silk~=cAc]{overscroll-behavior-x:none!important}[data-silk~=c2][data-silk~=cEb][data-silk~=cAd]{overscroll-behavior-y:none!important}[data-silk~=c2][data-silk~=cFa],[data-silk~="0aj"] [data-silk~=c2]{overflow-anchor:none;overflow:hidden!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cIa],[data-silk~="0aj"] [data-silk~=c2][data-silk~=cPa][data-silk~=cIa]{padding-bottom:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){padding-right:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cKa]{scroll-behavior:auto}[data-silk~=c2][data-silk~=cKb],[data-silk~=c2][data-silk~=cKk]{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){[data-silk~=c2][data-silk~=cKk]{scroll-behavior:auto}}[data-silk~=c2][data-silk~=cLb]{overflow-anchor:none}[data-silk~=c2][data-silk~=cMq]{scroll-snap-type:y proximity}[data-silk~=c2][data-silk~=cMp]{scroll-snap-type:x proximity}[data-silk~=c2][data-silk~=cMo]{scroll-snap-type:y mandatory}[data-silk~=c2][data-silk~=cMn]{scroll-snap-type:x mandatory}[data-silk~=c2][data-silk~=cPb]{scrollbar-width:none}[data-silk~=c2][data-silk~=cPb]::-webkit-scrollbar{display:none}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb][data-silk~=cJb],[data-silk~=c2][data-silk~=cDa][data-silk~=cIb][data-silk~=cJb]{scrollbar-width:none!important}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb][data-silk~=cJb]::-webkit-scrollbar{display:none!important}[data-silk~=c2][data-silk~=cDa][data-silk~=cIb][data-silk~=cJb]::-webkit-scrollbar{display:none!important}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb][data-silk~=cJb]:before{content:"";width:101%;height:1px;position:absolute;top:0;left:0;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}[data-silk~=c2][data-silk~=cDa][data-silk~=cIb][data-silk~=cJb]:after{content:"";width:1px;height:101%;position:absolute;top:0;left:0;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}[data-silk~=c5]{width:1px;height:1px;margin-bottom:-1px;margin-right:-1px}[data-silk~=c5][data-silk~=cAd][data-silk~=cGh]{grid-row:1}[data-silk~=c5][data-silk~=cAd][data-silk~=cGi]{grid-row:-1}[data-silk~=c5][data-silk~=cAc][data-silk~=cGh]{grid-column:-1}[data-silk~=c5][data-silk~=cAd][data-silk~=cGi]{margin-top:-2px}[data-silk~=c5][data-silk~=cAc][data-silk~=cGi]{margin-left:-2px}[data-silk~=c6][data-silk~=cAd]{width:1px;height:0}[data-silk~=c6][data-silk~=cAc]{width:0;height:1px}[data-silk~=c6][data-silk~=cAd]{grid-row:2}[data-silk~=c6][data-silk~=cAc]{grid-column:2}html:not([data-silk-native-page-scroll-replaced=true]) [data-silk~=c6][data-silk~=cHa]{width:0!important;height:0!important}[data-silk~=c7][data-silk~=cAd]{width:1px;height:0}[data-silk~=c7][data-silk~=cAc]{width:0;height:1px}html:not([data-silk-native-page-scroll-replaced=true]) [data-silk~=c7][data-silk~=cHa]{width:0!important;height:0!important}[data-silk~=c7][data-silk~=cAd]{grid-row:6}[data-silk~=c7][data-silk~=cAc]{grid-column:6}[data-silk~=c3]{position:relative!important}[data-silk~=c3][data-silk~=cAd]{grid-row:4!important}[data-silk~=c3][data-silk~=cAc]{grid-column:4!important}[data-silk~=c3][data-silk~=cCa][data-silk~=cIb]{position:sticky!important;left:0!important;right:0!important}[data-silk~=c3][data-silk~=cDa][data-silk~=cJb]{position:sticky!important;top:0!important;bottom:0!important}.profile-sheet {
  padding: 24px;
  width: 100%;
}

.profile-sheet-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  position: relative;
}

.profile-sheet-title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}



.app-info {
  background-color: #f3f4f6;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 24px;
}

.app-info-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 12px;
  color: #111827;
}

.app-info-description {
  font-size: 14px;
  line-height: 1.5;
  color: #4b5563;
  margin-bottom: 8px;
}

.app-info-description:last-child {
  margin-bottom: 0;
}

.profile-form {
  margin-bottom: 24px;
}

.form-field {
  margin-bottom: 16px;
}

.form-field label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
}

.form-field input,
.form-field textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 16px;
}

.form-field textarea {
  resize: vertical;
  min-height: 80px;
}

.profile-save-button {
  width: 100%;
  padding: 16px;
  background-color: #4f46e5;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.profile-save-button:hover:not(:disabled) {
  background-color: #4338ca;
}

.profile-save-button:disabled {
  background-color: #9ca3af;
  cursor: not-allowed;
}

.welcome-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  color: white;
}

.welcome-content {
  max-width: 500px;
  text-align: center;
}

.welcome-title {
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 8px;
}

.welcome-tagline {
  font-size: 18px;
  margin-bottom: 32px;
  opacity: 0.9;
}

.welcome-description {
  margin-bottom: 40px;
  line-height: 1.6;
}

.welcome-description p {
  margin-bottom: 16px;
}

.get-started-button {
  padding: 16px 32px;
  background-color: white;
  color: #4f46e5;
  border: none;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.get-started-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.welcome-sheet-view {
  z-index: 100;
}

.welcome-sheet-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.welcome-sheet-content {
  width: 90%;
  max-width: 450px;
  border-radius: 16px;
  background-color: white;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
.question-card-container {
  position: relative;
  width: 100%;
  height: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.question-category-label {
  position: absolute;
  top: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  background-color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.category-travel {
  color: var(--color-travel);
  border: 1px solid var(--color-travel);
}

.category-relationships {
  color: var(--color-relationships);
  border: 1px solid var(--color-relationships);
}

.category-adventures {
  color: var(--color-adventures);
  border: 1px solid var(--color-adventures);
}

.category-secrets {
  color: var(--color-secrets);
  border: 1px solid var(--color-secrets);
}

.category-xrated {
  color: var(--color-xrated);
  border: 1px solid var(--color-xrated);
}

.category-work {
  color: var(--color-work);
  border: 1px solid var(--color-work);
}

.category-hobbies {
  color: var(--color-hobbies);
  border: 1px solid var(--color-hobbies);
}

.category-family {
  color: var(--color-family);
  border: 1px solid var(--color-family);
}

.category-growth {
  color: var(--color-growth);
  border: 1px solid var(--color-growth);
}

.category-embarrassing {
  color: var(--color-embarrassing);
  border: 1px solid var(--color-embarrassing);
}

.question-swiper {
  width: 300px;
  height: 380px;
}

.question-slide {
  background-color: white;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.slide-question {
  border-top: 6px solid var(--color-primary);
}

.slide-yes {
  border-top: 6px solid var(--color-success);
  background-color: rgba(34, 197, 94, 0.1);
}

.slide-no {
  border-top: 6px solid var(--color-error);
  background-color: rgba(239, 68, 68, 0.1);
}

.slide-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.question-text {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 20px;
  flex: 1;
  display: flex;
  align-items: center;
}

.swipe-instructions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #6b7280;
  font-size: 14px;
}

.swipe-arrow {
  margin: 0 10px;
  font-size: 18px;
  font-weight: bold;
}

.swipe-left {
  color: var(--color-error);
}

.swipe-right {
  color: var(--color-success);
}

.manual-answer-buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
}

.answer-button {
  padding: 10px 0;
  width: 120px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}

.answer-yes {
  background-color: var(--color-success);
  color: white;
}

.answer-no {
  background-color: var(--color-error);
  color: white;
}

.answer-button:hover {
  transform: scale(1.05);
}

.answer-label {
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 2px;
}

.answer-label.answer-yes {
  background-color: transparent;
  color: var(--color-success);
}

.answer-label.answer-no {
  background-color: transparent;
  color: var(--color-error);
}.insights-panel {
  padding: 24px;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden;
}

.insights-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 24px;
  text-align: center;
}

.insights-subtitle {
  font-size: 20px;
  font-weight: 600;
  margin: 32px 0 16px;
}

.insights-summary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

@media (min-width: 640px) {
  .insights-summary {
    grid-template-columns: repeat(4, 1fr);
  }
}

.stat-card {
  background-color: white;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.stat-value {
  font-size: 32px;
  font-weight: 700;
  color: #4f46e5;
  line-height: 1;
  margin-bottom: 8px;
}

.stat-label {
  font-size: 14px;
  color: #6b7280;
}

.category-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 640px) {
  .category-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

.category-stat-card {
  background-color: white;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.category-travel {
  border-left: 4px solid #3b82f6;
}

.category-relationships {
  border-left: 4px solid #ec4899;
}

.category-adventures {
  border-left: 4px solid #22c55e;
}

.category-secrets {
  border-left: 4px solid #a855f7;
}

.category-xrated {
  border-left: 4px solid #ef4444;
}

.category-work {
  border-left: 4px solid #f97316;
}

.category-hobbies {
  border-left: 4px solid #14b8a6;
}

.category-family {
  border-left: 4px solid #eab308;
}

.category-growth {
  border-left: 4px solid #6366f1;
}

.category-embarrassing {
  border-left: 4px solid #f43f5e;
}

.category-stat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.category-name {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.category-count {
  font-size: 14px;
  color: #6b7280;
}

.category-percentages {
  margin-top: 8px;
}

.percentage-bar {
  height: 8px;
  background-color: #f3f4f6;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
}

.percentage-fill {
  height: 100%;
}

.yes-fill {
  background-color: #22c55e;
}

.no-fill {
  background-color: #ef4444;
}

.percentage-labels {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}

.no-data-message {
  background-color: #f9fafb;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  color: #6b7280;
  margin-top: 24px;
}

/* Action buttons */
.insights-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  gap: 16px;
}

.insights-action-button {
  flex: 1;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}

.insights-action-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.export-button {
  background-color: #4f46e5;
  color: white;
}

.export-button:hover:not(:disabled) {
  background-color: #4338ca;
}

.reset-button {
  background-color: #ef4444;
  color: white;
}

.reset-button:hover:not(:disabled) {
  background-color: #dc2626;
}

.confirm-reset {
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/* Export sheet */
.insights-sheet-view {
  z-index: 100;
}

.insights-sheet-content {
  width: 90%;
  max-width: 500px;
  border-radius: 16px;
  background-color: white;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.export-sheet {
  padding: 24px;
}

.export-sheet-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: center;
}

.export-sheet-description {
  text-align: center;
  margin-bottom: 24px;
  color: #6b7280;
}

.export-data {
  background-color: #f9fafb;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
  overflow-x: auto;
  max-height: 300px;
  overflow-y: auto;
}

.export-data pre {
  font-family: monospace;
  white-space: pre-wrap;
  font-size: 14px;
}

.export-actions {
  display: flex;
  gap: 16px;
}

.export-copy-button,
.export-close-button {
  flex: 1;
}

.export-copy-button {
  background-color: #4f46e5;
  color: white;
}

.export-copy-button:hover {
  background-color: #4338ca;
}

.export-close-button button {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
  border: none;
  background-color: #e5e7eb;
  color: #1f2937;
}

.export-close-button button:hover {
  background-color: #d1d5db;
}.category-sheet {
  padding: 24px;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

.category-sheet-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: center;
}

.category-sheet-description {
  text-align: center;
  margin-bottom: 32px;
  color: #6b7280;
}

.category-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}

.category-item {
  padding: 16px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.category-travel {
  border-left: 4px solid #3b82f6;
}

.category-relationships {
  border-left: 4px solid #ec4899;
}

.category-adventures {
  border-left: 4px solid #22c55e;
}

.category-secrets {
  border-left: 4px solid #a855f7;
}

.category-xrated {
  border-left: 4px solid #ef4444;
}

.category-work {
  border-left: 4px solid #f97316;
}

.category-hobbies {
  border-left: 4px solid #14b8a6;
}

.category-family {
  border-left: 4px solid #eab308;
}

.category-growth {
  border-left: 4px solid #6366f1;
}

.category-embarrassing {
  border-left: 4px solid #f43f5e;
}

.category-item.selected {
  background-color: #f9fafb;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.category-travel.selected {
  border: 2px solid #3b82f6;
}

.category-relationships.selected {
  border: 2px solid #ec4899;
}

.category-adventures.selected {
  border: 2px solid #22c55e;
}

.category-secrets.selected {
  border: 2px solid #a855f7;
}

.category-xrated.selected {
  border: 2px solid #ef4444;
}

.category-work.selected {
  border: 2px solid #f97316;
}

.category-hobbies.selected {
  border: 2px solid #14b8a6;
}

.category-family.selected {
  border: 2px solid #eab308;
}

.category-growth.selected {
  border: 2px solid #6366f1;
}

.category-embarrassing.selected {
  border: 2px solid #f43f5e;
}

.category-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.category-name {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 2px;
}

.category-question-count {
  font-size: 13px;
  color: #4f46e5;
  font-weight: 500;
  margin-bottom: 2px;
}

.category-description {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.4;
}

.category-selected-indicator {
  font-weight: bold;
  font-size: 18px;
  margin-left: 8px;
}

.category-button-container {
  display: flex;
  position: relative;
}

.category-save-button {
  width: 100%;
}

.category-save-button button {
  width: 100%;
  padding: 16px;
  background-color: #4f46e5;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.category-save-button button:hover {
  background-color: #4338ca;
}

.toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  padding: 16px 32px;
  border-radius: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  max-width: 90%;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
}

.toast.visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.toast.success {
  background-color: var(--color-success);
  color: white;
}

.toast.error {
  background-color: var(--color-error);
  color: white;
}

.toast.info {
  background-color: var(--color-primary);
  color: white;
}

.toast-message {
  text-align: center;
  font-weight: 800;
  font-size: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
}.SheetWithDepth-stackBackground {
   /* SELF-LAYOUT */
   position: fixed;
   inset: 0;

   /* APPEARANCE */
   background-color: black;
   opacity: 0;

   will-change: opacity;
}
.SheetWithDepth-stackBackground.nativePageScrollReplaced-true {
   /* APPEARANCE */
   opacity: 1;
}

/**/

.SheetWithDepth-stackFirstSheetBackdrop {
   /* SELF-LAYOUT */
   position: absolute;
   z-index: 1;
   inset: -1px;

   /* APPEARANCE */
   background-color: black;
   opacity: 0;

   /* INTERACTIVITY */
   pointer-events: none;

   will-change: opacity;
}

/**/

.SheetWithDepth-view {
   /* SELF-LAYOUT */
   top: 0;
   bottom: initial;
   /* Adding 60px to make it fully visible below iOS Safari's
    bottom UI */
   height: calc(var(--silk-100-lvh-dvh-pct) + 60px);
}

.SheetWithDepth-content {
   /* SELF-LAYOUT */
   height: calc(100% - max(calc(env(safe-area-inset-top) + 1.3vh), 2.6vh));

   /* INNER-LAYOUT */
   display: grid;
}

.SheetWithDepth-bleedingBackground {
   /* APPEARANCE */
   border-radius: var(--radius-7) var(--radius-7) 0 0;
   background-color: white;
   box-shadow: var(--shadow-4);
}
.LongSheet-view {
   height: 100%;
}

.LongSheet-content {
   border-radius: 16px 16px 0 0;
   background-color: white;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
   height: 100%;
   max-height: 85vh;
   overflow: hidden;
}

.LongSheet-scrollRoot {
   height: 100%;
   max-height: 85vh;
}

.LongSheet-scrollContent {
   min-height: 100%;
   padding: 16px 0;
}

.LongSheet-innerContent {
   padding: 0 16px;
   overflow-x: hidden;
}
.share-page {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.share-header {
  text-align: center;
  margin-bottom: 1rem;
}

.share-header h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.share-header p {
  font-size: 0.9rem;
  color: #666;
}

.category-section {
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1rem;
}

.category-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background-color: #f8f8f8;
  cursor: pointer;
  user-select: none;
}

.category-header h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 500;
}

.expand-icon {
  font-size: 0.8rem;
  color: #666;
}

.selection-controls {
  display: flex;
  justify-content: space-between;
  margin: 1rem;
}

.selection-controls button {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.selection-controls button:hover {
  background-color: #eee;
}

.selected-categories-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.category-selection-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0 1rem 1rem 1rem;
}

.category-item {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid #eee;
  background-color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}

.category-item:hover {
  border-color: #ddd;
  background-color: #f9f9f9;
}

.category-item.selected {
  border-color: #4a90e2;
  background-color: rgba(74, 144, 226, 0.05);
}

.category-color {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 0.75rem;
}

.category-color.travel { background-color: #4a90e2; }
.category-color.relationships { background-color: #ff8fa3; }
.category-color.adventures { background-color: #4ade80; }
.category-color.secrets { background-color: #a78bfa; }
.category-color.xrated { background-color: #ef4444; }
.category-color.work { background-color: #f97316; }
.category-color.hobbies { background-color: #14b8a6; }
.category-color.family { background-color: #eab308; }
.category-color.growth { background-color: #6366f1; }
.category-color.embarrassing { background-color: #f43f5e; }

.category-details {
  flex: 1;
}

.category-name {
  font-weight: 500;
}

.category-stats {
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.25rem;
}

.category-checkbox {
  margin-left: 0.5rem;
}

.share-actions {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.reveal-truths-button {
  background-color: #4a90e2;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  border: none;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.reveal-truths-button:hover:not(:disabled) {
  background-color: #3a80d2;
}

.reveal-truths-button:disabled {
  background-color: #a0a0a0;
  cursor: not-allowed;
}

.result-section {
  margin-top: 2rem;
  border-top: 1px solid #eee;
  padding-top: 1.5rem;
}

.result-section h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.truth-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.truth-item {
  padding: 0.5rem;
  background-color: #f8f8f8;
  border-radius: 6px;
  font-size: 0.9rem;
}

.category-pill {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 16px;
  font-size: 0.8rem;
  color: white;
  gap: 0.35rem;
}

.total-pill {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 16px;
  font-size: 0.8rem;
  background-color: #333;
  color: white;
  gap: 0.35rem;
}

.pill-name {
  font-weight: 500;
}

.pill-count {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0.1rem 0.4rem;
  border-radius: 10px;
  font-size: 0.7rem;
}

:root {
  --color-blue: #4a90e2;
  --color-pink: #ff8fa3;
  --color-green: #4ade80;
  --color-purple: #a78bfa;
  --color-red: #ef4444;
  --color-orange: #f97316;
  --color-teal: #14b8a6;
  --color-yellow: #eab308;
  --color-indigo: #6366f1;
  --color-rose: #f43f5e;
}/* Apply border-box sizing to all elements */
*, *::before, *::after {
  box-sizing: border-box;
}

.home-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f9fafb;
  width: 100%;
  overflow-x: hidden;
}

.top-nav {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  z-index: 10;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.nav-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  height: 56px;
  width: 100%;
  box-sizing: border-box;
}

.nav-left, .nav-right {
  flex: 1;
}

.nav-title {
  font-size: 18px;
  font-weight: 700;
  color: #4f46e5;
}

.nav-right {
  display: flex;
  justify-content: flex-end;
}

.profile-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  background-color: #e5e7eb;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s;
}

.profile-button:hover {
  transform: scale(1.05);
}

.profile-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-icon {
  font-size: 16px;
  font-weight: 600;
  color: #4b5563;
}

.category-button {
  padding: 6px 10px;
  background-color: #4f46e5;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}

.main-content {
  flex: 1;
  padding: 16px;
  padding-top: 72px; /* Account for fixed nav */
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 0; /* Make sure it's lower than navigation */
}

.tabs {
  display: flex;
  margin-bottom: 24px;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
}

.tab-button {
  flex: 1;
  padding: 12px;
  border: none;
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  color: #6b7280;
}

.tab-button.active {
  background-color: #4f46e5;
  color: white;
}

.questions-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
}

.question-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  width: 100%;
  max-width: 320px;
}

.question-progress {
  font-size: 14px;
  color: #6b7280;
  width: 100%;
}

.progress-text {
  margin-bottom: 6px;
}

.progress-bar {
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 6px;
}

.progress-fill {
  height: 100%;
  background-color: #4f46e5;
  border-radius: 3px;
  transition: width 0.3s ease;
}

.question-category {
  font-size: 13px;
  margin-top: 4px;
  color: #4f46e5;
  font-weight: 500;
}

.undo-button {
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}

.undo-button:hover {
  background-color: var(--color-primary-dark);
}

.no-categories-message,
.no-questions-message {
  background-color: white;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  max-width: 500px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.no-categories-message p,
.no-questions-message p {
  margin-bottom: 16px;
  color: #6b7280;
}

.select-categories-button {
  padding: 12px 24px;
  background-color: #4f46e5;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
}

.insights-container {
  padding: 16px;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.home-sheet-view {
  z-index: 100;
}

.home-sheet-content {
  background-color: white;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 80vh;
}/* Reset some basic elements */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  color: #1f2937;
}

/* App container */
.app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Loading screen */
.loading-screen {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  color: white;
}

.loading-screen h1 {
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 16px;
}

/* Utility classes */
.text-center {
  text-align: center;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}