.twp-device{width:calc(var(--twp-phone-w,402) * (900 / 802) * var(--twp-dev-scale,100) / 100 * 1px);height:calc(var(--twp-phone-h,874) * (1840 / 1746) * var(--twp-dev-scale,100) / 100 * 1px);margin-inline:auto;position:relative}.twp-frame{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.twp-phone{width:calc(var(--twp-phone-w,402) * 1px);height:calc(var(--twp-phone-h,874) * 1px);border-radius:calc(var(--twp-phone-r,60) * 1px);isolation:isolate;transform:translate(-50%, -50%) scale(calc(var(--twp-scale,100) / 100));transform-origin:50%;background:#000;font-family:AI Serif VF,AI Serif,Optimistic,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden}.twp-phone :where(button){font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.twp-phone p{margin:0}.twp-phone img{display:block}.twp-time{z-index:10;text-align:center;color:#fff;white-space:nowrap;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:600;line-height:22px;position:absolute;top:18.34px;left:70.42px;transform:translate(-50%)}.twp-island{z-index:10;background:#000;border-radius:100px;width:125px;height:37px;position:absolute;top:11px;left:134.5px}.twp-status-icons{z-index:10;width:78.328px;height:13px;position:absolute;top:23px;left:283.5px}.twp-sheet{left:0;top:calc(var(--twp-sheet-top,54) * 1px);width:calc(var(--twp-phone-w,402) * 1px);height:calc((var(--twp-phone-h,874) - var(--twp-sheet-top,54) + 2) * 1px);border-radius:calc(var(--twp-phone-r,60) * 1px) calc(var(--twp-phone-r,60) * 1px) 0 0;background:#1f1b17;position:absolute;overflow:hidden}.twp-glow{width:402px;height:874px;opacity:calc(var(--twp-glow-a,50) / 100);mix-blend-mode:overlay;background:radial-gradient(120.69% 113.42% at 79.54% 95.03%,#b8aa8f 0%,#e4c993 52.88%,#848571 100%);position:absolute;top:0;left:0}.twp-ava-blur{left:-207.5px;top:calc((var(--twp-sheet-top,54) - 374.04) * 1px);width:822.993px;height:1235.09px;filter:blur(calc(var(--twp-bg-blur,82) * 1px));position:absolute}.twp-ava-blur img{object-fit:fill;width:100%;height:100%;opacity:calc(var(--twp-bg-a,40) / 100)}.twp-ava{left:-.47px;top:calc((var(--twp-sheet-top,54) + var(--twp-ava-top,24)) * 1px);width:402.738px;height:calc(var(--twp-ava-h,604.399) * 1px);-webkit-mask-image:url(/projects/twilight/ava-mask.svg);-webkit-mask-size:402px 606.081px;-webkit-mask-position:.468px calc(var(--twp-ava-top,24) * -1px);mask-image:url(/projects/twilight/ava-mask.svg);-webkit-mask-size:402px 606.081px;mask-size:402px 606.081px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:.468px calc(var(--twp-ava-top,24) * -1px);mask-position:.468px calc(var(--twp-ava-top,24) * -1px);position:absolute;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.twp-ava img{object-fit:cover;width:100%;height:100%;opacity:calc(var(--twp-ava-a,90) / 100)}.twp-ava-fade{background:linear-gradient(to bottom, #17141100 calc(var(--twp-fade-from,81.32) * 1%), #171411 calc(var(--twp-fade-to,96.128) * 1%));position:absolute;inset:0}.twp-close{right:calc(var(--twp-close-right,32) * 1px);top:calc(var(--twp-close-top,86) * 1px);width:calc(var(--twp-close-size,48) * 1px);height:calc(var(--twp-close-size,48) * 1px);-webkit-backdrop-filter:blur(calc(var(--twp-close-blur,50) * 1px));backdrop-filter:blur(calc(var(--twp-close-blur,50) * 1px));background-image:linear-gradient(90deg,#ffedd51f,#ffedd51f),linear-gradient(90deg,#3535354d,#3535354d);border-radius:40px;justify-content:center;align-items:center;display:flex;position:absolute}.twp-close:after{content:"";border-radius:inherit;opacity:.25;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#fff,#fff0);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.twp-close img{width:calc(var(--twp-close-ico,24) * 1px);height:calc(var(--twp-close-ico,24) * 1px)}.twp-col{left:calc(var(--twp-col-x,24) * 1px);top:calc(var(--twp-col-top,470) * 1px);width:calc((var(--twp-phone-w,402) - var(--twp-col-x,24) * 2) * 1px);align-items:flex-start;gap:calc(var(--twp-col-gap,0) * 1px);flex-direction:column;display:flex;position:absolute}.twp-skim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.twp-skim i{border-radius:inherit;display:block;position:absolute;inset:0}.twp-skim i:first-child{mix-blend-mode:luminosity;background:#ffffff1a}.twp-skim i:nth-child(2){mix-blend-mode:color;background:#35353533}.twp-skim i:nth-child(3){mix-blend-mode:color;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fe8d0033}.twp-skim--flat i:nth-child(3){-webkit-backdrop-filter:none;backdrop-filter:none}.twp-skim--card i:first-child{background:color-mix(in srgb, var(--twp-card-l1,#fff) calc(var(--twp-card-l1-a,10) * 1%), transparent)}.twp-skim--card i:nth-child(2){background:color-mix(in srgb, var(--twp-card-l2,#353535) calc(var(--twp-card-l2-a,20) * 1%), transparent)}.twp-skim--card i:nth-child(3){background:color-mix(in srgb, var(--twp-card-l3,#fe8d00) calc(var(--twp-card-l3-a,12) * 1%), transparent);border-radius:calc(var(--twp-card-r,24) * 1px);-webkit-backdrop-filter:blur(calc(var(--twp-card-blur,12) * 1px));backdrop-filter:blur(calc(var(--twp-card-blur,12) * 1px))}.twp-card{width:calc(var(--twp-card-w,350) * 1px);height:calc(var(--twp-card-h,88) * 1px);border-radius:calc(var(--twp-card-r,24) * 1px);flex-shrink:0;align-self:center;position:relative}.twp-card-rim{pointer-events:none;width:100%;height:100%;-webkit-clip-path:var(--twp-card-clip,inset(0 round calc(var(--twp-card-r,24) * 1px)));clip-path:var(--twp-card-clip,inset(0 round calc(var(--twp-card-r,24) * 1px)));position:absolute;inset:0}.twp-card-text{left:calc(var(--twp-card-text-x,20) * 1px);justify-content:center;gap:calc(var(--twp-name-gap,4) * 1px);flex-direction:column;width:236px;height:40px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.twp-name{font-family:AI Serif,AI Serif VF App,AI Serif VF,Optimistic,sans-serif;font-size:calc(var(--twp-name,24) * 1px);line-height:calc(var(--twp-name-line,28) * 1px);color:#ffffffe6;opacity:.9;word-break:break-word;font-weight:500}.twp-handle-row{align-items:center;gap:5px;padding-inline:2px;display:flex}.twp-handle{font-family:AI Serif,AI Serif VF App,AI Serif VF,Optimistic,sans-serif;font-size:calc(var(--twp-handle,11) * 1px);line-height:calc(var(--twp-handle-line,13) * 1px);color:#ffffffe6;opacity:.88;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic;font-weight:400}.twp-edit{right:calc(var(--twp-edit-right,32) * 1px);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.twp-edit img{width:calc(var(--twp-edit-ico,20) * 1px);height:calc(var(--twp-edit-ico,20) * 1px)}.twp-microlabel{font-family:AI Serif,AI Serif VF App,AI Serif VF,Optimistic,sans-serif;font-size:calc(var(--twp-label,12) * 1px);line-height:calc(var(--twp-label-line,16) * 1px);color:#fff;opacity:calc(var(--twp-label-a,50) / 100);mix-blend-mode:plus-lighter;text-box-trim:trim-both;text-box-edge:cap alphabetic;flex-shrink:0;font-weight:600}.twp-saved-label{margin-top:24px;margin-left:8px}.twp-manage-label{margin-top:28px;margin-left:8px}.twp-tiles{justify-content:space-between;gap:calc(var(--twp-tile-gap,8) * 1px);margin-top:calc(var(--twp-saved-gap,16) * 1px);width:calc((var(--twp-phone-w,402) - 52) * 1px);flex-shrink:0;margin-left:2px;display:flex}.twp-tile{width:calc(var(--twp-tile,80) * 1px);height:calc(var(--twp-tile,80) * 1px);border-radius:calc(var(--twp-tile-r,20) * 1px);-webkit-backdrop-filter:blur(calc(var(--twp-tile-blur,10) * 1px));backdrop-filter:blur(calc(var(--twp-tile-blur,10) * 1px));flex-shrink:0;position:relative}.twp-tile img,.twp-tile .twp-skim i{border-radius:inherit}.twp-tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.twp-tile img.twp-zoom{object-fit:fill;width:138.05%;height:138.05%;inset:-1.22% auto auto -20.31%}.twp-list-card{gap:calc(var(--twp-list-gap,2) * 1px);border-radius:24px;flex-direction:column;flex-shrink:0;width:342px;margin-left:6px;display:flex;overflow:hidden}.twp-list-card--manage{width:calc((var(--twp-phone-w,402) - 52) * 1px);margin-top:16px;margin-left:2px}.twp-row{padding:calc(var(--twp-item-pad-y,20) * 1px) 20px;background:#ffffff0a;width:100%}.twp-section .twp-row{padding-inline:24px}.twp-row span{font-size:calc(var(--twp-item,16) * 1px);color:#fffc;opacity:.9;mix-blend-mode:plus-lighter;font-weight:400;line-height:18px;display:block}.twp-section{flex-direction:column;flex-shrink:0;margin-top:18px;display:flex}.twp-section .twp-microlabel{margin-bottom:8px;margin-left:10px}.twp-signout{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#ffffff1a;border-radius:32px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:342px;height:48px;margin-top:24px;padding:12px 24px;display:flex}.twp-signout span{color:#ffffffe6;opacity:.88;font-size:14px;font-weight:600;line-height:24px}.twp-scroll-img{width:100%;height:auto;transition:transform calc(var(--twp-scroll-dur,1800) * 1ms) cubic-bezier(var(--twp-scroll-ez1,.22), var(--twp-scroll-ez2,1), var(--twp-scroll-ez3,.36), var(--twp-scroll-ez4,1));display:block;position:absolute;top:0;left:0;transform:translateY(0)}.twp-scroll-img.is-scrolled{transform:translateY(calc(var(--twp-scroll-y,-494) * 1px))}.twp-scroll-img.no-anim{transition:none}.twp-nav{left:0;bottom:calc(var(--twp-nav-y,0) * 1px);pointer-events:none;width:100%;height:136px;position:absolute}.twp-nav-footer{width:412px;height:124px;position:absolute;top:22px;left:-5px}.twp-nav-footer i{display:block;position:absolute;inset:0;-webkit-mask-image:url(/projects/twilight/footer-mask.svg);mask-image:url(/projects/twilight/footer-mask.svg);-webkit-mask-position:0 -10px;mask-position:0 -10px;-webkit-mask-size:412px 124px;mask-size:412px 124px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.twp-nav-footer i:first-child{-webkit-backdrop-filter:blur(calc(var(--twp-nav-blur,48) * 1px));backdrop-filter:blur(calc(var(--twp-nav-blur,48) * 1px))}.twp-nav-footer i:nth-child(2){mix-blend-mode:color;background:#1f1b1700}.twp-nav-footer i:nth-child(3){mix-blend-mode:color;background:#fe8d0033}.twp-nav-items{justify-content:center;align-items:center;gap:64px;width:100%;height:56px;padding-inline:4px;display:flex;position:absolute;top:56px;left:0;-webkit-mask-image:url(/projects/twilight/footer-mask.svg);mask-image:url(/projects/twilight/footer-mask.svg);-webkit-mask-position:-5px -44px;mask-position:-5px -44px;-webkit-mask-size:412px 124px;mask-size:412px 124px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.twp-nav-item{border-radius:24px;justify-content:center;align-items:center;height:48px;padding-inline:16px;display:flex}.twp-nav-ico{filter:drop-shadow(0 4px 4px #00000026);width:24px;height:24px;display:block}.twp-nav-ico--focus{filter:drop-shadow(0 4px 4px #00000040)}.twp-gesture{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.twp-gesture i{width:calc(var(--twp-bar-w,134) * 1px);height:calc(var(--twp-bar-h,5) * 1px);background:var(--Background-Container-Primary,#fff);border-radius:100px;display:block}