@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/urbanist-latin-ext-400-normal-DZynuzUy.woff2) format("woff2"),url(/assets/urbanist-latin-ext-400-normal-AR80KGOc.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/urbanist-latin-400-normal-ClbGNxcV.woff2) format("woff2"),url(/assets/urbanist-latin-400-normal-BHTGe-Vj.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/urbanist-latin-ext-500-normal-DjtxgPdH.woff2) format("woff2"),url(/assets/urbanist-latin-ext-500-normal-DU_MVRy-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/urbanist-latin-500-normal-CTXUkCRo.woff2) format("woff2"),url(/assets/urbanist-latin-500-normal-DpQ4Tjrd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/urbanist-latin-ext-600-normal-Edu9tcYw.woff2) format("woff2"),url(/assets/urbanist-latin-ext-600-normal-D22gvnSM.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/urbanist-latin-600-normal-BuXRW95m.woff2) format("woff2"),url(/assets/urbanist-latin-600-normal-cDQtY_pk.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/urbanist-latin-ext-700-normal-B8Y3NOrp.woff2) format("woff2"),url(/assets/urbanist-latin-ext-700-normal-LzPfOSk1.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/urbanist-latin-700-normal-BtsT2zLv.woff2) format("woff2"),url(/assets/urbanist-latin-700-normal-Zdugn5sa.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fafafa;--ink: #171f24;--sub: #778087;--muted: #aab2b7;--card: #ffffff;--line: #eef0f2;--grad-primary: linear-gradient(110deg, #8b3df0 0%, #4356e6 100%);--grad-pink: linear-gradient(110deg, #ff1f5a 0%, #ff63a5 100%);--grad-blue: linear-gradient(160deg, #5170ff 0%, #3917cf 100%);--grad-magenta: linear-gradient(160deg, #d22dff 0%, #9a12e6 100%);--shadow-card: 0 18px 30px -16px rgba(83, 70, 120, .22);--shadow-soft: 0 12px 24px -14px rgba(30, 30, 60, .18);--shadow-btn: 0 14px 22px -10px rgba(94, 63, 220, .55)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:Urbanist,system-ui,-apple-system,sans-serif;background:#f0eef5;color:var(--ink);-webkit-font-smoothing:antialiased}.gallery{min-height:100vh;background:radial-gradient(900px 500px at 12% -5%,rgba(139,61,240,.16),transparent 60%),radial-gradient(900px 500px at 95% 0%,rgba(67,86,230,.14),transparent 55%),#f1eff6;padding:56px 24px 90px}.gallery-head{max-width:1240px;margin:0 auto 44px;text-align:center}.gallery-head .eyebrow{font-size:13px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.gallery-head h1{font-size:clamp(30px,5vw,46px);font-weight:700;margin:12px 0 10px;letter-spacing:-.02em}.gallery-head p{color:var(--sub);font-size:16px;margin:0;font-weight:500}.frames{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,320px));gap:56px 40px;justify-content:center}.frame-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}.frame-label{font-size:14px;font-weight:600;color:#5b5570}.phone{width:320px;height:692px;background:var(--bg);border-radius:44px;border:10px solid #15131c;box-shadow:0 40px 80px -30px #28195a73,0 6px 18px #00000014;position:relative;overflow:hidden}.phone-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.phone-scroll::-webkit-scrollbar{display:none}.statusbar{height:44px;padding:0 22px 0 26px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg);z-index:30}.statusbar .time{font-size:14px;font-weight:700;letter-spacing:-.02em}.statusbar .sb-icons{display:flex;align-items:center;gap:6px}.statusbar .sb-icons svg{display:block}.titlebar{height:56px;display:flex;align-items:center;padding:0 16px;gap:8px;position:sticky;top:44px;background:var(--bg);z-index:20}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:none;background:transparent;cursor:pointer;color:var(--ink);border-radius:12px;flex:0 0 auto}.icon-btn svg{display:block}.titlebar .title{font-size:16px;font-weight:600;flex:1}.titlebar .right-icons{display:flex;gap:2px}.titlebar .right-icons .icon-btn{color:var(--muted)}.screen-body{padding:8px 20px 40px}.tabs{display:flex;gap:20px;padding:10px 4px 18px}.tabs .tab{font-size:28px;font-weight:700;color:var(--muted);cursor:pointer;letter-spacing:-.02em}.tabs .tab.active{color:var(--ink)}.notif{display:flex;align-items:center;gap:14px;padding:14px 4px}.notif.card{background:var(--card);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-card)}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#e9e7f0}.notif-text{flex:1;min-width:0}.notif-text .line{font-size:13px;line-height:18px}.notif-text .line b{font-weight:600;color:var(--ink)}.notif-text .line span{color:var(--sub);font-weight:500}.notif-text .time{font-size:12px;color:var(--muted);margin-top:3px;font-weight:500}.thumb{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:0 0 auto;background:#e9e7f0}.thumb.add{display:grid;place-items:center;color:var(--muted);border:0;background:#eceef0}.round-action{width:52px;height:44px;border-radius:16px;display:grid;place-items:center;color:#fff;flex:0 0 auto;background:var(--grad-primary);box-shadow:var(--shadow-btn);margin-right:-22px}.update{display:flex;gap:16px;background:var(--card);border-radius:18px;padding:16px;box-shadow:var(--shadow-card);margin-bottom:20px}.update.muted{box-shadow:none;background:transparent}.update.muted .u-icon{background:#e9ebee;color:var(--muted);box-shadow:none}.u-icon{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;color:#fff;flex:0 0 auto;box-shadow:var(--shadow-soft)}.u-icon.blue{background:var(--grad-blue)}.u-icon.magenta{background:var(--grad-magenta)}.u-body{padding-top:4px}.u-date{font-size:12px;color:var(--muted);font-weight:500}.u-title{font-size:17px;line-height:22px;margin-top:6px;font-weight:500}.conn{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-card);margin-bottom:16px;position:relative}.conn .avatar{width:46px;height:46px}.conn-name{flex:1;min-width:0}.conn-name .n{font-size:16px;font-weight:600}.conn-name .m{font-size:12px;color:var(--muted);margin-top:2px;font-weight:500}.pill{border:none;cursor:pointer;color:#fff;font-size:16px;font-weight:600;padding:13px 26px;border-radius:26px;font-family:inherit}.pill.accept{background:var(--grad-primary);box-shadow:var(--shadow-btn)}.pill.decline{background:var(--grad-pink);box-shadow:0 14px 22px -10px #ff326e99}.conn.is-accept{padding-right:0;overflow:hidden}.conn.is-accept .pill.accept{border-radius:26px 0 0 26px;padding-right:34px}.conn.is-decline{padding-left:0;overflow:hidden}.conn.is-decline .pill.decline{border-radius:0 26px 26px 0;padding-left:30px;margin-right:6px}.section-head{display:flex;align-items:baseline;justify-content:space-between;padding:6px 2px 14px}.section-head .h{font-size:16px;font-weight:600}.section-head .va{font-size:12px;color:var(--muted);font-weight:600}.discover{width:100%;border:none;cursor:pointer;color:#fff;font-size:16px;font-weight:600;padding:18px;border-radius:30px;background:var(--grad-primary);box-shadow:var(--shadow-btn);font-family:inherit;margin-top:14px}.timeline{position:relative;padding-left:8px}.timeline:before{content:"";position:absolute;left:13px;top:18px;bottom:18px;width:1.5px;background:#e4e2ec}.tl-item{position:relative;display:flex;gap:22px;margin-bottom:22px}.tl-dot{width:16px;height:16px;border-radius:50%;background:#6a3df5;flex:0 0 auto;margin-top:24px;box-shadow:0 0 0 5px #6a3df529;position:relative;z-index:2}.tl-card{flex:1;background:var(--card);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-card)}.tl-card .u-date{margin-bottom:6px}@media (max-width: 480px){.gallery{padding:28px 0 60px;background:var(--bg)}.gallery-head{padding:0 20px;margin-bottom:26px}.frames{gap:40px 0}.phone{width:100vw;height:auto;min-height:100vh;border-radius:0;border:0;box-shadow:none}.phone-scroll{position:static}.frame-label{display:none}}