body,html,#root{height:100%;margin:0;padding:0}.app-root{min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.panel{max-width:720px;margin:60px auto;padding:20px;background:#222;color:#fff;border-radius:12px}.row{display:flex;gap:12px;margin-bottom:12px;align-items:center}.input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid #444;background:#111;color:#fff}.btn{padding:8px 10px;border-radius:8px;border:0;background:#444;color:#fff;cursor:pointer}.btn.primary{background:#6b3b1f}.welcome-root{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff}.welcome-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/background.jpg);background-size:cover;background-position:center;filter:blur(8px) brightness(.45);z-index:0}.menu-button{position:absolute;top:12px;right:12px;z-index:10;background:transparent;color:#fff;border:0;font-size:20px;padding:8px}.logo-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.rotating-border{position:absolute;width:200px;height:160px;border-radius:20px;display:flex;align-items:center;justify-content:center;animation:rot 8s linear infinite;z-index:1}.border-content{width:95%;height:95%;border:2px solid rgba(255,255,255,.12);border-radius:18px}@keyframes rot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-texts{z-index:2;text-align:center;margin-top:10px;padding:0 20px}.welcome-title{font-size:34px;margin:6px 0}.welcome-subtitle{font-size:26px;margin:6px 0}.welcome-desc{font-size:16px;opacity:.9;margin-top:10px}.welcome-actions{z-index:2;display:flex;flex-direction:column;gap:12px;width:80%;max-width:420px;position:absolute;bottom:40px}.btn.big{padding:12px 16px;font-size:18px;border-radius:14px;background:#6b3b1f;color:#fff;border:0;cursor:pointer}.lang-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:200}.lang-panel{background:#222;color:#fff;padding:18px;border-radius:12px;min-width:260px;text-align:center}.lang-list{list-style:none;padding:0;margin:8px 0 16px}.lang-list button{display:block;width:100%;padding:8px;margin-bottom:6px;border-radius:8px;background:#333;color:#fff;border:0;cursor:pointer}.home-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#1d1b18,#2f271f);color:#fff}.home-topline,.home-bottomline{width:100%;height:24px;background:#ffffff08}.home-center{margin-top:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:40px 20px}.home-logo{z-index:2}.home-rot{position:absolute;top:12px;width:260px;height:220px;border-radius:20px;display:flex;align-items:center;justify-content:center;animation:rot 10s linear infinite;opacity:.6}.home-user{margin-top:18px;text-align:center;z-index:3}.home-avatar{width:72px;height:72px;border-radius:36px;object-fit:cover;margin-bottom:8px;border:3px solid rgba(255,255,255,.12)}.home-greeting{font-size:20px}.home-actions{margin-top:30px;width:100%;display:flex;justify-content:center}.home-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:900px}.home-buttons .btn.big{background:#8b5e3c}.mobile-home-root{position:relative;min-height:100vh;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.mobile-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/background.jpg);background-size:cover;background-position:center;filter:blur(6px) brightness(.5);z-index:0}.mobile-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;z-index:2}.mobile-header-left{display:flex;align-items:center;gap:12px}.mobile-avatar{width:64px;height:64px;border-radius:32px;border:2px solid rgba(255,255,255,.2)}.mobile-header-right{display:flex;gap:10px}.icon-btn{background:#0000004d;border:2px solid rgba(255,255,255,.12);padding:10px;border-radius:28px;color:#fff;cursor:pointer}.mobile-main{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px}.heart-wrap{margin-bottom:10px}.mobile-title{font-size:28px;margin:8px 0 18px;text-align:center}.cup-wrapper{width:320px;height:320px;display:flex;align-items:center;justify-content:center}.cup-graphic{width:200px;height:200px;display:flex;align-items:center;justify-content:center;font-size:48px;background:transparent}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:82px;display:flex;justify-content:space-around;align-items:flex-end;padding-bottom:6px;z-index:3}.tri-btn{width:26%;background:transparent;border:0;color:#fff;padding:8px 4px;border-radius:6px;cursor:pointer}.tri-btn.active{color:#f1c40f}.home-brown-root{position:relative;min-height:100vh;background:#6b3b1f;color:#fff}.home-brown-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#6b3b1f,#4b2d1a);z-index:0}.home-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 18px}.home-header-left{display:flex;align-items:center}.home-avatar{width:64px;height:64px;border-radius:32px;border:2px solid rgba(255,255,255,.12);cursor:pointer}.home-header-right{display:flex;gap:10px}.home-main{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px}.rotating-heart{margin-top:30px;animation:rot 8s linear infinite}.home-nav-buttons{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.home-nav-buttons .btn.big{background:#a36a41;border-radius:12px;padding:10px 14px}