@font-face{font-family:Outfit;src:url('/assets/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--green:#6250ee;--ink:#282442;--muted:#716d87;--cream:#f8f7ff;--line:#e5e0f3;--gold:#ffcb4c;--lime:#d9f769;--bg:#f8f7ff;--purple:#6250ee;--coral:#ff806d;--sky:#c8eeff;--pink:#ffd8ec;--mint:#bff1df}
body,button,input,select,textarea{font-family:Outfit,ui-sans-serif,system-ui,sans-serif}h1,h2,h3,.soso-site .brand span,.soso-demo .logo,.soso-demo .stat strong,.soso-demo .balance strong,.soso-demo .bigbalance{font-family:Outfit,ui-sans-serif,system-ui,sans-serif}.soso-site{background:#f8f7ff}.soso-site .site-header{background:#f8f7fff2;border-bottom:1px solid #e7e2f5}.soso-site .brand span{font-weight:850;letter-spacing:-2px;font-size:35px}.soso-site .brand img{transform:rotate(-9deg);border-radius:11px}.soso-site .button{border:2px solid #282442;background:var(--purple);border-radius:15px;box-shadow:3px 4px 0 #282442;font-size:15px;min-height:51px}.soso-site .button:hover{background:#5140d5;transform:translate(1px,1px);box-shadow:2px 3px 0 #282442}.soso-site .button.small{font-size:12px;min-height:43px}.soso-site .button.outline{background:white;color:var(--ink)}.soso-site .button.outline:hover{background:#eee9ff}.soso-site .tag{background:#e9e3ff;color:#4d3cb5;border-color:#ded4ff;font-size:9px;font-weight:750;letter-spacing:.6px}.soso-site .live-dot{background:#6250ee}.soso-site .hero-copy h1{font-size:clamp(55px,9vw,91px);font-weight:850;line-height:.99;letter-spacing:-3px;margin:25px 0}.soso-site .hero-copy h1>span{color:var(--purple);display:inline-block;position:relative;z-index:0}.soso-site .hero-copy h1>span:after{content:'';position:absolute;bottom:1px;left:-4px;right:-12px;height:17px;background:var(--lime);z-index:-1;transform:rotate(-3deg);border-radius:4px}.soso-site .hero-copy>p{font-size:16px;line-height:1.7;max-width:395px}.soso-site .hero-actions{gap:22px}.soso-site .hero-note{color:#6d6685;font-size:11px}.soso-site .play-scene{background-color:#e5dcff;background-image:radial-gradient(#c2afe7 1px,transparent 1px);background-size:18px 18px;border:2px solid #282442;border-radius:30px 65px 30px 30px;box-shadow:7px 7px 0 #d8f55e;min-height:540px;padding-top:75px}.soso-site .play-scene:before{background:#cab7fa;border:1px solid #b8a0ee;width:310px;height:310px}.soso-site .scene-caption{font-size:8px;color:#5c4c89;top:23px;letter-spacing:1.1px;max-width:80%;text-align:center}.soso-site .scene-star{color:#7b59d3}.soso-site .scene-star.one{top:135px;left:20px;color:#fff7d1}.soso-site .scene-star.two{color:#ff806d;bottom:45px;right:10px;font-size:60px}.scene-sticker{position:absolute;top:49px;right:12px;z-index:3;background:#ffca4c;border:2px solid #282442;border-radius:50%;padding:19px 12px;text-align:center;font-size:9px;font-weight:800;line-height:1.25;transform:rotate(12deg);box-shadow:3px 3px 0 #282442}.soso-site .phone-preview{border-color:#282442;box-shadow:10px 12px 0 #9a7dcd66;background:#fffefd;transform:rotate(-6deg)}.soso-site .phone-greeting h2{font-weight:750}.soso-site .phone-greeting small{color:#796e99}.soso-site .mini-avatar{background:#ffe6bb}.soso-site .balance-preview{background:#6250ee;color:#fff;border:1px solid #4939c4}.soso-site .balance-preview>span,.soso-site .balance-preview>small{color:#e5dfff}.soso-site .balance-preview strong{font-weight:800}.soso-site .preview-progress{background:#9587f6}.soso-site .preview-progress i{background:var(--lime)}.soso-site .book-art{background:#ffd4ba}.soso-site .mission-preview{border:1px solid #e0d8f0}.soso-site .mission-preview h3{font-weight:750}.soso-site .fake-button{background:#6250ee}.soso-site .floating-note{bottom:55px;left:12px;border:2px solid #282442;box-shadow:4px 4px 0 #282442;transform:rotate(5deg);padding:12px}.soso-site .note-icon{background:#d9f769;color:#3b5018}.soso-site .scene-bottom{color:#605080}.soso-site .phone-nav .selected{color:var(--purple)}.soso-site .meaning{background:#fff;border:1px solid #e4ddf3;border-radius:17px;padding:22px 65px 22px 20px}.soso-site .meaning span{color:#7d7490}.soso-site .meaning img{right:15px;transform:translateY(-50%) rotate(12deg)}.soso-site .kicker{color:#6d53c7;font-weight:750;letter-spacing:1.7px}.soso-site .section-heading h2,.soso-site .pwa-section h2{font-weight:800;letter-spacing:-1.5px}.soso-site .steps{gap:15px}.soso-site .steps article{background:#e7e0ff;border:1.5px solid #282442;border-radius:22px;padding:25px;box-shadow:3px 4px 0 #282442}.soso-site .steps article:nth-child(2){background:#c8eeff;transform:rotate(1deg)}.soso-site .steps article:nth-child(3){background:#ffe2a5;transform:rotate(-1deg)}.soso-site .step-number{background:#ffffff80;border:1px solid #282442;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;color:#282442;font-weight:750;top:23px;right:20px}.soso-site .step-icon{background:#ffffff80;border-radius:15px;display:grid;place-items:center;width:65px;height:65px;margin-bottom:25px}.soso-site .steps h3{font-size:23px;letter-spacing:-.5px;font-weight:750}.soso-site .steps p{font-size:14px;color:#5c566e;line-height:1.7}.soso-site .two-worlds{background:#282442;color:#fff}.soso-site .two-worlds .kicker{color:#d9f769}.soso-site .world{background:#bff1df;color:#282442;border:2px solid #171525;border-radius:28px}.soso-site .world.child{background:#d9f769}.soso-site .world p,.soso-site .world li{color:#4f5c54;font-size:14px}.soso-site .world h3{font-weight:800}.soso-site .world .tag{background:#ffffff70;color:#282442;border-color:#28244233}.soso-site .world .button{background:#fff;color:#282442}.soso-site .world.child .button{background:#6250ee;color:white}.soso-site .pwa-visual{background:#ffc8e5;border:2px solid #282442;border-radius:28px;background-image:radial-gradient(#ec9dc8 1px,transparent 1px);background-size:18px 18px;min-height:260px}.soso-site .app-icon{filter:drop-shadow(8px 10px 0 #28244233)}.soso-site .pwa-bubble{background:#fff4a6;border:1px solid #282442;border-radius:20px;box-shadow:2px 3px 0 #282442;color:#282442;font-weight:650}.soso-site .try-section{background:#6250ee;border:2px solid #282442;box-shadow:6px 6px 0 #282442;border-radius:28px;position:relative;overflow:hidden}.soso-site .try-section .kicker{color:#d9f769}.soso-site .try-section h2{font-weight:800}.soso-site .try-section p{color:#eeeaff}.soso-site .try-section .button{background:#d9f769;color:#282442;border-color:#282442}.soso-site .try-section .button.outline{background:white;color:#282442}.soso-site .try-section small{color:#e0d9ff}.soso-site details{border-color:#ded6ef}.soso-site summary{font-size:16px;font-weight:650}.soso-site .site-footer{border-color:#ded6ef}.developer-credit{display:flex;align-items:center;gap:12px;justify-content:center;font-size:10px;color:#736b84;padding:16px 20px;background:#fff;border:1px solid #e5e0f3;border-radius:13px;width:max-content;max-width:calc(100% - 36px);margin:0 auto 25px}.developer-credit img{width:123px;height:auto;object-fit:contain}.site-footer .developer-credit{margin:0;max-width:100%;justify-content:flex-start;width:100%;grid-column:1/-1}.soso-demo footer .developer-credit{margin:0;max-width:100%;padding:9px 12px}.soso-demo footer{gap:15px;flex-wrap:wrap;align-items:center}.soso-demo footer .developer-credit img{width:95px}.soso-site .access-card{border:2px solid #282442;box-shadow:6px 7px 0 #d9f769;background:#fff;border-radius:26px}.soso-site .access-card h1{font-weight:800;letter-spacing:-1px}.soso-site .access-tabs{background:#ede7ff}.soso-site .access-tabs .active{background:#6250ee;color:white;box-shadow:2px 2px 0 #282442}.soso-site .access-card input{border:1.5px solid #d7cdeb;border-radius:12px;background:#fdfcff}.soso-site .access-card .code-info{background:#eee8ff;color:#6d5d8b;border:1px solid #ddd0f6}.soso-site .area-panel{border:1.5px solid #d9ceef;box-shadow:3px 4px 0 #e6def4;border-radius:22px}.soso-site .workspace-banner{background:#e9e0ff;border:1px solid #d7c7f4}.soso-site .area-nav{border-color:#d7c7f4;background:#fffffff7}.soso-site .area-nav button.active{background:#6250ee;color:white}.soso-site .area-shell h1{font-weight:800}.soso-site .logout{border-color:#d7c7f4;color:#6250ee}.soso-demo{background:#f8f7ff;color:#282442}.soso-demo aside{background:#fff;border-right-color:#e9e0f5}.soso-demo .logo{color:#282442;font-weight:850}.soso-demo .demo-label{background:#282442}.soso-demo .family{color:#817192}.soso-demo nav button.active{background:#6250ee;color:white}.soso-demo nav em{background:#ffcb4c;color:#282442}.soso-demo .shell header{background:#faf8ff;border-color:#e4dcf1}.soso-demo .switch{background:#eae4f6}.soso-demo .switch button.active{background:#6250ee;color:white;box-shadow:2px 2px 0 #282442}.soso-demo .eyebrow{color:#7860c7}.soso-demo .intro h1{color:#282442;font-weight:800}.soso-demo .btn{background:#6250ee;border:1.5px solid #282442;box-shadow:2px 3px 0 #282442;border-radius:12px;font-weight:650}.soso-demo .btn.light{background:#ede6ff;color:#5741ae}.soso-demo .btn.white{background:white;color:#5741ae}.soso-demo .hero{background:#e4daff;border:1.5px solid #282442;border-radius:24px;box-shadow:4px 4px 0 #d9f769}.soso-demo .hero h2{color:#282442;font-weight:800}.soso-demo .hero p{color:#74638e}.soso-demo .coin{box-shadow:6px 8px 0 #ac92db}.soso-demo .stats{gap:13px}.soso-demo .stat{border:1.5px solid #ddd1f0;border-radius:19px;background:#fff}.soso-demo .stat:nth-child(2){background:#ffe0e9}.soso-demo .stat:nth-child(3){background:#fff0be}.soso-demo .stat:nth-child(4){background:#d8f0ff}.soso-demo .stat strong{color:#282442;font-weight:800}.soso-demo .stat-icon{background:#ffffff99;color:#6250ee}.soso-demo .child{border:1.5px solid #ddd1f0;border-radius:20px;box-shadow:3px 4px 0 #eee7f9}.soso-demo .avatar{background:#ffe9ad}.soso-demo .avatar.purple{background:#e3d4ff}.soso-demo .bar{height:8px;background:#ece5f7}.soso-demo .bar i{background:#9475f2}.soso-demo .panel{border:1.5px solid #e0d5ef;border-radius:19px}.soso-demo .row{border-color:#ece5f6}.soso-demo .tile{background:#eae1ff;border-radius:13px}.soso-demo .row:nth-child(2n) .tile{background:#ffe4bb}.soso-demo .pill{background:#ffedb3;color:#806122;border-radius:8px;font-size:10px}.soso-demo .reward-card{background:#ffd9e9;border:1.5px solid #282442;border-radius:22px;box-shadow:3px 4px 0 #282442}.soso-demo .reward-card p{color:#8b5973}.soso-demo .reward-scene{background:#ffd7ad;border-radius:16px}.soso-demo .text-btn{color:#6250ee}.soso-demo .amount{color:#6250ee}.soso-demo .dot{background:#9475f2}.soso-demo .mission{border:1.5px solid #282442;border-radius:22px;box-shadow:4px 4px 0 #e1d4ff;padding:23px}.soso-demo .mission:nth-child(3n+2){box-shadow:4px 4px 0 #bfefff}.soso-demo .mission:nth-child(3n+3){box-shadow:4px 4px 0 #ffdb93}.soso-demo .mission h3{font-weight:750;font-size:20px}.soso-demo .mission .tile{background:#f0e9ff;border:1px solid #e3d7f6}.soso-demo .notice{background:#eee6ff;color:#67528b;border:1px solid #decef9;border-radius:14px}.soso-demo .filters button{border:1.5px solid #e3d8f4;background:white;color:#796a8e}.soso-demo .filters button.active{background:#6250ee;color:white;border-color:#282442;box-shadow:2px 2px 0 #282442}.soso-demo .section-title h2{font-weight:750}.soso-demo #toast{background:#282442;border:1px solid #c5b5ed}.soso-demo dialog{border:2px solid #282442;border-radius:24px;background:#fbfaff}.soso-demo .aside-bottom{background:#f2edff;border-radius:18px;margin-bottom:20px;padding:20px 15px}.soso-demo .aside-bottom .sprout{margin-bottom:8px}.soso-demo .profile{font-size:24px}.soso-demo .profile strong{font-size:11px}.soso-demo .profile small{font-size:10px}.soso-demo .money{color:#9a6b13!important}
@media(min-width:700px){.soso-site .hero-copy h1{font-size:clamp(59px,6.9vw,94px)}.soso-site .play-scene{min-height:610px}.soso-site .scene-sticker{right:20px;top:55px;font-size:11px;padding:23px 15px}.soso-site .meaning{padding:25px 80px 25px 25px}.soso-site .meaning img{right:24px}.soso-site .steps-section{padding-top:100px}.soso-site .world h3{font-size:40px}.soso-site .section-heading h2,.soso-site .pwa-section h2{font-size:49px}.soso-site .site-footer .developer-credit{grid-column:2;grid-row:2;justify-self:end;width:max-content}.soso-site .site-footer small{grid-column:2}.soso-demo .hero h2{font-size:28px}}
@media(max-width:700px){.soso-demo nav{background:#fffffff8;border-top:1.5px solid #dcd0ee}.soso-demo nav button.active{background:#6250ee;color:white}.soso-demo .hero h2{font-size:25px}.soso-demo .intro h1{font-size:28px;letter-spacing:-.7px}.soso-demo .hero-art{min-width:60px}.soso-site .hero-copy>p{max-width:340px}.soso-site .hero-actions .button{font-size:14px}.soso-site .play-scene{margin-top:3px}.soso-site .steps-section{padding-top:65px}.soso-site .world h3{font-size:35px}.soso-demo footer .developer-credit{margin-bottom:5px}.soso-site .access-layout{min-height:calc(100dvh - 170px);padding-block:35px}.soso-site .brand span{font-size:32px}.soso-site .scene-sticker{right:9px;top:50px;font-size:8px}.soso-site .floating-note{left:10px;bottom:55px}}