From f3cf1957f1c9181f296f5337702c81b203ba37bc Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Wed, 3 Jan 2024 02:31:19 +0900
Subject: [PATCH] [feat] new welcome screen

---
 public/bg.webp                    | Bin 0 -> 23152 bytes
 src/App.svelte                    |   6 +-
 src/lang/en.ts                    |   8 +-
 src/lib/Others/WelcomeRisu.svelte | 342 +++++++++++++++---------------
 4 files changed, 181 insertions(+), 175 deletions(-)
 create mode 100644 public/bg.webp

diff --git a/public/bg.webp b/public/bg.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a303f73a5429e48f2231cee814d4c91ad524e94e
GIT binary patch
literal 23152
zcma&N1yEdD);8QY1PSi$!QGwU?(QC3gS)$1aCZpq1b26LcMA?bN$$Nf^Ub_f|0(E#
zL-*Qi+j?Xl<i&)AP1OMa6(IpxWmz`W4*&oF^8K3^{MXm}9efKl0AL~-G#!Y751bF2
z=eumS1aC)2c|QCR=TB6qL#wx2<I1;=*D8HC-($tAFBa>wMQv!Wc-Xf`92L^(oDCVM
zJOQsy3(yahcTu8EU>&PoFSq%lcQ0`98DiX&tr=eZM@f8fP;bjVyyNFV^<H4F8gJHT
z4!2D@nJenAKyObAK|gpOPJCGTJ{&+gC&>yHLG-{oZa@{~X?1JM@9>lz{l44N?2Ah>
z1Aj@A6%^tK$|X@mu%*TS5%E9%SW48ebEYSJ2t8WZROk|((Gdc=`T(O@?l)OmqVj)!
z>OVuml>#kA6@Tu7QjNyQvgCp-mkoz$;T<kY<%qA#fIc>Y(AG!1LEnuN->AX4*eqW>
z6#V~@8Qq)vK@KZu>!Ay`$UwjULm%=_M)QqnjpV6<3M9bRG}5TyV!KV909&k)NS+e;
zoL$yn2nx8QXc2?H5PuvZ1x#{`tYJ^6A1SdS20dZcp#KD@CO>r_S4zqTka4ql6{aL~
z$_CThR@}5jq(2`)h&ah%6Y*?j058t+3;qP=H}eADtBalu_zeW()Vmm*XX0LqQXgB8
zx%mG*j=x95&Y^E=&LLf`i{2>jg<V%Ghv-I`yl)DTZX#x|iv2=B^m}o;K+AZd7sbyj
zzFr$gfy*f7eM725(FuY%B31_!^slu4o%o+#!I9_PJT4}$Onn;6<85H)!RWi$F*6f-
zNhJ$+QPkVjSqSS{k-f7ky=b3#pXuWC*dm9)p&wFy6gMKaQ8FG-=lPk$eh2>lXYw*w
zVU?d+Q#fA}CI<zAMe8ZAwoc#JQeffkp$n>VwiikkH<<AXLbo0h7>EzLn_Q?2_j+?Y
z`%sN|CVvS0#}d;#bRZa+46?g?AM_9u2;Q!5NL=`7jwIr3HRo4nI2M#~P3fT;W}zQl
zU9%Q)edBDXn!dThG^&P8qZ*$M|J#iH={OJgUMN2mc+<a@Ot6Rf6`Xbc>J@yE*pZ>x
zcL#OHAqfo^@_5gvAIk$bQ)H0q8`<URHRi~8GQ?|SwPRI3Wy7n_z`yi-;fK=uf3|=r
z(}~UOzwHgMbYO+%%0SQ9$ASX5&ml8zJ8WPhk*eKVXw12SN_k^i^+U$B9}}(9yu%BZ
z;Ip*+{Di>O(@M8Gv;s(|@f`LC|FzW&a~S?@6)MP=gxWAN_p(abeu7c;SL1JpXD(F{
z{a!KUUf67k8RKxf5XPdwgq^8*Ip{7TAJl3kVu=+EZSzrYbk!tfa=OKZsp3w|n!BPT
z5(WNWjr_Bp`?IlLntfW6S?@dmM64!}1Xp?CzOjv)1@xGb$XE}ypJBT#PB^v8&VtpF
zN=A%b<oW4&x!WZk6F38nx|oE3z{?_1-IBvTt&DcE#@j)1^viB2b3vT_`-C8qSGo!7
z(U#8T9S<seKSUR_UMhCR3EiX*h*Wdj-VfdeUpNET=l@Y(eLvl&f!hWGWCwgbx|^|E
z(&3(d?V{F!66X+^zL__~rcrhbX}QxdXhE9M2;=K+7Mg%tx{)GhZ15PK8y8PvOn^B?
z9T7X#miMpq3htpUj`fkwag12urz1Dhq^R)4RzSuNHM%gWkVCi#zL~gatQ`SoEiap0
zu-jmRZlWh^@CKOP8M>H?m6Qp^AL5||Ae8FrK=mQSiqX@(7wfu};*8B|!{p{9ojAj8
zMv_)hb)NF5f!!Puv@KKTR5GjS|BP)<YkymjPw<@^NYvzKX&EV2aC{bkB&lJyD9x1m
zi+q0&rg#1PCjk)X^Nk@#MC`;WkrikfaAg3afsuHaIc8t|zCNiQKhFxf1X``Q*}#zX
zZZ5~T(T!MNR0-wSBf`odLnQWuCkMq_3Rj9my_*;g&)8ojyYTDVgb786c7yo&bhi-S
z)Cx7`Tf2mdHc*@L_{8;K0W;$3_Se>GKg+dpIzV?w{s*v;3l5uP8nc{5e`%X1Ti6{3
zo8@vEAU-L6xK`C>Rwd7#FO7Jbar<)jur!}#c#l(i9?>a8jkb7#e-~wpeheu3CE_ED
zEZ4@6J~>iT;TA;^n!blyn=xl84H4HMDo<2Q>6u-)MPsAY_LL5N)*Li36H<A2Tl;7b
zjueytmvHap#X)m%1YX&LhXgN}Wsc7KoSB?$Q&4B=P2jrXmVK@CcEe+Nf16kzVhqY}
zhPFw;j|9I#>3HZEY+yHRANam7+AkgJ9C)duw#Hc%*zd$3(YINPM9%La1)8To7addn
zmAb2t^h`oxiK#DAT^L%!dJ=*!0z)F;3urpZE}RTd{=`YM9tzMn63G^`W!QI5AWbHj
zC+eNry_N=ndPVRDc@AjHtj?z%k3Tz!$;KdkyGWDClmNyqu7>M=R#}V#e9=~@AtKFB
zj4dh$;bVpQU`x`c8}xSMhTU%4RSlqr1qkV#v}HWoqGNx!>L_hB+epfjPxcxg^TM-o
zw06ol6jCoS_$=@YNKWiiW#ie1Dgt;L{~!`vm<5)Gk>YxRV;}92k+&ZX0&QU1cHEB@
zxR(Gs)*yO1`yZ*PviB~PQs`g9uQtDXYG%>3Ltg?1^X(b4MV&c6$Io-yyNKwR4@@M?
zPpbcc^Wh|#r@w0_mI^}XW^bFn@%YX0uzY6Ok(xauwh=p;a~WA$js76fOXPZx*0Agc
z0u3(Mcp$L6f!phG?hxZZ{YCAy+FxKft6;B5J%%Je9|^$`#>Q88_y3|&E`I1^D@2zO
zV`_1wh{Qb1Rdk=zuBK-JKIIUwFn`_L%D7$<(&eg=vf}00+_j|PgmAQ~E#Bw9_y=tJ
zA8hy!v?ivqRv`(`tRvUW_Cc+eVrohLGH5!hTRO!(9lW35W;fK$!AunjTF~$T-5$l+
z;PAh}zBeOC_V2<dk2h|u^!4XnYaGuO7CK${WIDRNVGYM)(A4<vzR1NYex>W+$^jp7
zW<3zmg9{t_v;O~$F3DF+$D7A)XZ&?*ohSUEmy-T56E#);)y>_Q_#E(~;F=oU$t26)
zl`m*n%$|YmO#3gg@!!dHB`AA|ROFk=U*-HpOS587?o$|WYnj!HSz%XqMmRsfY`sJS
z(H&@Ptt@P^nxoR}B=~z(^Ke2Ls1UMKIPJ=fOk8ySPfqiv8II?LcMA9$A8(NT&H^}{
zTVAGj?N&8O<zXF7`oA33+~<sw+kDaey6qoLXn-*K!M^G>5H+W#dP^OeA=i-*`>zf7
zca(ooMk$AydjH(&7;I|7*ytJG4y1dWExCpaIioeH=y2p^iX^SaOLWnnY2p{%lABIm
zZcw{a$s7?9gg&22G@`Qy-5QMN(0ZC;5p$D^9_0RT(#kL%Ei=7;n&9z51gRfp)Hx5;
z!$6sd<Sc2_Eq(Sh*BfEbH~^HZK2tpKu67oJXmP>~ok*8;^n9l3f_;wO$%}a03(&O@
zR(CW>bn)Q<U>pt87!U@IL}%lqC4}zCtJwiWmWyADiicj9FFyangZ<`SV0l&e4ZBK)
zPLN**lR6~(^F+~HL{3Y@NfY=#`X&Y5wWPTZno4j+3(Yis7d7Ct%S3aN)a@%_)#vcZ
z#usP^slicROilH=TC);KVao?(AyK3~TB!-@(e!?T^C%ep#x`@P4h8Ah3iA(_>#jQi
zvr1%ORt<2gl(zRazm0L08ue78G-%3xp*(Ap?edOEVfcW(tJr89INR)$&=E?D+SL{8
zEe&IfG;wAO$s`4Y%Ik0bELe)cXM?Iasu1s;@`8zR{Zkzu_*vciQBz*nK#2pG{U5q3
zL_;4x!g8`T{k|!AXr2h}?sK-)@JjOt(IAYWJo0!1mP;_DopZm3!#)+&mj!@Z*eP-N
ziFjMb?xAWD4_3%>DX#}o(|$PMzzu=nrR4DLhk=dFxHZ5CTQn2x1nVvYr9zQ)_b_I^
z-foacEBc#LVncj9Rgn~r7Vxv7nnfpIv;2@b7Lwd|7K(1AD541B69A)jjw%XR*QeUU
zQGhIG7(%J7*Hab(yCPt9@C#AQJ%b`!2N-PPa9p?Uftdg)pnvO4eyqf7K+Agy)BcWX
zeW?m2CEBki+A1>nm%7Qv@TW)+xzBJ@=nn{gY^LL}G0&r|AD_iAImNJtRwSwkKL5gw
zS%xML+iL~2ELjV6Oi}^|g-8I>Wc8Wrp~n&Ehw9OGO`Q7|Kg6ej8iKm&d}d=~!tat&
z!y=Hc<<G}6Z1oNZDox*{qfhFr>Hf93nHUeWHE;Jc+iV%fi<GoxJb_x6g4%s`neh}z
z2s&tuCY|#euenk8BwDE>P4<SuVPs8=PhrXSjp=46`L4?MKiD=w4-qw}yb8y|TZMUB
zTURNuV`~E~dDcHUb<6DZa3e$hqhe@n`vfGFUj^iFfIK)kNP9;{-JO1n%$<Y9{wTh$
zg34+_BQM><xu26rR=pUl)@RhRXSwIOR=52Hs#x5gY*vZS!a9c^yyY%KKHv(5o7DWH
z0pN;(L})N9LB=%irfZlLomcG)i#@8mLLbl=oQD3$CZaf9s%rC5UC??J5fP+n|1hw>
zG3>XhB3Zc=#`&8dO2C_SL6b>)hr^fIl5OJ3xFk=iC=uo2cDVDjye%JJgZ#=UbKqaI
z_rJ6$j!hJh>V0@}T!#*$Z~SBX3%354xgh$2>gC{u6<7&&{L)Qjifn|<M=%kXnBhQ8
zp>CkKxle{*@_24W|0((=f}lN(!#R^ekZ0N;xFf-JV#?}M_~M-&zaR)X-f~IIILqz0
zdvoywAr|Q5`VY$@O&Ch4Gd4R6)6~3^qZuq8qmg5F_7t8L^!f0mLxQeF?5`GoPYUm3
zk0_2}+8>dVSSUqgAo-=G#JB_k>QRdZsy@q7nka7q=_C0j1sGd~4Jt=bc18B!9V=Gb
zWG19!)S=}1V+OaAI-R;#sQTTF?+m1kbUbB(`k;iNWD3!{2*rv^_(My?_urxb9NJgk
z#c-4VXm@11^uDS##)FK3H~Ruvk*=URD0J5k*U;5~0JmK%>o1h#+0(HNPl2?7x^gHu
zLbEyLQLrfB8)}Ryx{BW#BePh`71`;XwSoV#1rlkjlA=#Me)9$e8TrByxmk}{&Xkey
zg52G$zf^QeS&G;of%ZeH{E9U`^txR>tuT^#76v^d|NOu++U<E8G;WN`U$y<8Ivb?G
z9-by;HsbQJL<W*_m^$;!*u!S)((WED{(|zTHxk1Ck0}2OCqsigwuCejP#qC=|8o}K
z--VUz<xkz&bE~C&-I!Mwpv+~Nf#oq8j4>I#8q1@^R0j14(L^^F@5l!Z?d%Pv(Wsk=
zO{dw&lLNMmP0v`-HhU0J6r=b*4Tq03s(<9E|B7xUL3b3s>UxnS_|j_3G&-Zc)}_3W
zUjkkkq|G3SW9hPLKw0WyNjD=HoWvF{hz+%@X(3pdy$#E;66DDd=Spo`-=ztebhv{-
z&Ix>CKO9?`-ly*T0pa`n#2`|^uZKG>lfP(><^UTVV7XeeORcV;(J8-WBpIY%9kb;E
zmBIdb0IYb`uq%&29Wrl_B-$s{#Rl~fW%Mk@?3Ln}x025EU<M534i4QDd_z4OYgI%R
zYmL63v#QeHM}o<-MUu$qs-3_A;<r;%j^bulM9H_EC|Ajg2}!9OH}N4;yw8&hZ$m_D
z<c+I<yGTeZoa9sKDz`!#h(=c}JlSqGoz5YpcC=1sb<OUPnIM-;=#JqTFj$)-n1B<o
zLi%6A_#y;8GO;jB+Ye8{L~`1dm;ua||B==(+~bjeQ#I)ht2q|H`fF$|FolYv`nrZw
z=IlIdS!OWs?bRZ9#hZFlPCDjCfiewGYdG#0@hR1j_b{#p@TyD1nuK(yRjm}oU;lQd
zoOrF8CD_@c{k*7el(dgt#lmnrdP$2)4prWn<m8Vzm<Dm}rLF5vLmR6Vs#)t+O!qyl
zJmX9tX|eqxJu8rKA@<F{R$Km%+M4VFCy+@k(vNybz=3-UOyD9OQAK~VC;8pRO{^)+
z*a66?VZiGAGz<K!%<g*clM*qCnR91iwojP?{Kz7oB)wB*vdb6X&?mneyS?j5>yN5O
zEuTF>B)p3~xolHdl?pIZ_bhiCu^dbMzxb)t^27{%Z)%|!`xl9%m`XaHZK4yh*(4(`
zHM~mMh(ez2J1Zm`lTZ>?Cbx6`@LBUqo$Ss9>=kcRv8F!pV<E=@mYP3YHvw;**i<8w
z^ev*5V)08dwY~YbulGhBc?{b|31Sd`1E4RCa-CjA0xG<2HYb53=HAo{hFsSRb<XV|
zWx4s~cjNnqZ=Yn~Sww`nop)JjuQ|=72Q-EtSgk)f+viHQRn70Fn`LJ1ypcUnK9Kis
zSuvhO0y_Q@DWph!PaEQ*d$?h5Aw!|B)PZTD5RpjAD+%fsu!N5QWSik1Olg-~Z*9u{
zkT$8!Q|j}^1x#Q_MbEG;eaz}bOwL$7UxG+3@w{zNx$NG5G3XZYX+-SGz~22!1swM3
zvH>=g$EpH1-mAMTHdqvPQol@xXj0=l#gla3H2N_DNb}n}M7%?vF)(5V>LyN@t4!=J
ziLlnKa|zv{J{r!I+2#3CK%hL-M9qD6U%nwF_-7RzM-y}=hd4F)+b|kU3oU<Z<=cpJ
zt-ZUmb0M!e{ctxDenMJ~47yY3G<*H=6O6}-RDIYyaYfDJx<@$tc!pFH90uWDEr{JP
z)p%(jZP04ZvT2*`7uX?Ij$g(i!gMt&)g47fK?J$8c8W9D41REL@Ii)U2!xq(6XNnY
zBE>-z#YeE~)K{x{EVUL*%d8S)G1WFfiyhevYymw^6UJ(m*+FIv71I2@JoS893Ie$P
z)7eQz^eLF^2z_@&T#P5B1Ift>4{pHuJT1bF!2fh`p`e?jq@2R3Dssx+Ar3)X54W2|
z6SUb~(X*mE3OTeu+e#hT(RnIT&4t}7#2|>$zL4WoN<o`&1c{gZziRbgF7FNphr5#~
z`!X#e-xuZj+^STW5jFCM;7NP+cD>y~7E0|dNL)54Es+4xQfg_&)=p5Tpxc!H6V3@y
zcEkoUhz|S!OzRYGSU;O;8$4^gF|W3<;m7h|`{3ay=PA-hmWM^yojSh$Pg(PCKCV71
z-es~PZq~w7;~U~cyz+ANW~}(63NjcPOLRlrbLJuR>>hyZZ>RUa#n<1$Sb;M8`>QoT
zPHLksID<i6(=R1FYO2{xi-&WUMj5YvrS<=Gk1Mt0e<?u(=$<PEQ3yx!0sa~A@Dsj&
zIH7<v(LcoMKOFYyR;7_bd>szrYjRfGUsxc2jS;|<=V4MBZ5*gc`o!5<K={X$cghXz
zL8;m}|B;fb4fL@R*okXS%DZS;>_<hN+s}6qC<2wBB3`S27ZFebi>v)DT{#t1S|aS7
z7bq1t!XA|tsH#hBGBJGCWS5j>_^2{UpCA{Rz;~oM{b5Iiu<5smWRt7|;yOqH=U%$3
z^5|&1Hpp$aKf*kl2dw?7L9D?2QGo?AI~BZGaIY}>)~H&Wy(E?u5Ud<QDyeOI;zdQy
z<zFb3og3agIfO^a6SQnY!x0_F<I4J29hSNHEow^P<o#0iE>Jej*yb2jGiOi+>E~I!
z{0&T47ku0ID*AHMcmJ8Nwj#FeD#FMtp>C-X;cEpV&*D!Ki+vkLZ|g>6?3j-uy0Fsk
zH8q|7_4uuPU7Vunq?CI|=h-)xWJF2sr6>4oDKwisUM6yGw@uFD@pXML5jJUk@hMzF
znErd~^anR4fNh<#8NS}9ENx2go3u=s85S9tQ)d}-R|qa>$7wwI;0+joE|BrGcOYG`
zQZ(D<_#C6m<yus8v~9AkCP?_~B=xh&&biCRDWp#W!kU8MBT6u6d{PxLxAw|aTAj1Q
zS;a)|XEI<H;6^>0fD?J;Dw+v4yo-|sV<dKc;`=e8=x1-;rl}6vLbanq$D+r61TJ@<
zkEKL2^VGxh#a7zD)8#o?g1t09K{^rN%?fD1c#^1a?5=#b?*K#uYGrL=-3EN*JPOl6
z0aMO_J+xL3m_oX15ZNA(wyf!MkIi*AUj?>4+)#sUA;OKC!E#O0zwI67<4V1ywqLFa
zv*L5r6={AeXGo3#2Z_y?%~Rty$qn#+Ju>F9$0OT({c__0uRWql_mOxh;w@{`Lq&Ug
z6PQ+!F`j>T-#b?JCZRUk0l%+K<UW<v@vo!Oc@p0p0sUrW6dsg$Nn=JcJoYp~dmaj)
zf1M~*i2pJ2e)|YM!Iy+Y0*V$)?-h)EfTf6GWb<>KoK9~uqZRbCMCbIr(ccU+QO*Gz
z;m;Wrr~1FJ^L?3-gcX7A^aKxq;Ti@(86~LV;0dr_RCPN0%^T-k-Kq9EBjMmgk!VqB
zr9>i8)aeJ2`O>dxLZvc~7iQtyBQcq0%J6Yskebf(WO#qws2cud_iZ`0Q6bA{eE&|(
zVNbbGAwLHpL8nfOXt8#+D(fyYyDfSopLrq3=!Zk7y$N4Eyictez?wx~*~k|J9ewb0
zyIk5NS_A*V%l7x-#(x-Cf5^qBuiB=!=gOZ)4;n>8O#v6Mq$oqz6NB`({d=_a6pPA3
z^&<7Tb|2nR4nk|*?<<CL)E__S-;dgkqp|QG2(yNC=hC9q;MYhOsj5`!^tdTWeToHG
z4f4VLw6g~{+{h>=SBxm$7w%@-7MLx|&il5jwQP%tuA=#$CRA5amb_n+15FF}0)<y!
z6YF|f@594QE7w*kjFwP1Gx$kII}tflLVGln$-#=<+=0p6KNIvfZBj&!{sho;N!pc=
z`V@;$`|jc?uL8-TX@!o-fUKBu9<FoQ%PcIj!&irD$fXNG{pH;^to@x2@&d>eC{Jj;
zQuQfGxk}l!3z6mE!3!fAs)Fxh<g#sh@FNju4pm!kmy{V^nQz}X-T2eL56kaWcC{Og
z!V~dgZ=R3csKUpqM%^CP*@*hiHy{@B_*p$#K9lm?qo@_O`4;xbojRxF!tIo><|rUK
zG{1w*0c9F6HB-y)ej!x<>;YHVHI!6zW0(O$Du$q*9;MpZGklefp$}=*1L<qy3xbJN
z&c-q<6OfealaNIk?y+K1y~OgrrAUmmb>LD8BY78qh9O^{PmuM|@ZryEgF{A=LQEH`
zH>RS(KcE<@_Hd7_T>%$PE*o83i<xT!@+@d8YL)Z$P>bw5=G@+tRxqV4bl*vo&}D){
zs?4;@Pt8bp9dp>kL9urG!`A1aM!oyMU0`e)F)dT5L3ryi)-!CyA2vu~gi|>mzc^N3
z66#p-imrRd{H)$q@gOqDTG?#E$J7fj^0%mF!qd*O#q((>%R&~&rDX!`9+st2_aoWD
zbPi8(8J$c*n#Eb$f7hdK2=`b{SQ+Xr!0ij5%{~58qYad5$+&BywpkLvKhWV&xI!Lm
z9e1MN3FoefZgZ74OP+LNl=4^<!MQ(o3Df1B6Si$cFR+zZp2yC|vv@XU>96?)1=WQa
zWvA10N~hzWV05q!z<2cZjb9V^)vL_xW%|drB&k-41#;!#qOjQ&3Lo~e=9@xWk9Zlx
z7Md4lV07$Uk5|zsTxN`x-K3b$=RE729s(Hez~eHc_tLs`3BPmQ;;67q5exJd+GUou
zWPZPC3>FkQYW7jM4iKKQ&rFHzl@s{-FxIri$!?@hOI|~LMLe!e>e2$1axdp1XSNWr
zPfBoBLrN@Ug+&i#<%q;vQ&ow;bV=fhYu|%)^7-NBJUPswG}crZEzk&8&M0E;l1-pP
zOHT0~Aa^n>qnkar+ucrdwPR&3qof!#1k*STAtzc(;bB>_jcHSgfX_JuvrJ0Fe2k~R
znYNAml@=cec$Tz&T9m25cx#eB%C0|Z69VrL27k&@23Jq6Fl=hjcU<MtkTOOy^i)!1
zoO69|qXmY$Y4(@)%upW%jY&|rB>(P5k+a=P{rwteTgFS%6(n`j1D^e+;>ogsunzK&
z%z-l&&R%nw#`O4oX~%z^F@<2I%u+K^7eZVR%$e6W|9W3qu6|!~dvgSo?ms(MY307@
z4o0a0N^C-T=o3^OVB3G8&!HKH<0S%v6$f&nNncgI*~`jo(55Q6k67Pa^H+V}zrwuR
zj2_;HTMQ`0oqsoMLAttmvcf6@v~aNbM?Tu>Z08(ZhPYHY=R1M)tMqWp4ONS2efha7
zoFTUc)ywh_*n&r*MI)1*QDhe3>uCADfY}~_|FYd@p-br0bk7oK3YquB#T#8ysLqTF
zJhc}mcPo&eEPqk*T@<%?XMfxEXRsG^Hlh=yP7TNe<ibfJk|L-@@NM|ezFix^jrSwF
zkG`7mf01SfI!gnZ2sW+#VjM<4zM7kY!|(0f53;Hl31MAN87?2Qo0E}%inm#s66A(Q
zv=`mtbj7$C%uv20<(kEQ)>B-o=|rgCpM-R(<$?OkuU0<%vLQ3QT22m{!D#-CBD2z=
zczj<JOeWXM8Gh5VDZc-N9=+14W=jX#Fx)0J#Nq551XWv@0K2n(Pvj;<&^#AZcB)+E
z7<LMD6mx%i0`B=YShdyvIyWF?GVh?FulQjz8)yv8+DMSm)0I9~k>C&_Cm5TxMVWdM
zy~*rYy3d(t!M@*(pBa&;^`t4*V)KC<Uv{@QsTVuk=<}f!tezOqx(}mp)6ES?2e5JC
zZ#YdK<W?vqdk(azebEt~A<DA`#nZzz9Y$BG!zRT%7-a%?Tn(p|vB<@c$l&KTL&hB(
zJm<c%F8U5e{eWR@cJA>ahr5&jWHL6W@-9eN_bGP&oEG{JA_8p-vcZad0s1^`MxE*;
z#-eSpVK4lk()y%Z-7vbUtK;}pFJ+22q<z_v`dNr)>wGB%KPOgdaaJEOZ=S;obo)%a
z$vG;!gZ)?FUy}yi)BH-YJgnbq6>Ys$2A|f@w6T|`%ree8=|-H;`iY)Gqou+2xzieG
zSA%~7&I}ZN=P2pqH-PF7H)uKpnZH~8IOQLG|2*xoc>*R3sg+CpkVtz&kL{vo3J~N*
zo;gw=)a#SmzvyrclGPcXFY{0}Ad!ym>G+cM2`B~z^`m9dyMQ3E?SJoQr~msiGn%lb
ze;tgF=D~{THWVhQ00MB{k~*_3qE)M75aJp<Bhk#>^qtgI;C~S872llFy{qGHn6Z_D
zT2H~UzbE;>7>Ntn?>?(<hf1wm7VsO$f8WDZ_s*$5pF%CdRE=SIKhq{vVz<tk@}?Nr
zJgHO5d~tF3$ly@^JDaBQntL)lJEeC{1N$)4^femrdJgeqHo&ba$;Y{^by6ePAjl2W
zzsGH=chW#OK{of(F)3+nF@1i@e^<|YJ`uw8^wEB$8M8z0=iH0{`O|AhS#*!Tbl;u+
z^$p+_q5ssg`!szM07fuAqHiI%@&5GFp9^Nh8)Vai+SgV{fglm>b5kTRXU_mVwK=UD
zVZwKwHW)TFjyHoh;Ep>nXZ`@aqf}?!rG`xNyu)Dczas!(Awxi>7l6ple0Y(;>c3g2
zM#7~$B~m^iQ<J&AzJ&7L%x6E5f=QDr<wi(0MM%e*yN-lDQxUzic}xf#96zi+d)DNA
zi-YaN4ym&CHY1jg`X@3FWl`ibJwp3BD&>8?bm&{m&!+)BPJw`jTa&VpH?8sHR`({I
z!6=w(T=P*}6bM4SNuz;bG@yh;dv;C<i6~k$FTRIm5~}VIdh%3!r93xXR6bK|Vc&n^
zcS+%WQk|LgK=zuf$*AFS!`kj-og4$lK+;kGDuFo4FtQoVGKwxxQ-@h1)U{(w=AO<p
zxUGn`F+O#~3r%^NJgkl4!D{-b$s_Qywn6lWN&8Kl(PG-fx>dsrt<gg#ic)MXM94kO
z5x~;(@P(aCj?ZYl{f#s}dtyqw_LBJriR53IpwSXB*=a+>D$ih4@Evp+_RxK9<_X;;
zRA(_C*MgYQJUouXS#^|=tOy@VUFM?j)agv-M#j%Y&#YSBq=pBZHF-7G5fef(kr~@!
zp(G&On*ad2YkY7X$4oMIl32LeI54=oQNwzOYs?>q&rrTthL(!i)J4q`Yv@F|96XiB
zCNo<U$N!Uy3Zk}T$f$^pU_#Q^7k<uMXM0p~eOu;w`*E4HphiW0nNK=MP3g}H55gJf
zE>VNrJVE8XJ-+bX0KkcgB&2%cb{)%x?`qFfUQ;{1@NkCsPvqWIpVpTEP*xP|MMb_p
zjVPi@XzIkz*9P_9;8*82s~QC=r&4Wq+qf;X*9lraHfd-&xGjPkBz#aD-B7Puawa;a
zTZf?E>^$PXq#RVKG#!*l&kT+GlsxAFfU-25cIJm^Ni9L>qIwLX*I#;BXx7tRxkq(;
z&j|v`#d?70y-{2WP0^D+r$7P#0O(134r=%PX(PTn%xs-);oGAJ{YNOZHMSYn@8<Yr
za9olO>-rxuq2X;4dv-@`_-G5|IP&gn+q*=d<-c}c<G3`C>9bKA^#l|`rXV?e-Fd0)
z&|l8+B$*0BahU8MqxjuL{s@_FmWVH}ujrrzpLM6Evfl506aYjXueJyowR0_rYt7u(
zO{7>>w_`TUf5M^7pLVJMWl2e_pXay}M^24<^&{p=lkHFswkrr;+_X{Fv4lsWMa)T0
zI6^2}p=*CDpM7*m&0fPKzccbTHHux{%kzS|V4~N>Y(2PtZwhQ<Y>SF;4l$(e8$8Y1
z;QJjKuvB8^NJ};3#>i5YjGjvVl$Jonrdpv{uQWwEEPK<9kr34R#RFkZY3_yBQ;`=?
zdH@_RTU2zbzs#zmURm>Zq-s;HYF+Qrm7rO1x?H_N(DNH5xabEoL6&)X6Bg*|TJ*3f
z(B<HVAAz;hD_&YVV;qQbXsf)A3OlZ+zL#Hx_}-IvzkomhU#aX<^S?ANZzp=^T}jFk
zcL3=s`)i;H1r9po78Em}3r^tVHb$cENju<}8O5m|GQq8PD_V*dL(G!Y7|t$)^Q)&p
zBZ6bZ4K7%Y0Hj?L*D@IgtOK*I%3bkI(}{ea^UyBCg+&~+2@Khqi14QnP8VzuyVDXY
zA#%*(r$9b<Hi9S@>JO^r!I}Tg2!u~5btZAx(m!+uBs%T6zt7bk&9(GqNRJvSKvZ(K
zUH!)g;?zLl6w+}&;gYXIM@v3Z^X>gCD(+G*vftw{ke384^|MOz+P&G?S$3%;y~Tqb
z({xhCgj$e1lwc@MOBCGWGbh`DRrBkndDVw-&OID=hb$=ST4G9ae0bt>*kX>-PKN`b
z!Y>&#dO!#1;uR=%(niLHkP49OAYa}OkZj5cWqR!|mQ^7fFPLBOO4R8pax^~kz2}~o
z!#Xe~{}e}WCq3?#Tv6}5GPj-q(r=I;Km|Hl%3s98xLR>>t#knMMH%L@)<N-L)s`W_
zOKXng!KWIVwl(ex;iM}B2Yj`qi0f3Ty9vvN$w0rTX<X%SwYe=Pj=3>MUQdwHni#g?
zYWO8)gun{T8OdQK>k_A#*Q_S;Tig#@>QU=<kRLj5nd*9`5!b2g6oi^vYSPEUZcd*Z
zwWj^z_JehKXUG9sQRabD=>nD0*L1|hbt9z~-|db^rrQAkklN<>Y>oqg1?+}JBUB;l
zqTaiwxO#N=Q8b3v(v_l;BzbG~bl%g-ib$gQQvwQvLQ1v#1#Y-xSJ!9@2qRhbRpO7}
zT)Yy<X?hPIqg?#ElHt?M)qUW%BVE^22aIrwRRAB4WqrcG0C#bcD%kInbn=(Wl>2&F
zrj&@me7;cQU#cv(;1^q0KiJP>9!mm#O;E+6D2A&Q`0O~*%^JJiT}fA}1mgFa+HWwt
zM(H76dtM6PKlTFvAbfn@oD(VKUtnpcj0Qk?Dtvlo=0if7w^qUYu=C@fx(#{-sZ@<t
z_>7GmArmouFI65Wk;X2@!{o;a!*hUv=*^VzmS2_GmDZk}7X<mIQFa+@t%UH+n3DC7
z#^_`iq>M-g{@rY^Mnla2z+z2CPygv8Y`oE}<TfrbQ%O)XwECb$OrEr+kXTehxVCXM
z4f3i@`u*T-3d%RUusDrkG5#kSIso8Pp=8KRI=Hz-oGS2Q&_t9?`m)<fd0znxrwUdp
z->m>><<SkkCC5dr9zI4>!;f8FCC@8pT@xLiH|lxtOo!xCb(p#>g^GbA6RF}ko+RF?
zGG=|(eaOP#+Ap}^0DTZl;^Qr((P2c3DyobUXNHj?fpTlby&J_Qz%jEG2SS|wP`ca5
zqddKfaZ*-0*17EqKD&QgLHtj3%cBc={U+1a#IGrao!jAWEa(lGyliKxn<A|X07#VZ
z%6c=JEw_goNeEZ*g;CW8@5&mKG!bA6q!ttGyrrOnM4~h9JbcXoC!nb{9rct`#E^|k
z?KKDou_9-D;b(bM*26Q~h-dX4>jIi%&9_Thc_jGQ$npcGY=J_oNQ;p9{xp>4Fhaec
z>O?+UM7qJqJEE6xhLV--`a0!{4v8ku01YUqdT<!$L<0f(gQmdryZN~DdT(veTk35#
z$Dzk~nJuPzsu>Oq4mszl`BNz~LSrLNPPfsZ6#sq8oqSBo*oDuIKv^`Jx&Xj4e~lL(
zohB!%oh+1bZE5MKQ9eOQdn+1h1GQk%xclAvR~$r(s~CSO{Ucu5zIBn{55{A-aEAHy
z8T!eU*)-oZJK5511?U32>#qPns=EB4mGFpk7nEd&qNK?>w%ERkh-G*EDNn#x-~cPL
z8DFGv$H;5B^gehBJz?Cf5X=$m&C2f~)^JL#d)Hq2q%msoA%YE7TQ%bHrea_?y|ws5
z3HIZF*7C6&X8_<{0H0HQh+G6W)69INbUV`QQ(aCB$OH_>d5NeoD_Q;<MaPLQ`+E(i
zku>mm4oc;wN*Vf2=f4N^()P)U%2}wpA*1eCJmrDyRG2R!qhqr_!|dTvClC)El3ks@
z@mX$}c=ikNOies{wxpQ;{M!Hk0ISnuzS;o+VEi%%0sx@XzLD{M_On?jtq2}4c(k_p
z(l>Z$r`s3ZtVGPD4rl0^c#dV__29L-Xhsg%jO2)GMwH3F1k~skyG};NXtSdCUK6(q
zn)F$)qOPsXQne3J-Y}Tl2j94V{N&a0v`_EZ6`Ygxf<fPHe19VVfZU26_L{y@w^UkZ
za)+cOK}>4DHmq-q-f)a&m^4AoNFQE?zzt=G*3qb}4`O-buXFQAsjdt81nohH!E*ZS
z`hos4y7XIW0Iz^VlK>_2tMvsDQE6RJ8`Jl7excQk_i;j6@ZGOy4^Q??X!LAy|J5c)
zAr!7ud5Khv{%#5PZ4P)Y5b5*+eDkGNCdpJZsQD|f(yci(fefP90C_4-zW=m}bzkeO
z?b;5MasrRJ`i?5JP&cEgoDp2x%QyO`HseD5mL12nsQq<hjwyo8yamLTvFKmT{JP-6
zwhUd_6^|`eX{k@>?~6^5MOP_vCc1NgEnaBV)V7bTU#h81h?Kw-@4qgPJZ>J90U+1v
zD(>BX;DmRf&c9%{<21J76eNK|3C8NrBx6-N8!ip<{fdkz9?y1ingzhe$#x;0xFxbH
zVC{fkSCEUmRXev!kKNaGy7s+BES~GVR!1RXZ^%V5+}7~Du$&-fLJyuM)o<dvV8#i_
zaN}`*E&de_iQ34b=W68FkH8LI-)CX5Xmk_y!@8{&T(s3`002zoH5V1+YOjdLVW2z<
zRUD<=hO+NEuuIvsb<fLVEV|&N>BOh`o~m$^Lqge^20fBmlFfNMJwH4nT@E<vTu+F8
z{jbNb3vvSOfG5_3W%0Bd5da{?%Cv_e|3cymJIyrV64j%p{}mpF#m&wbimri^TKRed
zn!f3y>6^FIQuXVZgFe#JWe}#13lPn8aUaBbsP3+!j}zEIn?SwAo&!OtQyh%D_8t76
zcE~b+0I)w^Z4Dw$X6a|PZ*4D<xlFo%Ans?~3iSF)4eF_3r7oJUJuZP4-IXNKEFnL$
zut)6gvUMWHnpy{E3pz=X@FCdSB3Z(E;^OO5O$Vg5js)6y=9O!CI%<8%s^s!6a38yS
zHSo8cC5bpBY4Lg!{IvC?Dr<zq{!_nxuVzx@aOW?P1B8K*3~V-j^bKBuD|@F9W7vZ&
zT;Vw)*sXY=E$1tYTggzx<Pa`JS{F55n_~-gSe|tRts)taOWaqTR29r`%Cp`BpJYi$
z`ixBvnqn71+kDZq4u^207{(UqmC)T3Qs6m)4YeDHJ1Q%>r_=(c8mpQjs~N-PtVNK2
zcydw2e1Q23fNzTpM|BkYH8k^{R?L#ewapD`Rm#MI;Q^B7!&XL_jY6@!tEO~R9kdN~
z(Xuz55&M{?ChHmU$Iu%51F@JM^auKp$!nicR4Q}1r__=cbc2Dq&PLgJmUk^#%mw4n
zm@!WbA-AU4obbNrTYMe`4oX>x@X{x{fs_q0teEG_%Y^<=pOuvF)dVlPuR0KWM#1x%
zM9_CbY9n@zpGg?|NVtfyJL#}R&Ylx5ud;tB8zjgmSDj`D0PvLwi<Leu!>CF5>&7`8
zHK+KoL$gsHY2H5hqP}niEuFKb22_Of#D7Zyv@mR-3^&1eI4yqquILt3P_`N@&^+T;
ztj3o3_8hA`dYc_79$@hE>&ZSQXqy|8%Iw~3zOIFo$ySh=C9cKElW^#r0IyPPaMl2Q
zkhpGcHQpon1_KLuOQa_pE4P8lc3@FCgAJ^`gGZ0Jb^tm8_Pv^2KXN7(a0i0Z{$N7l
zLxlt6k6RhJ=$#k*<agOq=Z>t5%pPor+jHd_!<!?_r8VuEZg!^$n|}y%7-d`t|1cI(
z$y+AD$)hhf&~}A9wtU}rSo*E={M#0tOXotIz&V-*5<oZVxK{M7S`68#ocjw}e$Bxi
zZ6Y_MAjPzEMVGm^Lmx&_BW(ZUw^^)(_OlOU=h{&XN2%!p20?32u$abkBr+MkJdgL?
z9kjE?nx73#N2s0V@6limC|^jjn2MfohuK9vT7v;VkurY67RMA4Czm;kc1)+uj-5=$
zoHq|r77>(R*M7QxBL<tiZ~st2)sm&+D7X74;nh4jcaEQXfjYlIsMTVU+Q~!+g>1>d
zW2o~DIV6Vgm|>QHFAo8(Mez-iAJ&)Mdtf6ds_0bIh6rN`2Rvi#^0~b;>M1gWjQg8Y
z7B>Q-z-ojzCUDwve>^9y?_uZ;^Qqd)+`!;>;kO6|Sb|dO{HO4xAPKXe<S+#Q0951W
zr_wkxB!J;&whS|^fDa4)0lIlP*)730(&JtiW?;%l7rP;g=esg+wjpNFqY-F6ehm#B
zT!P*~>d0}3fVB}Qtyg9R)c_s$(6^^k4ZcNSG<0cW6?J82E*_)OlhSfsuS{VjnTAR+
zh7#pm95-j7v9WKl6#DgAv<6f1U$C>}dIm0vAq)kA6)q;&nn#!P2K;0LFwWz4LbMS(
zN>t-p-!R3EYTzfL0l>nnxs2z`BPeT1ST`DFz(JUy8s;a7J}N*9AMUhkLzp*a7`3fY
zAI*{;e7YH2_VO)1`_Ot4H=Spsj0;wTzM&Orn=cH~1(ek`5=9>{<zLqr-Nrcq%Ulpo
z8CC^rZBK<<fM=L~LlV;>!5RSjG$NYqDN9~=7<NU!TyUe(@%oTX-qbl{>!R8~&-9(i
z`qNpW)~=3Y4}b^5jl24ZPUd^-lagP|)m*`lun3?`Nb0>l?9xnn2!3Y^4O58@yN6M+
zk~KLzkN8T$SMPHDbMR%nkpt=;f+W3IN5ko3e(kqAD;f0>b!87D2;gb_%ym+fpsgs(
ziqBp8N_ox5XTZvFE&|f)sr!bKQN!KNr*~(qIjPApD+58#Yxx>b-`L>@M?u<4!fxlf
zATQ`Agt+-_{o)N4oL5l5HQ>_ZvUk=C-r+ifD+SQ2?J&e(rq;3Kgc1q6Zr<UvE*3Mp
zjpG7Kz>#>#zsfaCkA(;72G6H^Hb`uyElEZX&aQtY>5Y+K6K6D^kI-?KV^dUBOhzAf
z*Q6gJ>TY~pf~hKxCJgDm$S5rTgwxoi`>QqrJg-=;@C)y<Tb_V`U=Pb@lCCM>cNHU;
zZ2^EUzEsPfofmm0*}d59c86;#taCZ-%4KBXi2Gr|>yCOnw;uQwNp&C@en$dJSPsdg
zhV%L0ir}1uz}4aH{^M8tUzZ@~$$r+JJMu7%aV33*dLCEW+JiA=Y+9X6&xz-K*_E+X
zzzNSj<ukokOaAfbP5GPxg6z--8~X1Te7`^c`^9SK+|d=;1&SBJJd5OOS;tyd_Y0sX
zU8X*tX60wh8-(=KFkX3d%){hQ0L@@SgWTBNkbR>_D+i5|1*K35O(F^<#ku9TGN$5U
zR)P0`c7iD000kT^3d1ZlXZBg3E6>iOG1`R&t^#4%A~~d!E5oj}b`i3(l}H+`>rUzI
zV~Ea7eX9?kV>44ap?dcB1dnE`Da8emar0jr`+z-6$3Bec)t^yGr9S0zqtp9YkD9yI
ztP^xKMgwE&JO_XxykWC$T*MqsE_^4DQTtF9`I&mWNJK&p;DAHJ2LQTl%kg%bi%iu_
zRBbL4xJV-K25&wgepS}O)c(L(&5mgTY_ks0ONkoN?hAB~mu<tw3Pj}nQ@?Jf4gP$V
zVZsyNv3Em_$m7;XgLDtdP_5n(yro7(*g@?DZ^=Pk#R|-X4lglOArO11xf^u_eq|`h
zQob($a*U@e_m;{Ij55gNI_j1$d_?M!>D>v(dQwAa_bG)3AUS>V+tcgmzH1_=2LN_(
zy69rvHrH<Wb8_ZPB*(>DQM6~spo6k=Q=`IY?Z6ck;<9H8ydlf^-IKn_#59sSqLbGj
zlW*c_s6>SOBalxJLMlJ{DC3wzUhbuMu2#31lMR_y%2b}%cK1-#x#|KS;Gs{h8v#6(
zAu-uQGptr>z4$9kLD&rv0P8~s^ywo$Xi2A*e5Vpm@p+EIH}VS^x1Er44gtC!xs-KX
zzlj_G0F4AN3)Pm+)$DRr9|2MgM*l{E^n3aAJSVaFV_G`)h2|}cFS-x<vF$pWb#%OB
zM#FA3DR^C>I`7HoHG-Tcl_DnDPqLCNXFZ_-7KUN<*rU{=69Ig`gZz2H<OA8N#02dw
zO$Lr$37S?5b2?%WwPvq#$wUUz-mYTyDkXjenSv>>V4YL@{NyYp4*?dxyDehMo=oDs
z!qs8k@$gaeH60eGLpx#A#{yOv#W@{PBjXf4kvlv`3qP==sHLw^B_{-*V;7qgl$wtE
z^Lw-W(qZ-?42+o~+pq#Q-|>OKu~|zCgF=AVT-Eh@pFlk&EZ0dsGOd<=rgQdzJ7w(b
z=ye~4S=={E@+#rJ$xe84L)<G-1N$(^AM^~PbZ5ksoeDUFewtn!L@YL(O}YcE_N65r
z20QA%9{yPzBusfhahAZ;>!Ke)2un<tSBns7?c8JnKsm&uuSS0Eq7U|{AqiF`TVE-Q
zaBzIv)-<TWLeZg093KMCJvOv_e3Kd{lCyLLGF{7kL_CzR`0)}GT%ETE2LK$Ln{P4l
z(9hFMWslq5u1mJvoKuTV`z#gCaksQuQqkn4SGKrSZFDa(Co{W1b9`9X?;;X2&q{>`
z)FYZfHrI;!0mn1<dSFTQ+f%a=Gu)j7LDVsIuD#__M)E{X0LdD>a9iQ?CR3=BClEYf
zJ2*`ba<fuVOC|H0u$qY|zfLkAVk-4H-dx{k1sKd3$74MKH^jT9^Leg6wf2^wg>R*)
z4TrRK^aly;EIg?aJ4|f0mZV(OzFDZhKL8*P9=_a!ivP9!ptNpBNvx1qkGvUk!-%Ob
z2zmM0qW-Dbc1bUAL>GXY%9<XZt~6--^YvpMvm0dP!8wpXw}#{Mja<GdRsqX3?O~&4
zT60nLjm!_lZ+tP7OBp)CRRsuJ)s00msWfhQf(TQf!`P8#E1w*#?}5aAhzCd{&3~J_
zw(&^%=Fx0W3hC~&IDW?24%6C-FjQ(Qs<Kj+WmsJK?T1z^7faJ50&P4?;K&zIL()Qa
zx4jP<H%_z}sh<jmRY6rWnabCya7ky(*cSGuU89Rb5JAaTdr-%W#LTTfS`{J6%WJ=`
z{y5InAxoyUJ|NHY*Z`2^q}(?&nfOHBf0ZEi(w60P?q_ZHBN{0SXD3^MhA9UA6nM6)
zHG?T!0dWfT`5vz;l!u-}D$%w8wgPW2;4UJP->YuMiOX<D>R{#LQ~Sh6PIIQ_h$$U>
zq5Ushh|X2<A}kEbkP`zRkG*T+zcFSVA?M2zE$X+M3l`os4eX4JtenRtCU~!FJWmgM
z5~h@oxTBvcA&y8C^l;uclY0ZG+6?m&irnw-I0EBxYHrh_pg7b)8p(OgV?I`Rz>Me_
z2%dgaKEQ^zS8p0&qDAH=7vS;%3NXsHTWReSy8M{yPklxS_-+d}K!!9$IM0{pEk5*&
z<l!Ljda*6zTzDT~*(0-FAr54-MxUCQD2HAUSU)nBx_=gZe4|gK>z9??WfX1aHJJ}@
zzj&RCMsXR`uURQV1tK2uOLQMB5t;6mP=u&a6+jd6s;?v-e7T7FlmlY6pK9yVl9W*F
zCWW;ehGC{DyAPf0nxO!lF11N%OZSQ!1(QM$ixQiV)@<kVWoi_%hW+b@+Rwn!YLZwJ
zr*K4pI1f{0eCIVn_hoP|Ti<W1Fd^%CogPQW@VQ>+tik~1n1~*Wc$}QHeWf*tOVVl{
zk-e%;&=U#yzBA)AL$=99_Tj!0b~%n`0+KntAS2F75gHrsHHPPeCWk6KE?1wFkti9i
zQ6j*kZ{40$=kP`D)MU4)S*})kg>viQU=2v|n%nyuuEhq=bOU7;T@O){s~d>5<I-Uk
zNn{_-m(ChurkV8armH6--DpUI#6e=@nv0PStNm3#*8w@vD4cJd+mF?O`vu97huj`!
zvGwB0iiq6{TYaAIN_>=F`pa7u-WA(L^$nSX(5Q=&rxc&Skf`djS8Mf_y_n6XkGTGQ
zk@Q5j=~;31Z6N8F-xd0HmF&z2IPcEutDHXzlx(Zf9|i|OTJ<`M#tcGg!LsCRGvSsj
zTIy9cZ5?F^#}bfR0hTe`yn93qzw5=C*NrkVQgig~M!wj^Aar-`B~ggw&TTGzHOJYv
zx;$~yw(X<M(N$1SAA9l!0OD@sRXwo>dCyVNzkeTR4Rok^+_0RIVC|`f^QVq6+<aQg
ziajh-cI>bCT4#mGyvnms0GwZjV;yHYKs?F^i5hQU{<J1?k86SrhdF@`sseuS#LIbI
zt6JmNN+I3ua^&I_8~Bhk2GzZqj69WAO6Y@}s;kx99?<|_qNXq%Ywx+TFB2{?zY9Qt
z?X+!_M43D?EpzdB#)?Vbom^CdMfZ6>hT%H+#u`z}$<hc;c+_9a9sT;b{1iN3nt0s(
zqyn@uA>yL?fSfATZfVb_;Aj8WVEJr2e^S0SNp)NhIa9}@`eiRT3rHAbW810#t~_v(
zf;)KCXT9;TFpjp4<?dS`;X2<!{X6kbmATNym;{aiF&IK5LJC>OI*0wuExFTy?4zD4
zU9e2HFp`K3-#Q2Pva+BFFUu__7(0<XZ99}{=*>N*GB81}YtU1lFHm&>_9b?Cvy4tV
z%dKNllgZipS)XIe@8l?RukNx8HKel5cP|*ly@I1Nd{-;@_-JFfl<|Aa9HMnTx5H2G
zA54)p38<Vc^nL@|idL9k!Wmjd7B&RGef7c&jH*`gCq1;CLDdu}plzPjat?R=Sr~Xa
z3_x2j(yS6!Xd-^jf&7^?_Az3h401wEHH4Nv-c`sqHX*AWY^0Q`N!rxW@O@AG`-O{u
z>IZ+%T)hTemj!~c`&uy^oB{5n^6i?Yd7iw}$h@E5QHn<`TrTEL@~xp?#}A$RZm1(3
zNeO@#Swn5M%30mMnwbE{T;lyFXpbrGlfpO7C`B;CwH&|xMh+FFAxG9%$o@2ar;enL
zOyQJK?7>X=`df9eHF|G9A{y%6x;`jbT_P0~284noJj;yGY>C&{z>TrrrB*7t^>!?T
z8M>6%iPj<iiQl)MFZeuP<i&c~csN7OUwD=oGnkv??odB*Vacu9v0bBkK^QVFM-i~V
z;L`{q^@F&xr+6~j!v%@|I+jk5QSizd0%%0>jo<wP)AGND!4T$~ScnbBOxfp?UXtL6
zdTz0by@3sjtJq;~)A3j)lI+?aks|t;+%?3L-`jiXHnE851cXQu+cWb|E0_oP{too`
zX(OQ11VtkQIVayR9N1xfI~e>$JZi*HmTx*oeYkWJlJf~4@8~>fK?MmAao!t?i=&{9
zrs{G*bPJr7p1hPelQi+K`9WWfUyvXo&7l^|TRaA@T9olIz3ba}Wu%W+dhG{Z;Lt$2
zaT4+VyKSJ`9|{;X{ktNNOA8LmTt(i<U<F^_4(nWO0#YkkzOI65Sr}jc43%{aW<LJ=
zGXR*q!^sEIOOB^!ur(W3%s84KGJ|wm#Y>>C#g}~130{OQrD)L2o?^IKMWxUf)d0$%
zy@Py1?G^|9VVmkYHinMmKu7@4ku{>GO2fu3Qj(r9UL1-4XYOl#qzUWS-5V&9FtY!z
ziK_sMs_Fi_3oI=uk^<5a(p}OZxpeH(AdNIgcT0DdG*W_;NT+ly(u+ukf*|#+yzlq_
z{^xmS=6CON?m1`9%-s8&XU-h~lrgcgO!NzEAF-3}dHhq$sj!odrLo_t7pFfnv)k1*
z>1^l7TWa{_eMOQVWvdRRf>&-N3?ucA#|s#ibiD2TH0ui%j&`j*MNKyZ<RM;x;VDeX
zo#?f91Katw)SOSCwM)XI=T_DWRd`_2iJw87irlLNp90L8ux4AM;35=)i1q4yV&#_^
z?{1$o7SA>*$d=1}qjAqRu-qHdKK*!1+<N^<hVVOpqS(+tP;Q;;a(76HbXiMBOS-@#
zkYa4-nL-;3(;YHUs$GVUa;YZeT<bI|8xLf-b_O1u&<zkQ7`3^1H8)Z`Tje0B4VcJs
zqBq*FI&U~i`*b<Ee0Kete;jBuawOF7{i2+V_>__ZqoplueeP>;`o!1H>c=#~hAIA3
z((fwNpdWZv`-0Na%{xT;Tn2i8&Msf)rBZP-&_o!pUx6sffB&}2{cv=+N$`fMW1C1p
z;<`Ph-YWUlCT6<W{qw3Xg}+*PnN`%VQhe7b;_{E4cuAjvrHy{*^x0PL=7)Ap)n41^
zHIvgnd0o4A?d@U`uH+x7L$OXa^z~zWYDdgkYk>x6WT92~<XY=tIj(;khmN9LpoNRG
zP-mR<HID5GIU!7W#>-aTE48&a6EFC5N80cbyZOwi62|i&iokK7k&-{QDH<i3T--51
zr-PLs?tXbqaV$SECSqvtkDS|c5Vb>B@vzW&GdWg}T$QNsF=KT4O`>}#ocBUSjlmZ0
z$<6)l&mVDr_MuO6q70mU)yYHit3O4?jn6oU&t?TV^F@@NF!C@EMkISw0J?Wdem&-;
z3}&fRGkG^e=Qem{|F+A)ooO(nJuSLKWNLlf{<Tl1#J~zI%&E8jGvxO4>!4*To#|%I
z_cPH=Ngi}j=I*ED>GwIayNla__#R0TT;7v(f-mRA$>;CNq(+iASdRV#7UCQLjNiSm
zN0;YJd9=NO57DyX3mt&QK3N!n2o)U~9Lo((*||qTr=OB8FDH6^<u5A_A7z3C#Znir
zhea0BhE;L<yz-v-ng4;oFya-zN#D3lJ<(=B-<AP3TyVElH=B%w%qLOm31Tw&QM`T~
z&HpXStYd38y$eJZkW{kK<#%k!nz2_`HU_sRrb^p#q}3vpXL@H%=jY3^nhhhbDEuF-
zlV_x%Ggc~d3<#DKu&?_J#EA0R)lYhhwrEA=uu;kumN0gtCHaJMPn&^f%eCIyuWj)`
z7jS$rYR$ni3gLg#Tn|7gd<};!n{k(-TG6~k?{<)Z^XN=mVrF%SRyHf!QR%;898fQO
z%u;97K%Ax2(pKqQ?w6UKR~^kPy^^28c4zMK*@Ukg&K8Z_i$aEW@fgH6G@hfz8qbXn
zpZN?tIXj67Uhl9o)R;xYFPmyjM6P|Kl(d!|65QV5%S=-0KM(BwsswEsSjuUlc`)v8
z1ytMmQZAV*Yfk4MB~7+{Ye#IWW%3E<q7%XJ@v|zzU-h!KFl`67Yio;z(amU_aQ}E{
zGJ^50b{+X_aK}}2!&vt}dpNjB0HAKT_Na=PM`?d*u6Tr;X?np{Pf|madL~xliPQEX
zA9YF?AqYgord}4J>}+{x=2NRW&feto__<jZr{QC2hehvhHC?PujM;h1>jUd(6>WVn
z5>*Hp_V{0A|4>EE!Tak8+Nw_J{NV{V_geMDh_9_@Y770!HDmn5q1|}5@tai>h0R+d
zSdI*_;`=6xxzEG$XQj0H>`^roFV!bl+O8Y~xK8^}T?9yPzfH^DW)rn85wW52>1tij
z`H{$931>#UxFnVQN1b?LkAV(h;@Z!o7KR^I%4vvg(a$^lbmF(M`OHZ^41)r15P2$8
zjpaY-u%~*w`*j^qwT6|1wH2=WSK@rwgS=;sA8ktIH)t1wpuY{>6AHO%WKL#DOdvkF
zFL_>`%=d3fti>vn8veM_xl#E7d9HjYBt1^_FuFh?K1715VqnLYXi?4tQ3BiEz$f_j
z@wm*j-~m;Kja5ahwLPs12g*bU&aGy^?9R9Loa=T=CIzVA!LQf`zYGmLy4;`6P1%~Z
zpB1!bW0hOs(18u^PTPl$f!s(GeRtR7S7`hA8k)WGhxISPp~4{N^k+=H^Pw>5+3o|6
zYEnv8FO5teYbd=_H0LKvt%O3^<8`L^h_EKQu8b~8l~_hDS3`;NCKduA{w!7@eqM9F
zmui7XzX1ufZpM!jXsDXL&7VetfN-F=_snt+1eMWF?*{mmG?}j5V&Z9nM6?N#`5!{N
z+N?N1=?);ZzB0Y1;bNU$@t>|L@jAysU4I*CvYEyM)+P?GQQw8Ch8{)?^wSWF?G6B2
zWn2rL&g~9AQm_~M;cAhK8ePYWxxqMS3y?xV{Pj%yOd>pNXywUKdRCcDgCkUgHxlZL
z1Mr}*>7lar>yWcGK4pEK*wX}2cQ=})?Cn{K>pBMwqM=!qt5>;@LuMNGC=}B3?@7{c
z-7?T{HVx198vA$t1O*&0?R2|NejhCf1$Q`w1~O*BgkIJLCR#>{TfZZ4j9J4G^O6=v
z^AZd!bMf)He$-tN3;wm)SnnfZ2sr_O_>yFdUdO)_4cLqakoy=9$6^tr)G|A8WeI)H
zMhkwF-oKGr%hE9K$6tINb#mUW*FCc5za)nlw5&ea7r@2OmAt{USkty`ETIrv+zi|K
z#XL5moTT;~)om;(BQajN&6`Y|TQ{}W1LG;)2<@(-FsIbMwx9AN3RLBHYB{BuCcYAh
zS!HuWl4fjUv7g&i;{yBJusJNvaW(0AV(1X36`*E&NRMaEuNS>V$tEW~%l-Kv7OYuZ
z{(bJ#V9d!+)slN0@#&MzTr4)#J-TwHxJB*?RP>4_tAdXXN1yPv3jWk47=Qh4UGsK*
zDuP8GZMX{iJ3LT10Zt!mQDf;gTqTit@UB_f&&MHR%4ZpD(Xwi90_so4@po818*cZ$
zYn9j!(oY|V)Va7zh_Jm^0<9KP#h*wSFz#e~OnN$vIjT^><lZ`Bb!6bHDh=Mn3+bBR
zJ4R#CJXHyQR{aKy?pw_yJM%Lneo|grm_Bj^rEAv-*W#I%u%lqCjmrBJjUY#pp2wAX
z@uu=rEGlJ)3wE6}o8fWr<ck8%#PDK4$mz+fVwO1Yfb>etHzWxEByX8Bhk?*@Q>yR1
z;j{brFwg6|#$<#Qtek~50v-CaNIfqVEZ6VIW_f2e$vIhg*)_7|a-U_E3$N5}_?6(+
zurW|w+K)a7cNufX5z}!G%>;k^6+#_VQV|Fz72@LM$tQifXzH5w#TvIhNt|GyGWdFL
z>@?hKzi*}}yw-Jzh0jFJ4U5%KbD!1Ak;9?h^~G6)It`fiYTbR^vsw}n;ARRfKo@DY
zT&dGypz4rbD$wwa+xmnqTqkC&FJpzl8DzfCy6Y#q`Gk8)I+=s!!u|1UQnbbPg-O&(
z;D8gGaw46=%gXT6z=@n7mY7NwKWC;k3ror_4aqe9_Ry!2^_m}zI>K2+dU#9l`ef4I
zR$#+VqHdIE_3MMns1F4q!>3t~jpaP>7budtGhS&WTxG<?nL(LX@4H}s0NOMF`0vwX
zR9&cVx&Y)6&C6j9Y?m#;)VW4^1?hcxq1*zP`kS9T0x(w~R@}EO8B}%k#SY9F62jmT
z4qotCfW4yiOU+RyYk*92<y0!LPIBNVs|AG~j84FB+NR?r+;eu-Gl~Yh<!pTYC*+;r
zo1Ha3E~y#m8g?)3OV6g;PRNzxLWB!wtALk?x3birkk_y*nbB?uy#CR~J4#itGd*N#
zsqy0JduF{|uqCDB*G?t3w<4m%?9Qye!cUsQdR7a+Kt(@CEx{%FGK=8;8`e8>D$^q=
zVv^6vyncuA^w&~$u)5C^kKK_#!IDHVcU0;+YQqsh)#nw#ZwgIy4`B`Oi~<+FE!$?x
z(1;JdRDHG50Yj6EeLoQ^J*?Bm?_9E@sxSme?ssxN2F3LoMxO}=Oz-<NUaC&pz)n-L
zTe4~20Bro--{>Xzx@D8%8{l!HlM9{>LF%~cG#;-_-N^5<hFo#(j;3I8zOB8g#7F}d
zo8(4)6Ot5kx}cKJLS?Vo>)PWHV7X}_JZJuvq*6$)Zb^Ns7KIf&v#U;0-0#Yt@iIWa
z!uDv~ie`$6TwZ!MFZfdyE23>6@ID3?ahtwo)2$(Qrr1&Ao{v4f#AY%c8XMSe%yIoa
zbbP8WTsr!!Xld8$z~ds!yj5gIyt2ITMCjBdr2+J`S|hI9fHeG*E<P|%63f{?N<l?@
z($|PMc!G<c*?U{I9TA!!f-f#h3&`iIsofwipvYQTeEfDfHJ$T7_8UdKk>0u@Tiz60
zW%1t1BJT2TWmt&xy@+~sW{455f|utUPI<vfQl&%^r*YowPEBeRZXZRb_u!c@bQead
z71)4wup#Hk#Gc+~8!4TlZy$=x0g;xe&^GPnd43fs^yzs-rgptk${n^*P>&LBh0MnD
zG%rfs2$kh0$a9Ql@J|A35ixR+!jLx4Z;#W%2xh<PgdiwHRi(s;AZj@Ez)#y7C>bxp
zX$h(eT*O!Ao)F>`L(_~Qj(L=G&kL>7Qq-41SvE;13ukVzy#u35vIWepv*)zhN;1j@
z-^MzU4ZD)+I$(K{$|}9hiV04|D0f*xV`uN^M&`f)fG+-RRVDqs+qirJj1t!tq3hp?
z2YzJ_8tewnu=fKtji}v)UKGI?YLf$YqkoK8Lw+ghNZ0UA1OBLAeqeJ2qxwl@V-+wH
z@^go)(P^EGuWOrh4&w>XCNor)G<(u0=UBd4d#%Ted%kpqLs;K$j3IJwkgcUhA-X*n
zj5yQ#-uv)5W=Pz#^1TmW!kboK5}fc_$clIeB-RY;?_2f9lXo@%lRCAOZNo8k_PQ{2
zjnWPTG9fVA<Q;URpsy_J?^jHwx01<B6rx0`?>u+=sNdhYC!9ZB@|C@>L8+uPEt%ly
zb5QxvRzgBzuj6^<-$3*va*lDXk8&OKVYrXHgWqBz;viivp9$+BKZQs@c0q#q%Qy3r
zSgZ74_R9Pqo(;1%_T^JlAhmN{v;_wN&E*F7Vv7;~#q^B8)6YwruCjp505i&Rp&OaT
zavms0_p$R1*}<Qlm}mPtkvjCPIlYv%Qbww8sEmmYj17hghSQKSk~JzYkJ~?Tf|SvO
zxysU``|nub9e*`wDO|{fjHv)CU(|wruM!u<wi!{M$_ic;ONL0}pfF|xgCog{307-n
zbV%ZF1BA=yF8!99;>9(Ys8H?_=qm!bbYuLIesQ46UUUVr$)mJ+%4FHRMdaN_KN9kp
zs#iuMCFz0p6YUxy^G?iTPt#OqKJ3dtR&(0JN^yJ+Q1-wZ=7it=P7DBmF4~1xIHRf{
zY2dDL*^bUGZUu8<Ph!xy5Jc<9l$@x{duiKUo;pq=M@8j2S*2e!?r2M#H+9U6Khp0W
zA0)U!e^3xchHbPYBIP>Gx@d+APPbz`6Ur^*&P^@fs8ckP!7b7;(nFlZe0LE2ct&oS
zWr5E8l)er|*a{ecdb>=*56c`vFVrZ`NFsTE2|t*m+0HlYn=afkN&8G{Vg0mw^cR3V
z*c{Rl;%d+K+iib4TJKS^Q3S1Q3+biESgyUQul{^h?V7%VXhc^U^oIx{^_^+uX94k>
z)IoovGCw=V7`=1fmd20|wKE3s;i$}%${vGJLcz7PiL62;ZDJ8Q0Tc#JmPh_C3ZayA
z@_8=&y^=K*t5z{Gb{p1B-knqn>PV}AWKph0!#StAf#MQ>(4QU3RNSpfPF(o^W+~tG
z&7@lm*2&CH-OTcb(Q>4q<)TUzTA2TCQjfE=pSM2ge3txZM!0#m(!pg6ud&7-4c0tf
zQwKT^NI`>6zl*_!jkYmnJCao18=3{BBlgUNY>B_*L~$!;J$M6IK@KhBjOfkVfUObo
zx69(k347d_R@rd2Bkp^^KxvsQMun7j^X$x#Fx>PYx^!{(#WWYDWR76PkcAB+A7@G$
z0Umdqw3c3|v9aeX@4ibW(#g9B0PSl}S_0u%9VhSjIhzAaf(4U#yZ}bxMY<Zj4*b^j
zMBZJ!y8jxWKegW)w?VagHRkFVk_F1?41HZhfIP4#y2rbX3|lrhJ83~I>1d>A%%Nz|
zE8WF5Xoi7z7%rq!y(*1a8s2a;cS3?8Te;DFDeGm#sioG*m{KelGOR`3R<V_FNUdTk
z@1uylV9|>j@~}3MT3J6g(rx|de0DNwjd{=r5<BFzz;H9(?1j38QPazK`M*-KjJ#bT
zLScLQ<-op@aR`Ug+pWJz+KVT7eg~D}8RujF(jWZ+FI)hPEN}+j4=_&1#LWRhcD=jY
z2k+;LkE`vz#GgurdVs<c|Lr0Gdwa#;XK%PvX-oV)<y`J(54%xPQFv43$5g0LJ)S)<
zj`pX9t1j+>j?C9_{ZZY#y61<XtKVxhjHyYkE_Z<U;EVk4T+B<d$)XO!zD2TDUh{-7
zdqlgFhgm5Ny*ddf^oz4UESM9S%J*NA)l-z4M_wo@K7Tlg84Msq{uls6-uYX|foKn{
z4iZ!Ri(yF2{4Wm(iMfCvz+abHA&X4}>I1(A691($4<O(N%KuttQyWJ&4o6Ej8a@tA
z4jup+0FZzVKt*zLa`SKk3;w4WRPc`^NicHP=>K7~fAK$wqsUkYsSorZ0U{)bME^?T
J;(U0s{0D0+2&(`9

literal 0
HcmV?d00001

diff --git a/src/App.svelte b/src/App.svelte
index fa68739e..19e816bb 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -16,9 +16,9 @@
     let gridOpen = false
 
     DataBase.subscribe(db => {
-        if(db.didFirstSetup !== didFirstSetup){
-            didFirstSetup = db.didFirstSetup || false
-        }
+        // if(db.didFirstSetup !== didFirstSetup){
+        //     didFirstSetup = db.didFirstSetup || false
+        // }
     })
 
 </script>
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 02a0cea5..50c81ee3 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -110,7 +110,13 @@ export const languageEnglish = {
         themeDescWifuCut: "Suitable for mobile",
         themeDescClassic: "Suitable for All devices",
         texttheme: "Select your text color",
-        inputName: "Lastly, Input your Nickname."
+        inputName: "Lastly, Input your Nickname.",
+        welcome: "Welcome to RisuAI! Here, I will guide you to setup. First, What may I call you?",
+        welcome2: "Hello {username}! before we start, I will ask you some questions. You can change these settings later in settings.\n\nFirst select the AI provider.",
+        openAIProvider: "OpenAI GPT is a high quality AI model, but it is paid and filtered.",
+        openrouterProvider: "Openrouter has a lot of models, some of them unfiltered and some of them free, but it is not as good as OpenAI.",
+        hordeProvider: "Horde is a free provider, but the response time is long and the quality is low.",
+        setProviderLater: "There are other providers, but you can set it later in settings. select this if you want to set it later.",
     },
     confirm: "Confirm",
     goback: "Go Back",
diff --git a/src/lib/Others/WelcomeRisu.svelte b/src/lib/Others/WelcomeRisu.svelte
index 902a5b96..2b076100 100644
--- a/src/lib/Others/WelcomeRisu.svelte
+++ b/src/lib/Others/WelcomeRisu.svelte
@@ -1,192 +1,192 @@
-<script>
+<script lang="ts">
 
-    import { ArrowBigLeftIcon } from "lucide-svelte";
+    import { ArrowBigLeftIcon, Send } from "lucide-svelte";
     import { changeLanguage, language } from "src/lang";
     import { addDefaultCharacters } from "src/ts/characters";
     import { DataBase } from "src/ts/storage/database";
     import { sleep } from "src/ts/util";
     import TextInput from "../UI/GUI/TextInput.svelte";
-  import Button from "../UI/GUI/Button.svelte";
+    import Chat from "../ChatScreens/Chat.svelte";
 
     let step = 0
-    let provider = 0
+    let provider = ''
+    let input = ''
+
+    if(step === 0){
+        const browserLang = navigator.language
+        const browserLangShort = browserLang.split('-')[0]
+        const usableLangs = ['de', 'en', 'ko', 'cn']
+        if(usableLangs.includes(browserLangShort)){
+            changeLanguage(browserLangShort)
+            $DataBase.language = browserLangShort
+            step = 1
+        }
+    }
+    let start = false
+
+    function send(){
+        switch(step){
+            case 1:{
+                if(input.length > 0){
+                    $DataBase.username = input
+                    step = 2
+                }
+                break
+            }
+            case 2:{
+                if(['openai','openrouter','horde','later'].includes(input.toLocaleLowerCase())){
+                    provider = input.toLocaleLowerCase()
+                    step = 3
+                }
+                break
+            }
+        }
+    }
 </script>
 
-<div class="w-full h-full flex justify-center welcome-bg text-textcolor">
-    <article class="w-full overflow-x-hidden max-w-full min-h-full h-full flex flex-col overflow-y-auto">
-        <div class="w-full justify-center flex mt-8">
-            <img src="/logo_typo_trans.png" alt="logo" class="w-full max-w-screen-sm  mb-0">
-        </div>
-        <!-- <div class="w-full items-center flex flex-col justify-center mb-8">
-            <button class=" border border-selected rounded-md px-4 py-2 text-lg hover:border-neutral-200 transition">Get Started</button>
-        </div> -->
-        <div class="w-full flex-col bg-darkbg flex-grow mt-5 prose prose-invert max-w-full p-5 rounded-t-lg overflow-x-hidden">
-            {#if step === 0}
-                <h2>Choose the language</h2>
-                <div class="flex flex-col items-start ml-2">
-                    <button class="hover:text-green-500 transition-colors" on:click={() => {
-                        changeLanguage('de')
-                        $DataBase.language='de'
-                        step = 1
-                    }}>• Deutsch</button>
-                    <button class="hover:text-green-500 transition-colors" on:click={() => {
-                        changeLanguage('en')
-                        $DataBase.language='en'
-                        step = 1
-                    }}>• English</button>
-                    <button class="hover:text-green-500 transition-colors" on:click={() => {
-                        changeLanguage('ko')
-                        $DataBase.language='ko'
-                        step = 1
-                    }}>• 한국어</button>
-                    <button class="hover:text-green-500 transition-colors" on:click={() => {
-                        changeLanguage('cn')
-                        $DataBase.language='cn'
-                        step = 1
-                    }}>• 中文</button>
-                </div>
+<div class="w-full h-full flex justify-center welcome-bg text-textcolor relative bg-gray-900">
+    <div class="w-2xl overflow-x-hidden max-w-full min-h-full h-full flex flex-col overflow-y-hidden" class:justify-center={!start}>
+        {#if !start}
+            <div class="w-full justify-center flex mt-8 logo-animation" on:animationend={() => {
+                start = true
+            }}>
+                <img src="/logo_typo_trans.png" alt="logo" class="w-full max-w-screen-sm  mb-0">
+            </div>
+        {:else}
+            <div class="relative w-full flex-col bg-darkbg flex-grow mt-5 max-w-full p-5 rounded-t-lg overflow-x-hidden flex border-gray-800 border chat-animation overflow-y-auto">
+                {#if step === 0}
+                    <h2 class="animate-bounce">Choose your language</h2>
+                    <div class="flex flex-col items-start ml-2">
+                        <button class="hover:text-green-500 transition-colors" on:click={() => {
+                            changeLanguage('de')
+                            $DataBase.language='de'
+                            step = 1
+                        }}>• Deutsch</button>
+                        <button class="hover:text-green-500 transition-colors" on:click={() => {
+                            changeLanguage('en')
+                            $DataBase.language='en'
+                            step = 1
+                        }}>• English</button>
+                        <button class="hover:text-green-500 transition-colors" on:click={() => {
+                            changeLanguage('ko')
+                            $DataBase.language='ko'
+                            step = 1
+                        }}>• 한국어</button>
+                        <button class="hover:text-green-500 transition-colors" on:click={() => {
+                            changeLanguage('cn')
+                            $DataBase.language='cn'
+                            step = 1
+                        }}>• 中文</button>
+                    </div>
 
-            {:else if step === 1}
-                <h2>{language.setup.chooseProvider}</h2>
-                <div class="flex flex-col items-start ml-2">
-                    <button class="hover:text-green-500 transition-colors" on:click={() => {
-                        provider = 1
-                        step += 1
-                    }}>• {language.setup.openaikey}</button>
-                    <button class="hover:text-green-500 transition-colors"on:click={() => {
-                        provider = 2
-                        step += 1
-                    }}>• {language.setup.openaiProxy}</button>
-                    <button class="hover:text-green-500 transition-colors" on:click={() => {
-                        provider = 3
-                        step += 1
-                    }}>• {language.setup.setupmodelself}</button>
-                </div>
-            {:else if step === 2}
-                {#if provider === 1}
-                    <h2>{language.setup.openaikey}</h2>
-                    <div class="w-full ml-2">
-                        <span class="mb-2">API key</span>
-                        <TextInput bind:value={$DataBase.openAIKey} placeholder="API Key" autocomplete="off"/>
-                    </div>
-                    <span class="text-textcolor2">{language.setup.apiKeyhelp} <a href="https://platform.openai.com/account/api-keys" target="_blank">https://platform.openai.com/account/api-keys</a></span>
-                    <div class="flex flex-col items-start ml-2 mt-6">
-                        <button class="hover:text-green-500 transition-colors" on:click={() => {
-                            provider = 1
-                            step += 1
-                        }}>• {language.confirm}</button>
-                    </div>
-                {:else if provider === 2}
-                    <h2>{language.setup.openaiProxy}</h2>
-                    <div class="w-full ml-2">
-                        <span class="mb-2">OpenAI Reverse Proxy URL</span>
-                        <TextInput bind:value={$DataBase.forceReplaceUrl} placeholder="https://..." autocomplete="off"/>
-                    </div>
-                    <div class="w-full ml-2 mt-4">
-                        <span class="mb-2">API key (Used for passwords)</span>
-                        <TextInput bind:value={$DataBase.proxyKey} placeholder="Optional" autocomplete="off"/>
-                    </div>
-                    <div class="flex flex-col items-start ml-2 mt-6">
-                        <button class="hover:text-green-500 transition-colors" on:click={() => {
-                            provider = 1
-                            step += 1
-                        }}>• {language.confirm}</button>
-                    </div>
                 {:else}
-                    <h2>{language.setup.setupmodelself}</h2>
-                    <div class="w-full ml-2">
-                        <span>{language.setup.setupSelfHelp}</span>
-                    </div>
-                    <div class="flex flex-col items-start ml-2 mt-6">
-                        <button class="hover:text-green-500 transition-colors" on:click={() => {
-                            provider = 1
-                            step += 1
-                        }}>• {language.confirm}</button>
+                    <Chat name="Risu" message={language.setup.welcome} isLastMemory={false} />
+                    {#if step >= 2}
+                        <Chat name={$DataBase.username} message={$DataBase.username} isLastMemory={false} />
+                        <Chat name="Risu" message={language.setup.welcome2.replace('{username}', $DataBase.username)} isLastMemory={false} />
+                    {/if}
+                    {#if step === 2}
+                        <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+                            <button class="border-l-blue-500 border-l-4 p-6 flex flex-col transition-shadow hover:ring-1" on:click={() => {
+                                provider = 'openai'
+                                step = 3
+                            }}>
+                                <h1 class="text-2xl font-bold text-start">OpenAI</h1>
+                                <span class="mt-2 text-textcolor2 text-start">{language.setup.openAIProvider}</span>
+                            </button>
+                            <button class="border-l-green-500 border-l-4 p-6 flex flex-col transition-shadow hover:ring-1" on:click={() => {
+                                provider = 'openrouter'
+                                step = 3
+                            }}>
+                                <h1 class="text-2xl font-bold text-start">OpenRouter</h1>
+                                <span class="mt-2 text-textcolor2 text-start">{language.setup.openrouterProvider}</span>
+                            </button>
+                            <button class="border-l-red-500 border-l-4 p-6 flex flex-col transition-shadow hover:ring-1" on:click={() => {
+                                provider = 'horde'
+                                step = 3
+                            }}>
+                                <h1 class="text-2xl font-bold text-start">Horde</h1>
+                                <span class="mt-2 text-textcolor2 text-start">{language.setup.hordeProvider}</span>
+                            </button>
+                            <button class="border-l-gray-500 border-l-4 p-6 flex flex-col transition-shadow hover:ring-1" on:click={() => {
+                                provider = 'later'
+                                step = 3
+                            }}>
+                                <h1 class="text-2xl font-bold text-start">Setup Later</h1>
+                                <span class="mt-2 text-textcolor2 text-start">{language.setup.setProviderLater}</span>
+                            </button>
+                        </div>
+                    {/if}
+                    {#if step === 3}
+                        <Chat name={$DataBase.username} message={provider} isLastMemory={false} />
+                        <Chat name="Risu" message={language.setup.welcome2.replace('{username}', $DataBase.username)} isLastMemory={false} />
+
+                    {/if}
+                    <div class="flex items-end mb-2 w-full mt-auto ">
+                        <input class="flex-grow text-textcolor p-2 min-w-0 bg-transparent input-text text-xl ml-4 mr-2 border-darkbutton resize-none focus:bg-selected overflow-y-hidden overflow-x-hidden max-w-full"
+                            bind:value={input}
+                            on:keydown={(e) => {
+                                if(e.key.toLocaleLowerCase() === "enter" && (!e.shiftKey) && !e.isComposing){
+                                    e.preventDefault()
+                                }
+                            }}
+                            style:height={'44px'}
+                        />
+                        <div on:click={send}
+                            class="mr-2 bg-textcolor2 flex justify-center items-center text-gray-100 w-12 h-12 rounded-md hover:bg-green-500 transition-colors">
+                            <Send />
+                        </div>
                     </div>
                 {/if}
-            {:else if step === 3}
-                <h2>{language.setup.theme}</h2>
-                <div class="flex flex-col items-start ml-2">
-                    <button class="hover:text-green-500 transition-colors flex flex-col items-start" on:click={() => {
-                        $DataBase.theme = ''
-                        step += 1
-                    }}><span>• Standard Risu ({language.setup.themeDescClassic})</span>
-                    <img class="w-3/4 mt-2" src="/ss2.webp" alt="example"></button>
-                    <button class="hover:text-green-500 transition-colors flex flex-col items-start" on:click={() => {
-                        $DataBase.theme = 'waifu'
-                        step += 1
-                    }}><span>• Waifulike ({language.setup.themeDescWifulike})</span>
-                    <img class="w-3/4 mt-2" src="/ss3.webp" alt="example"></button>
-                    <button class="hover:text-green-500 transition-colors flex flex-col items-start" on:click={() => {
-                        $DataBase.theme = 'waifuMobile'
-                        step += 1
-                    }}><span>• WaifuCut ({language.setup.themeDescWifuCut})</span>
-                    <img class="w-3/4 mt-2" src="/ss4.webp" alt="example"></button>
-                </div>
-            {:else if step === 4}
-                <h2>{language.setup.texttheme}</h2>
-                <div class="flex flex-col items-start ml-2">
-                    <button class="hover:text-green-500 transition-colors flex flex-col items-start" on:click={() => {
-                        $DataBase.textTheme = 'standard'
-                        step += 1
-                    }}><span>• {language.classicRisu}</span>
-                        <div class="border-borderc py-2 px-8 not-prose">
-                            <p class="mt-2 mb-0 classic p-0"> Normal Text</p>
-                            <p class="mt-2 mb-0 classic-italic italic p-0">Italic Text</p>
-                            <p class="mt-2 mb-0 classic font-bold p-0">Bold Text</p>
+            </div>
+        {/if}
 
-                        </div>
-                    </button>
-                </div>
-                <div class="flex flex-col items-start ml-2 mt-2 mb-2">
-                    <button class="hover:text-green-500 transition-colors flex flex-col items-start" on:click={() => {
-                        $DataBase.textTheme = 'highcontrast'
-                        step += 1
-                    }}><span>• {language.highcontrast}</span>
-                        <div class="border-borderc p-2 py-2 px-8  not-prose">
-                            <p class="mt-2 mb-0 classic p-0" style="color:#f8f8f2"> Normal Text</p>
-                            <p class="mt-2 mb-0 classic-italic italic p-0" style="color:#F1FA8C">Italic Text</p>
-                            <p class="mt-2 mb-0 classic font-bold p-0" style="color:#FFB86C">Bold Text</p>
-
-                        </div>
-                    </button>
-                </div>
-            {:else if step === 5}
-                <h2 class="mb-2">{language.setup.inputName}</h2>
-                <div class="w-full ml-2">
-                    <TextInput bind:value={$DataBase.username} />
-                </div>
-                <div class="flex flex-col items-start ml-2 mt-6">
-                    <button class="hover:text-green-500 transition-colors" on:click={async () => {
-                        $DataBase.forceReplaceUrl2 = $DataBase.forceReplaceUrl
-                        await addDefaultCharacters()
-                        $DataBase.didFirstSetup = true
-                        await sleep(2000)
-                        location.reload()
-                    }}>• {language.confirm}</button>
-                </div>
-            {/if}
-
-
-            {#if step > 0}
-
-                <button class="hover:text-green-500 transition-colors ml-2" on:click={() => {
-                    step = step - 1
-                }}>• Go Back</button>
-            {/if}
-        </div>
-
-    </article>
+    </div>
 </div>
 <style>
-    .classic{
-        color: #fafafa;
-    }
-    .classic-italic{
-        color: #8C8D93;
-    }
     .welcome-bg{
-        background-image: url("/public/welcome/welcomebg.png");
         background-size: cover;
+        position: relative;
     }
+
+    @keyframes darkness {
+        from {
+            opacity: 0;
+        }
+        50% {
+            opacity: 0.2;
+        }
+        to {
+            opacity: 0;
+        }
+    }
+
+    .logo-animation{
+        animation: logo-animation 3s ease-in-out;
+        opacity: 0;
+    }
+    @keyframes logo-animation {
+        from {
+            opacity: 0;
+        }
+        80% {
+            opacity: 1;
+        }
+        to {
+            opacity: 0;
+        }
+    }
+
+    .chat-animation{
+        animation: chat-animation 3s ease-in-out;
+    }
+    @keyframes chat-animation {
+        from {
+            top: 100vh;
+        }
+        to {
+            top: 0;
+        }
+    }
+
 </style>
\ No newline at end of file