@font-face{font-family:nunito;font-style:normal;font-display:swap;src:url(/assets/font/XRXV3I6Li01BKofINeaBTMnFcQ.woff2)format("woff2")}:root{--bs-font-sans-serif:'Nunito', sans-serif;--bs-body-font-family:var(--bs-font-sans-serif)}.mw-900{max-width:900px;padding:0 20px}.link{margin-right:40px}.navbar{--bs-navbar-active-color:#A24EB2}body{-webkit-text-size-adjust:none;text-size-adjust:none}.nav-link{color:#371f66;font-family:Nunito;font-size:16px;font-style:normal;font-weight:400;line-height:normal;transition:all .3s ease}.nav-link.active{font-weight:900;color:#a24eb2}.nav-link:hover{color:#a24eb2}.social{gap:0}.navbar-toggler{border:0;padding:.5em 1em}button:focus:not(:focus-visible){outline:0;border:0;box-shadow:none}.sphera-nav{background:#fff;box-shadow:0 4px 30px rgba(0,0,0,5%)}.footer{padding:100px 20px;background-color:#29174d;color:rgba(255,255,255,.6);font-family:Nunito;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.footer .leftcol{max-width:50%}.footer .leftcol .text{margin-top:10px}.footer .leftcol .social{margin:40px 0;display:flex;flex-direction:row;gap:20px}.footer .menu{display:flex;gap:20px}.footer .menu a{text-decoration:none;color:#fff;font-family:Nunito;font-size:12px;font-style:normal;font-weight:400;line-height:normal}@font-face{font-family:nunito;src:url(../assets/font/Nunito-VariableFont_wght.ttf)format("truetype");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:nunito;src:url(../assets/font/Nunito-Italic-VariableFont_wght.ttf)format("truetype");font-weight:400 900;font-style:italic;font-display:swap}#preloadedImages{width:0;height:0;display:inline;background-image:url(../assets/bg.webp);background-image:url(../assets/appstore_btn.webp);background-image:url(../assets/letter.webp);background-image:url(../assets/screen_1.webp);background-image:url(../assets/image-0.webp);background-image:url(../assets/image-1.webp);background-image:url(../assets/image-2.webp);background-image:url(../assets/image-3.webp);background-image:url(../assets/image-4.webp)}*{font-family:nunito,sans-serif !important}.guide-content *{font-family:nunito,sans-serif !important}.grand{color:#371f66;font-size:60px;font-style:normal;font-weight:900;line-height:75px}.subgrand{margin-top:20px;color:#8f8999;font-size:25px;font-style:normal;font-weight:500;line-height:normal}.appstore-text{margin-top:10px;color:#1a1a1a;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.download{margin-top:70px}.contrast{z-index:10;position:relative;background-color:#522e99;border-radius:32px;padding:60px 0;color:#fff;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.contrast.emotions{background-color:#29174d;border-radius:0 0 32px 32px}.contrast.emotions .subtitle{color:rgba(255,255,255,.5);text-align:center;font-size:25px;font-style:normal;font-weight:500;line-height:normal}.contrast.emotions .ems{flex-wrap:nowrap}.contrast.emotions .ems .em{display:flex;flex-direction:column;align-items:center;gap:10px}.contrast.emotions .ems .em img{max-width:108px}.contrast.emotions .ems .em .name{color:#fff;text-align:center;font-size:20px;font-style:normal;font-weight:900;line-height:normal}.contrast .title{color:#fff;font-size:50px;font-style:normal;font-weight:900;line-height:normal}.contrast .contrast-content{display:flex;gap:40px}.content{padding:60px 0;color:rgba(0,0,0,.5);text-align:center;font-size:25px;font-style:normal;font-weight:500;line-height:normal}.content .title{color:#371f66;font-size:50px;font-style:normal;font-weight:900;line-height:normal}.main-content{display:flex;flex-direction:column;gap:30px;color:rgba(0,0,0,.5);font-size:20px;font-style:normal;font-weight:400;line-height:normal}.main-content .title{color:#371f66;font-size:40px;font-style:normal;font-weight:900;line-height:normal}.main-content .grid{display:grid;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(12,1fr);gap:1.5rem}.twocol{margin-bottom:60px;gap:50px}.twocol-img{width:450px;height:450px}.bottom-text{color:#522e99;text-align:center;font-size:25px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:60px}.bubble{height:100%;padding:30px;border-radius:30px;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.1);color:#1a1a1a;font-size:20px;font-style:normal;font-weight:400;line-height:normal;gap:20px}.graybg{background-color:#faf7ff;margin-top:-32px;padding-bottom:32px}.graybg .main-content{padding:80px 0 60px}.contrast-bg{background-image:url(../assets/bg.webp);background-position:50%;background-size:cover}.contrast-bg .content{padding:60px 150px 150px;color:rgba(255,255,255,.5);text-align:center;font-size:25px;font-style:normal;font-weight:600;line-height:normal}.contrast-bg .content .title{color:#fff;text-align:center;font-size:50px;font-style:normal;font-weight:900;line-height:normal}.contrast-bg .content .appstore-text{color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.fixed-top{position:fixed !important}.roundtop{background-color:#fff;border-radius:32px 32px;margin-top:-32px;padding-top:32px;margin-bottom:-32px;padding-bottom:32px;z-index:1000;position:relative}.sphera-nav{background-color:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,5%);height:78px}.navbar-nav{display:flex;flex-direction:row;align-items:center}.navbar-nav.social .nav-item{margin:0}.navbar-nav.social .nav-item .nav-link{padding:.5rem}.nav-item{margin:0 .5rem}.nav-link{padding:.5rem 1rem;line-height:normal;display:flex;align-items:center;font-weight:500;color:#171718}.nav-link:hover{color:#6c63ff}.nav-link.active{color:#171718;font-weight:500}.logo{font-size:1.5rem;font-weight:700;color:#6c63ff}.navbar-toggler{border:none;padding:.5rem}.navbar-toggler:focus{outline:none;box-shadow:none}@media(max-width:576px){.grand{margin-top:20px;font-size:42px;line-height:50px;text-align:center}.subgrand{font-size:22px;text-align:center}.download{margin-top:40px;margin-bottom:50px}.appstore-text{text-align:center}.contrast{font-size:16px;border-radius:0}.contrast .title{font-size:30px;padding:0 20px}.contrast .contrast-content{display:flex;gap:20px}.contrast.emotions{border-radius:0}.contrast.emotions .subtitle{font-size:20px}.contrast.emotions .ems{flex-wrap:wrap;gap:20px 0}.contrast.emotions .ems .em{gap:0}.content{display:flex;gap:20px;font-size:16px;border-radius:0}.content .title{font-size:30px;padding:0 20px}.twocol{gap:30px}.main-content{gap:20px;font-size:16px;text-align:center}.main-content .title{font-size:24px}.twocol-img{width:90vw;height:auto}.bottom-text{font-size:20px;padding:0 20px}.bubble{max-width:100%;font-size:16px}.contrast-bg .content{padding:60px 0 0;color:rgba(255,255,255,.5);font-size:20px}.contrast-bg .content .title{font-size:30px}.roundtop{border-radius:0;padding:0;margin:40px 0}.navbar-nav{flex-direction:column;align-items:flex-start}.nav-item{margin:.5rem 0}.navbar-collapse{background-color:rgba(255,255,255,.95);padding:1rem;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}}.sphera-footer{padding:100px 20px;background-color:#29174d;color:rgba(255,255,255,.6);font-family:Nunito;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.sphera-footer .leftcol{max-width:50%}.sphera-footer .leftcol .text{margin-top:10px}.sphera-footer .leftcol .social{margin:40px 0;display:flex;flex-direction:row;gap:20px}.sphera-footer .menu{display:flex;gap:20px}.sphera-footer .menu a{text-decoration:none;color:#fff;font-family:Nunito;font-size:12px;font-style:normal;font-weight:400;line-height:normal}html{scroll-padding-top:60px}.ball{height:80px}.grid{display:grid;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(12,1fr);gap:1.5rem}.guide-article{min-height:100vh;background:#fff}.guide-header{padding:100px 0 40px;background:#fff;text-align:center}.guide-header .container{margin:0 auto;padding:0 20px}.guide-header .post-meta{font-family:Nunito;font-size:14px;color:#999;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.guide-header .post-meta .date{color:#999}.guide-header .post-title{font-family:Nunito;font-size:48px;font-weight:700;color:#1a1a1a;line-height:1.2;margin:0}@media(max-width:768px){.guide-header .post-title{font-size:26px}}.guide-hero{padding:110px 0 60px;text-align:center;position:relative;min-height:400px;display:flex;align-items:center;background-size:cover;background-position:50% 75px;background-repeat:no-repeat}.guide-hero .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1}.guide-hero .container{margin:0 auto;padding:0 20px;position:relative;z-index:2}.guide-hero .post-meta{font-family:Nunito;font-size:14px;color:rgba(255,255,255,.9);margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.guide-hero .post-meta .author{color:rgba(255,255,255,.9)}.guide-hero .post-meta .date{color:rgba(255,255,255,.9)}.guide-hero .post-title{font-family:Nunito;font-size:48px;font-weight:700;color:#fff;line-height:1.2;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media(max-width:768px){.guide-hero .post-title{font-size:32px}}.guide-hero.gradient-default{background:radial-gradient(ellipse at center bottom,#f5f5f5 0%,#9e9e9e 50%,#424242 100%)}.guide-hero.gradient-default .hero-overlay{display:none}.guide-hero.gradient-default .post-meta{color:rgba(0,0,0,.6);text-shadow:none}.guide-hero.gradient-default .post-meta .author,.guide-hero.gradient-default .post-meta .date{color:rgba(0,0,0,.6)}.guide-hero.gradient-default .post-title{color:#1a1a1a;text-shadow:none}.gradient-anger{background:linear-gradient(135deg,#ff8a00 0%,#e52e71 100%);background:radial-gradient(ellipse at center bottom,#ffeb3b 0%,#ff9800 50%,#e65100 100%)}.gradient-fear{background:radial-gradient(ellipse at center bottom,#e8eaf6 0%,#9c27b0 50%,#4a148c 100%)}.gradient-sadness{background:radial-gradient(ellipse at center bottom,#e3f2fd 0%,#2196f3 50%,#0d47a1 100%)}.gradient-joy,.gradient-enjoyment{background:radial-gradient(ellipse at center bottom,#fff9c4 0%,#ffeb3b 50%,#f57f17 100%)}.gradient-disgust{background:radial-gradient(ellipse at center bottom,#e8f5e8 0%,#4caf50 50%,#1b5e20 100%)}.gradient-surprise{background:radial-gradient(ellipse at center bottom,#fce4ec 0%,#e91e63 50%,#880e4f 100%)}.gradient-default{background:radial-gradient(ellipse at center bottom,#f5f5f5 0%,#9e9e9e 50%,#424242 100%)}.gradient-emerald{background:radial-gradient(ellipse at center bottom,#e8f5e8 0%,#4caf50 50%,#1b5e20 100%)}.image-credit-section{text-align:center;padding:20px 0;background:#fff}.image-credit-section .image-credit{font-size:.8rem;line-height:1.4;color:#999}.image-credit-section .image-credit a{color:#999;text-decoration:none}.image-credit-section .image-credit a:hover{text-decoration:none;border-bottom:none}.post-feature-image{width:100%;margin-bottom:40px}.post-feature-image img{width:100%;height:auto;display:block;object-fit:cover}.post-feature-image .image-caption,.post-feature-image .image-credit{text-align:center;font-size:.8rem;line-height:1.4;margin-top:1.6rem;color:#999}.post-feature-image .image-caption{font-style:italic}.post-feature-image .image-caption a,.post-feature-image .image-credit a{color:#999;text-decoration:none}.post-feature-image .image-caption a:hover,.post-feature-image .image-credit a:hover{text-decoration:none;border-bottom:none}.guide-content{padding:40px 0}.guide-content .container{max-width:800px;margin:0 auto;padding:0 20px}.guide-content .content-wrapper{font-family:Nunito;font-size:18px;line-height:1.7;color:#333;text-align:left}.guide-content .content-wrapper p{margin-bottom:24px;line-height:1.7}.guide-content .content-wrapper h1,.guide-content .content-wrapper h2,.guide-content .content-wrapper h3,.guide-content .content-wrapper h4,.guide-content .content-wrapper h5,.guide-content .content-wrapper h6{font-weight:600;color:#1a1a1a;margin:32px 0 16px;line-height:1.3}.guide-content .content-wrapper h1{font-size:32px}.guide-content .content-wrapper h2{font-size:28px}.guide-content .content-wrapper h3{font-size:24px}.guide-content .content-wrapper h4{font-size:20px}.guide-content .content-wrapper h5{font-size:18px}.guide-content .content-wrapper h6{font-size:16px}.guide-content .content-wrapper strong{font-weight:800;color:#464646}.guide-content .content-wrapper em{font-style:italic}.guide-content .content-wrapper a{color:#7223d1;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.guide-content .content-wrapper a:hover{border-bottom-color:#7223d1}.guide-content .content-wrapper blockquote{border-left:4px solid #7223d1;padding:40px 24px 10px;margin:32px 0;font-style:italic;color:#666;background:#f8f9fa;border-radius:4px;position:relative}.guide-content .content-wrapper blockquote:before{content:'"';font-size:48px;color:#7223d1;position:absolute;top:-10px;left:20px;font-family:serif}.guide-content .content-wrapper ul,.guide-content .content-wrapper ol{margin:24px 0;padding-left:24px}.guide-content .content-wrapper ul li,.guide-content .content-wrapper ol li{margin-bottom:12px;line-height:1.6}.guide-content .content-wrapper ul li::marker,.guide-content .content-wrapper ol li::marker{color:#7223d1}.guide-content .content-wrapper ul ul,.guide-content .content-wrapper ul ol,.guide-content .content-wrapper ol ul,.guide-content .content-wrapper ol ol{margin:12px 0}.guide-content .content-wrapper table{width:100%;border-collapse:collapse;margin:32px 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.guide-content .content-wrapper table th,.guide-content .content-wrapper table td{border:1px solid #e0e0e0;padding:16px;text-align:left;vertical-align:top}.guide-content .content-wrapper table th{background:#7223d1;color:#fff;font-weight:600;font-size:16px}.guide-content .content-wrapper table tr:nth-child(even){background:#f8f9fa}.guide-content .content-wrapper table tr:hover{background:#f0f0f0}.guide-content .content-wrapper code{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:monaco,menlo,monospace;font-size:14px;color:#d63384}.guide-content .content-wrapper pre{background:#f8f9fa;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0}.guide-content .content-wrapper pre code{background:0 0;padding:0;color:#333}.guide-content .content-wrapper img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.guide-content .content-wrapper hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#7223d1,transparent);margin:40px 0}.posts-grid{display:grid;max-width:1600px;margin:0 auto 80px;padding-left:48px;padding-right:48px;gap:40px;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.posts-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.posts-grid{grid-template-columns:1fr;padding-left:24px;padding-right:24px;gap:24px}}.post-card-link{text-decoration:none;color:inherit;display:block;height:100%}.post-card-link:hover{text-decoration:none;color:inherit}.post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,8%);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.post-card-link:hover .post-card{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.post-image{height:200px;background-size:cover;background-position:50%;position:relative}.post-content{padding:30px 20px;display:flex;flex-direction:column;flex:auto}.post-date{color:#999;font-size:14px;margin-bottom:8px}a.post-title-link{margin:0 0 15px;display:block;font-family:Nunito;font-size:16px;font-weight:700;color:#1a1a1a;text-decoration:none;line-height:20px}.post-content .post-title{margin:0 0 15px;font-family:Nunito;font-size:16px;font-weight:700;color:#1a1a1a;line-height:20px}.post-excerpt{font-family:Nunito;font-size:14px;color:#666;line-height:18px;margin-bottom:20px}.read-more{margin-top:auto;font-family:Nunito;font-size:14px;font-weight:600;color:#1a1a1a;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;padding-left:0;padding-right:0}.read-more:hover{color:#7223d1}.guide-post{background:#fff}.post-header{padding:40px 0 20px}.post-header .container{max-width:800px;margin:0 auto;padding:0 20px}.post-meta{font-family:Nunito;font-size:14px;color:#999;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.post-meta .author{margin-right:20px}.post-title{font-family:Nunito;font-size:48px;font-weight:700;color:#1a1a1a;line-height:1.2;margin:0}@media(max-width:768px){.post-title{font-size:36px}}.post-feature-gradient{width:100%;max-width:800px;height:400px;margin:0 auto 40px;border-radius:0;display:block}@media(max-width:768px){.post-feature-gradient{height:300px}}.connected-feelings{margin-top:40px;padding:24px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border-left:4px solid #7223d1}.connected-feelings h3{font-family:Nunito;font-size:18px;font-weight:600;color:#7223d1;margin:0 0 12px}.connected-feelings p{margin:0;font-family:Nunito;font-size:16px;color:#555;line-height:1.6}.guide-main{margin-bottom:80px}.guide-main .container .content table{margin-bottom:24px}.guide-main .container .content table th,.guide-main .container .content table td{border:1px solid #ccc;padding:6px 12px}.guide-navigation{padding:60px 0;background:#fff;border-top:1px solid #f0f0f0}.guide-navigation .container{max-width:800px;margin:0 auto;padding:0 20px}.guide-navigation .nav-links{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}@media(max-width:768px){.guide-navigation .nav-links{flex-direction:column;gap:30px}}.guide-navigation .nav-previous,.guide-navigation .nav-next{display:flex;flex-direction:column;text-decoration:none;color:#333;transition:color .2s ease;max-width:45%}@media(max-width:768px){.guide-navigation .nav-previous,.guide-navigation .nav-next{max-width:100%}}.guide-navigation .nav-previous:hover,.guide-navigation .nav-next:hover{color:#7223d1}.guide-navigation .nav-previous{text-align:left}.guide-navigation .nav-next{text-align:right}@media(max-width:768px){.guide-navigation .nav-next{text-align:left}}.guide-navigation .nav-label{font-family:Nunito;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#999;margin-bottom:8px;display:block}.guide-navigation .nav-title{font-family:Nunito;font-size:18px;font-weight:600;line-height:1.3;color:inherit;display:block}@media(max-width:768px){.guide-navigation .nav-title{font-size:16px}}