@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}.circular-home{background:0 0}.circular-content{padding-top:22px}.circular-hero{flex:1;min-height:0;position:relative;overflow:hidden}.circular-menu{-webkit-backdrop-filter:blur(16px);touch-action:none;cursor:grab;background:radial-gradient(circle at 34% 24%,#ffffff1a,#0000 14%),radial-gradient(circle at 32% 74%,#ffffff0d,#0000 20%),linear-gradient(135deg,#e88d7ee0,#dc796eb8 52%,#b05d70a8);border:0;border-radius:50%;width:760px;height:760px;position:absolute;top:-20px;right:-262px;overflow:hidden;box-shadow:0 32px 72px #00000047,inset 0 1px #ffffff1f}.circular-menu.dragging{cursor:grabbing}.circular-menu:before{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:50%;position:absolute;inset:28px}.circular-menu:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0a,#0000 66%);border-radius:50%;position:absolute;inset:94px}.circular-items-track{transform:rotate(var(--ring-rotation,0deg));border-radius:50%;transition:transform .18s;position:absolute;inset:0}.circular-menu-glow{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 26% 22%,#ff576e2e,#0000 14%),radial-gradient(circle at 54% 82%,#ff576e1a,#0000 20%);border-radius:50%;position:absolute;inset:0}.circular-close{color:#fff;z-index:3;background:radial-gradient(circle at 35% 28%,#ffffff1a,#0000 22%),linear-gradient(135deg,#ff5669e6,#963749b8);border:1px solid #ffffff24;border-radius:50%;place-items:center;width:84px;height:84px;font-size:48px;line-height:1;display:grid;position:absolute;top:44%;right:132px;box-shadow:0 14px 28px #0000003d,inset 0 1px #ffffff1f}.circular-core{text-align:center;color:#fff;z-index:2;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;place-items:center;padding:18px;display:grid;position:absolute;inset:34% 42% 30% 18%;box-shadow:inset 0 1px #ffffff24}.circular-core h2,.circular-core p{margin:0}.circular-kicker{letter-spacing:.2em;text-transform:uppercase;opacity:.82;margin-bottom:4px;font-size:11px}.circular-core h2{text-shadow:0 2px 12px #00000029;font-size:24px;font-weight:800;line-height:1.04}.circular-core p:last-child{opacity:.88;margin-top:8px;font-size:12px;line-height:1.35}.circular-item{transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--tilt));z-index:3;pointer-events:auto;color:#ff6d79;background:0 0;border:0;align-items:center;gap:10px;padding:0;transition:transform .2s,filter .2s,opacity .2s;display:inline-flex;position:absolute;top:50%;left:50%}.circular-item:hover,.circular-item.active{filter:drop-shadow(0 0 16px #ffffff42)}.circular-item.active{transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--tilt)) scale(1.03)}.circular-label{color:#ff7b86;letter-spacing:.02em;text-transform:none;text-shadow:0 1px 8px #0000002e;white-space:nowrap;font-size:13px;font-weight:500;transform:translateY(-1px)}.circular-item-face{color:#fff;background:#ff4d60f5;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 18px #00000038,inset 0 1px #ffffff2e}.circular-item-face svg{width:20px;height:20px}.circular-item.active .circular-item-face{background:#ff5467;box-shadow:0 10px 22px #0003,0 0 0 5px #ff546724,inset 0 1px #ffffff38}@media (max-width:390px){.circular-content{padding-top:16px}.circular-menu{touch-action:none;width:560px;height:560px;top:6px;right:-176px}.circular-close{width:64px;height:64px;font-size:38px;top:44%;right:82px}.circular-core{padding:14px;inset:36% 40% 32% 16%}.circular-core h2{font-size:22px}.circular-item{gap:8px}.circular-item-face svg{width:18px;height:18px}}@media (max-height:760px){.circular-content{padding-top:14px}.circular-menu{width:620px;height:620px;top:-8px;right:-198px}.circular-core{inset:34% 40% 30% 16%}}@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}}