@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
*{box-sizing:border-box}html,body{margin:0;padding:0}:root{--screen:#14081d;--panel:#130b238f;--panel-border:#ffffff0f;--text:#fffffff5;--muted:#ffffffd1}body{background:radial-gradient(circle at 50% 20%,#ba38b538,#0000 32%),linear-gradient(#1a0a28 0%,#09050f 100%);min-height:100vh;font-family:Outfit,sans-serif;display:block;overflow:hidden}button,input,textarea,select{font:inherit}.screen-shell{width:100%;min-height:100vh;padding:0;display:block}.phone{background:var(--screen);width:100vw;height:100vh;box-shadow:none;border:0;border-radius:0;position:relative;overflow:hidden}.phone:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 15%,#c94fff24,#0000 30%),radial-gradient(circle at 18% 70%,#ff2d780a,#0000 22%),linear-gradient(#0b041205,#0b041252 76%,#0b041294);position:absolute;inset:0}.bg{z-index:0;position:absolute;inset:0}.bg-slide{opacity:0;filter:saturate(1.2)brightness(.98)contrast(1.12);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.1s,transform 4.6s;position:absolute;inset:0;transform:scale(1.08)}.bg-slide.active{opacity:1;transform:scale(1)}.content{z-index:3;flex-direction:column;height:100%;padding:28px 24px 22px;display:flex;position:relative}.header{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:0;display:flex}.brand{color:var(--text);flex-direction:column;align-items:flex-start;gap:12px;display:flex}.logo{object-fit:contain;flex:none;width:152px;height:152px;margin-bottom:0;display:block}.brand-copy{gap:10px;display:grid}.brand p{color:#ffffffe0;margin:0;font-size:18px;font-weight:400;line-height:1.12}.brand p+p{margin-top:0}.brand .title{letter-spacing:.08em;font-size:17px;font-weight:400}.brand .greeting{color:#ffffffeb;font-size:16px}.bell{background:#e6d0edcc;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;margin-top:10px;display:grid;box-shadow:0 8px 20px #0000002e}.bird-space{flex:none;min-height:80px;position:relative}.bird-space:before{content:"";filter:blur(4px);pointer-events:none;background:radial-gradient(circle at 40% 62%,#ff38a433,#0000 18%),radial-gradient(circle at 58% 88%,#ff2e7829,#0000 20%),radial-gradient(circle at 70% 20%,#c94fff1a,#0000 38%);position:absolute;inset:5% 10% 8% 8%}.menu-card{-webkit-backdrop-filter:blur(14px);background:#150e2757;border:1px solid #ffffff0a;border-radius:22px;flex-direction:column;width:208px;height:clamp(380px,100vh - 320px,470px);margin-top:8px;margin-bottom:18px;margin-left:6px;padding:8px 12px 12px;display:flex;box-shadow:0 14px 26px #0000001a}.menu-title{color:#fff;letter-spacing:.01em;flex:none;margin:0 0 12px;padding-left:4px;font-size:27px;font-weight:700}.menu-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:auto;gap:17px;min-height:0;max-height:100%;margin:0;padding-left:4px;padding-right:8px;list-style:none;display:grid;overflow:hidden scroll}.menu-list::-webkit-scrollbar{width:3px}.menu-list::-webkit-scrollbar-track{background:0 0}.menu-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.menu-list::-webkit-scrollbar-thumb:hover{background:#ffffff24}.menu-list::-webkit-scrollbar-thumb:active{background:#ffffff08}.menu-item{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:6px 0 6px 10px;font-size:25px;font-weight:400;line-height:1;transition:background .18s,transform .18s,color .18s;display:flex;position:relative}.menu-item:before{content:"";background:linear-gradient(#c94fff00,#c94fff00);border-radius:999px;width:3px;transition:background .18s,box-shadow .18s;position:absolute;top:18%;bottom:18%;left:0}.menu-item:hover,.menu-item.active{background:#ffffff0d;transform:translate(2px)}.menu-item:hover:before,.menu-item.active:before{background:linear-gradient(#c94fff,#ff2d78);box-shadow:0 0 10px #c94fff66}.menu-icon{opacity:.82;flex:none;width:15px;height:15px;display:inline-flex}.menu-icon svg{width:100%;height:100%}.menu-item.active{color:#fff}.menu-item.active .menu-icon{opacity:1}.menu-spacer{opacity:0;pointer-events:none;background:0 0;border:0;border-radius:0;height:8px;min-height:8px}@media (max-width:390px){.content{padding:18px 16px 14px}.brand p{font-size:18px}.brand .title,.brand .greeting{font-size:16px}.brand{gap:10px}.brand-copy{gap:8px}.bird-space{min-height:70px}.menu-card{width:190px;margin-top:6px;margin-left:0;margin-bottom:max(10px, env(safe-area-inset-bottom));height:clamp(360px,100vh - 360px,430px);padding:8px 10px 10px}.menu-title{margin-bottom:10px;font-size:24px}.menu-list{gap:13px;padding-right:6px}.menu-item{font-size:20px}.menu-spacer{height:8px}}@media (max-height:760px){.content{padding-top:16px;padding-bottom:12px}.brand{gap:10px}.bird-space{min-height:70px}.menu-card{margin-bottom:10px}}