.app-screen-module__BHJGGG__app{background:var(--surface-card);color:var(--text-primary);font-family:var(--font-instrument-sans);flex-direction:column;display:flex}.app-screen-module__BHJGGG__body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 14px 16px;display:flex;position:relative;overflow:hidden}.app-screen-module__BHJGGG__app[data-wide] .app-screen-module__BHJGGG__body{width:74%;margin-inline:auto;padding-top:22px}.app-screen-module__BHJGGG__app[data-wide] .app-screen-module__BHJGGG__rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-screen-module__BHJGGG__app[data-wide] .app-screen-module__BHJGGG__row{border:1px solid var(--border-subtle);border-radius:12px;grid-template-columns:minmax(0,1fr);padding:10px}.app-screen-module__BHJGGG__app[data-wide] .app-screen-module__BHJGGG__thumb{width:100%;height:54px}.app-screen-module__BHJGGG__nav{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:14px;height:34px;padding-inline:18px;display:flex}.app-screen-module__BHJGGG__nav i{background:var(--gray-200);border-radius:4px;width:44px;height:7px}.app-screen-module__BHJGGG__nav .app-screen-module__BHJGGG__logo{background:linear-gradient(135deg, var(--sky-300), var(--lilac-400));border-radius:50%;width:16px;height:16px;margin-right:auto}.app-screen-module__BHJGGG__title{letter-spacing:-.02em;font-size:24px;font-weight:600}.app-screen-module__BHJGGG__field{border:1px solid var(--border-default);height:40px;color:var(--text-tertiary);border-radius:10px;align-items:center;padding:0 12px;font-size:13px;display:flex}.app-screen-module__BHJGGG__button{background:var(--text-primary);height:42px;color:var(--text-inverse);border-radius:12px;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.app-screen-module__BHJGGG__search{background:var(--surface-sunken);height:38px;color:var(--text-tertiary);border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.app-screen-module__BHJGGG__rows{gap:10px;display:grid}.app-screen-module__BHJGGG__row{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.app-screen-module__BHJGGG__thumb{background:var(--lilac-200);border-radius:10px;width:40px;height:40px}.app-screen-module__BHJGGG__thumb[data-tone="1"]{background:var(--sky-200)}.app-screen-module__BHJGGG__thumb[data-tone="2"]{background:var(--blush-300)}.app-screen-module__BHJGGG__lines{gap:6px;display:grid}.app-screen-module__BHJGGG__lines i{background:var(--gray-200);border-radius:4px;height:8px}.app-screen-module__BHJGGG__lines i:last-child{background:var(--gray-100);width:60%}.app-screen-module__BHJGGG__person{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding-bottom:6px;display:grid}.app-screen-module__BHJGGG__avatar{background:linear-gradient(135deg, var(--lilac-200), var(--sky-200));border-radius:50%;width:52px;height:52px}.app-screen-module__BHJGGG__setting{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:44px;font-size:14px;display:flex}.app-screen-module__BHJGGG__toggle{border-radius:var(--radius-full);background:var(--gray-200);width:34px;height:20px;position:relative}.app-screen-module__BHJGGG__toggle:after{content:"";background:var(--surface-card);width:16px;height:16px;box-shadow:var(--mt-shadow-xs);border-radius:50%;position:absolute;top:2px;left:2px}.app-screen-module__BHJGGG__toggle[data-on=true]{background:var(--gray-700)}.app-screen-module__BHJGGG__toggle[data-on=true]:after{transform:translate(14px)}
.phone3d-module__aMYO6G__phone{--phone-w:220px;--phone-r:34px;--bezel-in:7px;--depth:15px;width:var(--phone-w);transform-style:preserve-3d;position:relative}.phone3d-module__aMYO6G__phone[data-platform=Android]{--phone-r:20px;--bezel-in:6px;--frame-a:color-mix(in srgb, var(--sky-400) 30%, var(--gray-700));--frame-b:color-mix(in srgb, var(--sky-300) 40%, var(--gray-400))}.phone3d-module__aMYO6G__phone[data-platform=Web]{--phone-w:var(--phone-web,320px);--phone-r:12px;--bezel-in:1px;--depth:6px}.phone3d-module__aMYO6G__body{transform-style:preserve-3d;position:absolute;inset:0}.phone3d-module__aMYO6G__body i{border-radius:var(--phone-r);background:linear-gradient(100deg, var(--carbon-800) 0%, var(--gray-500) 7%, var(--gray-300) 16%, var(--gray-500) 50%, var(--gray-300) 84%, var(--gray-500) 93%, var(--carbon-800) 100%);transform:translate3d(0, 0, calc(var(--s) * var(--depth) / -1 / var(--slices,3)));backface-visibility:hidden;position:absolute;inset:0}.phone3d-module__aMYO6G__body i:last-child{background:linear-gradient(160deg, var(--gray-600), var(--carbon-800))}.phone3d-module__aMYO6G__face{display:block;position:relative;transform:translateZ(.5px)}.phone3d-module__aMYO6G__device.phone3d-module__aMYO6G__device{--radius:var(--phone-r);--device-width:var(--phone-w);--browser-width:var(--phone-w);box-shadow:0 0 0 1px var(--surface-carbon), inset 0 1px 0 color-mix(in srgb, var(--white) 40%, transparent)}.phone3d-module__aMYO6G__phone[data-material=metal][data-platform=Android] .phone3d-module__aMYO6G__device.phone3d-module__aMYO6G__device{background:linear-gradient(105deg, var(--frame-a) 0%, var(--frame-b) 6%, var(--frame-a) 14%, var(--frame-b) 50%, var(--frame-a) 88%, var(--frame-b) 95%)}.phone3d-module__aMYO6G__phone[data-material=metal][data-platform=Android] .phone3d-module__aMYO6G__body i{background:linear-gradient(100deg, var(--frame-a), var(--frame-b) 14%, var(--frame-a) 50%, var(--frame-b) 86%, var(--frame-a))}.phone3d-module__aMYO6G__phone[data-platform=Web] .phone3d-module__aMYO6G__device.phone3d-module__aMYO6G__device{box-shadow:0 0 0 1px var(--border-strong), inset 0 1px 0 var(--white)}.phone3d-module__aMYO6G__sleep{inset:var(--bezel-in);z-index:6;border-radius:calc(var(--phone-r) - var(--bezel-in));background:linear-gradient(118deg, transparent 30%, color-mix(in srgb, var(--white) 9%, transparent) 42%, transparent 56%), linear-gradient(180deg, var(--carbon-900), var(--carbon-950));opacity:var(--asleep,0);transition:opacity .36s var(--ease-out) var(--wake-delay,0s);pointer-events:none;position:absolute}.phone3d-module__aMYO6G__phone[data-platform=Web] .phone3d-module__aMYO6G__sleep{top:42px}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__body i{border:1px solid color-mix(in srgb, var(--lilac-400) 55%, var(--white));background:color-mix(in srgb, var(--white) 6%, transparent);opacity:var(--built,1);transition:opacity .22s var(--ease-out) calc(var(--build-delay,0s) + var(--s) * 50ms)}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__body i:last-child{background:color-mix(in srgb, var(--lilac-200) 40%, transparent)}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__face{opacity:var(--built,1);transition:opacity .32s var(--ease-out) calc(var(--build-delay,0s) + .14s)}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__face:after{content:"";z-index:7;border-radius:var(--phone-r);background:linear-gradient(125deg, transparent 18%, color-mix(in srgb, var(--white) 38%, transparent) 30%, transparent 44%, transparent 70%, color-mix(in srgb, var(--white) 22%, transparent) 80%, transparent 88%);pointer-events:none;position:absolute;inset:0}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__device.phone3d-module__aMYO6G__device{background:linear-gradient(135deg, color-mix(in srgb, var(--white) 55%, transparent), color-mix(in srgb, var(--lilac-200) 30%, transparent) 48%, color-mix(in srgb, var(--sky-200) 45%, transparent));box-shadow:0 0 0 1px color-mix(in srgb, var(--lilac-400) 70%, var(--white)), inset 0 0 0 1px var(--white), inset 0 0 0 2px color-mix(in srgb, var(--sky-300) 40%, transparent)}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__device>div{opacity:.8}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__device:after{content:"";z-index:6;border-radius:inherit;background:repeating-linear-gradient(180deg, color-mix(in srgb, var(--sky-300) 10%, transparent) 0 1px, transparent 1px 7px);pointer-events:none;position:absolute;inset:0}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__device>div{border-color:color-mix(in srgb, var(--white) 70%, var(--lilac-200))}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__device>span:first-child{opacity:0}.phone3d-module__aMYO6G__phone[data-material=glass] .phone3d-module__aMYO6G__sleep{background:linear-gradient(180deg, var(--lavender-200), var(--lilac-200))}
