*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;gap:8vw;padding:28px;color:#f8f5ef;background:#37332f;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-weight:400}body:before{content:'';position:fixed;inset:-40px;background:linear-gradient(120deg,#292a2980,#423d3680),url('assets/backdrop.png') center/cover;filter:blur(28px);z-index:-1}.review{width:290px}.brand{letter-spacing:.32em;font-size:13px}.review h1{font-size:38px;line-height:1.2;font-weight:300;margin:40px 0 20px}.review p{font-size:14px;color:#ded8cc;line-height:1.8}.review .note{font-size:11px;max-width:260px;opacity:.7;margin-top:30px}.review-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f6d191;outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.review button,.pill,.primary{border:1px solid #ffffff40;border-radius:24px;background:#ffffff12;padding:10px 15px}.phone{position:relative;width:393px;height:852px;overflow:hidden;border:1px solid #ffffff30;border-radius:30px;background:#615c52;box-shadow:0 35px 90px #0005;isolation:isolate;flex-shrink:0}.ambient{position:absolute;inset:-35px;background:linear-gradient(#37332d30,#342d3530),url('assets/backdrop.png') center/cover;filter:blur(20px);z-index:-1}.status{height:49px;padding:19px 24px 0;display:flex;justify-content:space-between;font-size:15px}.status span{display:flex;gap:4px}.status svg{width:17px;height:17px}.indicator{position:absolute;bottom:10px;height:4px;width:125px;border-radius:3px;left:calc(50% - 62px);background:#fff;z-index:30}#screen{height:711px;overflow-y:auto;scrollbar-width:none;padding:14px 20px 20px}#screen::-webkit-scrollbar{display:none}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.heading h1{font-size:30px;font-weight:400;margin:0}.heading h2{font-size:21px;font-weight:400;margin:0}.heading .back{font-size:32px;padding:0 14px 0 0}.heading .left{display:flex;align-items:center}.sub{font-size:12px;color:#ddd6cc;line-height:1.6}.glass,.card,.sheet{background:linear-gradient(125deg,#eee4cb23,#fff1e218);border:1px solid #fff9e43c;box-shadow:inset 0 1px 0 #fff5,0 4px 20px #231e2010;backdrop-filter:blur(22px)}.card{border-radius:24px;padding:16px;margin-bottom:18px}.wave-top{border-radius:38% 45% 23px 23px / 16px 19px 23px 23px;padding-top:24px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{opacity:.68}.circle{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff38;background:#fff2;flex-shrink:0}.circle svg{width:22px;height:22px}nav{position:absolute;bottom:25px;left:12px;right:12px;height:65px;border-top:1px solid #fff2;display:flex;align-items:center;justify-content:space-around;background:#766d5c18;border-radius:22px;backdrop-filter:blur(20px);z-index:15}nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;opacity:.68;padding:9px 8px}nav button.active{opacity:1}nav button.active svg{filter:drop-shadow(0 0 8px #ffd29a);fill:#fff;stroke:#fff}nav button.active svg path+path{stroke:#a98247}.photo{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}.media{position:relative}.media .circle{position:absolute;bottom:10px;left:10px;background:#24242065;width:36px;height:36px}.duration{position:absolute;bottom:10px;right:10px;border-radius:20px;background:#17171399;font-size:11px;padding:5px 8px}.caption{padding:12px 0 0}.caption h3{font-size:16px;font-weight:400;margin:3px 0}.date-picker{display:flex;align-items:center;justify-content:center;gap:40px;margin:5px 0 20px;text-align:center}.date-picker button{font-size:26px}.date-picker p{margin:0;font-size:17px}.small{font-size:12px}.primary{width:100%;background:linear-gradient(120deg,#d7b88580,#f7e3c666);box-shadow:inset 0 1px 1px #fff9;padding:12px;margin-top:15px}.glow{color:#ffe4aa;filter:drop-shadow(0 0 7px #e7a253)}.divider{border-top:1px solid #ffffff28;margin:16px 0}.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.thumbs button{padding:0;text-align:left}.thumbs img{aspect-ratio:1.4}.thumbs p{font-size:12px;margin:7px 0}.section-title{font-size:20px;font-weight:400;margin:18px 0 8px}.credits{font-size:16px;white-space:nowrap}.credits b{font-size:31px;font-weight:400;color:#ffdf9c;text-shadow:0 0 12px #f4c477}.create-entry{font-size:12px;padding:9px 10px}.filters{display:flex;margin:10px 0 18px;gap:4px}.filters button{font-size:12px;padding:9px 11px;border-radius:22px}.filters .selected{background:#d5b27b66;border:1px solid #ffdf9b}.event{width:100%;display:flex;gap:12px;align-items:center;padding:17px 0;text-align:left;border-bottom:1px solid #fff3}.event:last-child{border:0}.event img{width:89px;aspect-ratio:1.4;object-fit:cover;border-radius:10px}.event .time{font-size:11px;margin-bottom:8px}.event h3{font-size:14px;font-weight:400;margin:0 0 4px}.event p{font-size:11px;margin:0;opacity:.7}.avatar{width:57px;height:57px;object-fit:cover;border-radius:50%;background:#d7c4a555;border:1px solid #fff7;display:flex;align-items:center;justify-content:center;font-size:23px}.entry{width:100%;text-align:left}.entry h3{font-size:20px;font-weight:400;margin:0}.chevron{font-size:25px;font-weight:200}.voice-wave{height:65px;display:flex;align-items:center;justify-content:center;gap:4px;color:#ffd594;filter:drop-shadow(0 0 7px #ffbd72)}.voice-wave i{width:2px;background:currentColor;border-radius:3px;height:var(--h)}.voice-wave.running i{animation:pulse .7s infinite alternate;animation-delay:var(--d)}@keyframes pulse{to{transform:scaleY(.3);opacity:.5}}.steps{display:flex;gap:7px;margin:16px 0}.steps i{height:3px;background:#ffffff35;border-radius:3px;flex:1}.steps i.done{background:#eace9f}.field{display:block;padding:12px 0;border-bottom:1px solid #fff3;font-size:12px}.field span{display:block;opacity:.65;margin-bottom:6px}.field input,.field select{width:100%;background:transparent;border:0;padding:6px 0;outline-offset:1px;font-size:15px}.field select option{background:#655e53}.form-note{font-size:11px;line-height:1.6;opacity:.7}#overlay:empty{display:none}#overlay{position:absolute;inset:49px 0 25px;z-index:20;background:#0003;display:flex;align-items:flex-end}.sheet{width:100%;max-height:94%;overflow:auto;padding:25px 22px 28px;border-radius:38% 40% 22px 22px / 21px 22px 22px 22px;background-color:#6d625579}.sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sheet h2{font-size:22px;font-weight:400;margin:0}.sheet header button{font-size:24px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{height:91px;border:1px solid #fff4;border-radius:23px;background:#fff1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px}.choice:active,.choice.selected,.track.active{background:linear-gradient(120deg,rgba(var(--tone),.35),#fff2);box-shadow:inset 0 0 12px rgba(var(--tone),.45),0 0 12px rgba(var(--tone),.17);border-color:rgba(var(--tone),.85)}.choice.selected svg,.track.active svg{color:rgb(var(--tone));filter:drop-shadow(0 0 7px rgb(var(--tone)))}.track{width:100%;display:flex;align-items:center;gap:12px;padding:13px;margin-bottom:9px;border:1px solid #fff4;border-radius:28px;background:#fff2;text-align:left}.track .voice-wave{height:24px;flex:1;gap:3px}.track .voice-wave i{max-height:23px}.looks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.look{padding:0;font-size:10px;text-align:center}.look img{width:100%;height:123px;object-fit:cover;border-radius:14px;border:1px solid #fff4;margin-bottom:6px}.look.selected img{border:2px solid #ffe0a2;box-shadow:0 0 10px #edc27b70}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.calendar button{height:36px;border-radius:50%;position:relative;font-size:12px}.calendar button.selected{background:#efd9b5;color:#443a2a}.calendar button.has:after{content:'';position:absolute;bottom:2px;left:calc(50% - 2px);height:4px;width:4px;border-radius:50%;background:#edbf72}.calendar small{opacity:.6;font-size:10px}.empty{text-align:center;padding:85px 15px}.empty svg{width:45px;height:45px}.empty h3{font-weight:400}.player-video{width:100%;max-height:320px;border-radius:18px;background:#222}.btn-row{display:flex;justify-content:center;gap:35px;margin:25px 0}.btn-row button,.btn-row a{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:12px;color:inherit;text-decoration:none}.timeline>div{display:flex;align-items:center;gap:16px;padding:15px 0;font-size:12px}.timeline small{width:36px}.record-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #fff3}.record-row .circle{width:35px;height:35px}.record-row p{margin:3px 0;font-size:12px}#toast{position:absolute;z-index:60;bottom:100px;left:24px;right:24px;padding:12px;text-align:center;background:#332e29ee;border:1px solid #fff3;border-radius:16px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.home-screen{padding:0!important;overflow:hidden!important}.home-brand{position:absolute;top:71px;left:24px;font-size:13px;letter-spacing:.32em}.more{position:absolute;right:22px;top:64px}.feed{position:absolute;top:222px;left:0;width:100%;aspect-ratio:16/9;overflow:hidden}.feed img,.feed video{width:100%;height:100%;object-fit:contain;display:block;background:#25251f}.feed img{transition:transform .45s}.live{position:absolute;left:14px;top:12px;background:#494c4099;padding:6px 12px;border-radius:20px;font-size:11px}.live:before{content:'';display:inline-block;background:#6dda95;width:7px;height:7px;border-radius:50%;margin-right:6px}.sound{position:absolute;bottom:12px;right:14px;width:34px;height:34px}.home-actions{position:absolute;left:30px;right:30px;bottom:158px;display:flex;align-items:center;justify-content:space-around;height:110px;border-radius:45% 50% 30px 30px / 20px 22px 30px 30px;background:#ffffff09;border-top:1px solid #fff3}.home-action{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px}.home-action .circle{width:49px;height:49px;transition:transform .22s,background .22s}.home-action.active .circle{transform:scale(1.2);background:#f5d5a940;box-shadow:0 0 16px #f7d5a332}.home-action.active svg{filter:drop-shadow(0 0 7px #ffe2ac)}.disc{width:170px;height:170px;border-radius:50%;position:absolute;bottom:140px;left:111px;background:radial-gradient(circle at 30% 20%,#f7e2c25c,#fff1 60%,#d6b78b45);border:1px solid #fff6;box-shadow:inset 0 0 22px #fff3}.disc button{position:absolute;width:52px;height:52px;font-size:24px}.disc button:active{background:#e8c38b66;border-radius:50%}.disc .up{top:0;left:59px}.disc .down{bottom:0;left:59px}.disc .left{left:0;top:59px}.disc .right{right:0;top:59px}.disc .center{top:59px;left:59px;border-radius:50%;background:#efd6b655;box-shadow:inset 0 1px 5px #fff8;font-size:12px}.move-back{position:absolute;bottom:122px;left:0;right:0;text-align:center;font-size:11px}.compact{position:absolute;bottom:175px;left:35px;right:35px}.compact .track{margin:0}.battery-note{position:absolute;top:465px;left:30px;right:30px;padding:12px 15px;border-radius:20px;color:#ffe0a2;background:#6c563e99;font-size:12px}.battery-note.critical{background:#694442aa;color:#ffb2a9}.battery-note button{font-size:11px;text-decoration:underline}.off-state{position:absolute;top:290px;left:25px;right:25px;text-align:center;padding:35px;background:#292621c9;border-radius:25px}.off-state h2{font-weight:400}.home-off .feed{filter:brightness(.3)}.hidden{display:none!important}@media(max-width:750px){body{padding:0;display:block;background:#665c4f}.review{display:none}.phone{width:100%;height:100dvh;min-height:760px;border:0;border-radius:0;max-width:470px;margin:auto}.feed{top:26%;}.home-actions{bottom:19%}#screen{height:calc(100% - 145px)}.disc{left:calc(50% - 85px)}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
.ambient-video{width:100%;height:100%;object-fit:cover;opacity:.85}.phone:has(.home-screen) .ambient{background-size:cover;filter:blur(24px)}
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400}nav button.active svg path{fill:none}nav button.active svg rect+path{fill:#af8952;stroke:#af8952}nav button.active[data-tab="Home"] svg path,nav button.active[data-tab="Profile"] svg circle{fill:#fff}#overlay{bottom:92px}.sheet{max-height:96%}.home-action .circle{backdrop-filter:blur(18px);background:linear-gradient(135deg,#fff4,#fff1);box-shadow:inset 0 1px 1px #fff6}.home-action:nth-child(2) .circle{width:61px;height:61px}.home-action:nth-child(2) svg{width:29px;height:29px}