:root {
  --background: #f1f1ef;
  --background-dot: rgba(30,30,30,.07);
  --surface: #fff;
  --text-primary: #161616;
  --text-secondary: #858585;
  --border-color: #e8e8e5;
  --shadow: 0 8px 24px rgba(20,20,20,.055), 0 1px 2px rgba(20,20,20,.04);
  --radius: 24px;
  --radius-small: 17px;
  --font-family: "Manrope", "PingFang SC", sans-serif;
  --display-font: "DM Sans", sans-serif;
  --app-gap: 15px;
  --card-opacity: 1;
  --wallpaper: radial-gradient(var(--background-dot) .7px, transparent .7px);
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#dededb;color:var(--text-primary);font-family:var(--font-family)} button,input{font:inherit;color:inherit} button{cursor:pointer}.phone{position:relative;width:min(100%,430px);height:100dvh;min-height:700px;margin:auto;overflow:hidden;background-color:var(--background);background-image:var(--wallpaper);background-size:14px 14px}.statusbar{height:54px;padding:14px 22px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:10}.status-time{font-size:12px;font-weight:600}.status-title{font:500 8px/1 var(--display-font);letter-spacing:.19em;color:#7a7a78}.status-icons{display:flex;justify-self:end;align-items:center;gap:5px}.status-icons svg{width:17px;height:12px}.viewport{height:calc(100dvh - 180px);min-height:570px;overflow:hidden}.pages{height:100%;width:200%;display:flex;transition:transform .5s cubic-bezier(.22,.8,.25,1);touch-action:pan-y}.page{width:50%;height:100%;padding:7px 18px 18px;overflow-y:auto;scrollbar-width:none}.page::-webkit-scrollbar{display:none}.profile-card{background:rgba(255,255,255,var(--card-opacity));border:1px solid rgba(255,255,255,.8);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.profile-top{display:flex;gap:15px;align-items:center}.avatar{overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#232323;color:#fff;position:relative}.avatar:after{content:"";position:absolute;width:75%;height:75%;border:1px solid rgba(255,255,255,.5);border-radius:48% 52% 48% 52%;transform:rotate(35deg)}.avatar span{font:400 24px/1 Georgia,serif;font-style:italic;z-index:1}.avatar-main{width:68px;height:68px;box-shadow:0 0 0 4px #fff,0 0 0 5px #dadad7}.profile-copy{flex:1}.eyebrow{margin:0 0 4px;font-size:8px;letter-spacing:.16em;color:var(--text-secondary)}h1{font:600 22px/1 var(--display-font);letter-spacing:-.04em;margin:0 0 7px}.bio{margin:0;color:#676767;font-size:10px;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0 13px;text-align:center}.stats div+div{border-left:1px solid var(--border-color)}.stats strong,.stats span{display:block}.stats strong{font:600 13px/1.3 var(--display-font)}.stats span{font-size:8px;color:var(--text-secondary);margin-top:3px}.edit-profile{border:0;background:#181818;color:#fff;border-radius:10px;width:100%;height:32px;font-size:9px;letter-spacing:.06em}.highlights{display:flex;gap:16px;margin-top:15px}.highlights button{border:0;background:none;padding:0;display:grid;gap:5px;justify-items:center}.highlight{width:34px;height:34px;border-radius:50%;display:block;border:1px solid #d7d7d4;background-size:cover}.h1{background:linear-gradient(145deg,#ebebe8 50%,#a4a49f 51%)}.h2{background:repeating-linear-gradient(45deg,#262626 0 2px,#f7f7f5 2px 6px)}.h3{background:radial-gradient(circle at 38% 37%,#f6f6f3 0 20%,#3a3a38 21% 23%,#c8c8c4 24%)}.highlight.add{display:grid;place-items:center;background:#f7f7f5;color:#777;font-size:15px}.highlights small{font-size:7px;color:#777}.desktop-layout{height:156px;position:relative;margin:13px 3px 8px}.app-item{position:absolute;width:57px;border:0;background:none;padding:0;text-align:center}.app-item:nth-child(1){left:0;top:7px}.app-item:nth-child(2){left:76px;top:70px}.app-item:nth-child(3){right:3px;top:3px}.app-item:nth-child(4){right:66px;bottom:0}.app-icon{width:49px;height:49px;margin:auto;background:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:15px;display:grid;place-items:center}.app-icon svg{width:22px;height:22px}.app-label{display:block;font-size:8px;margin-top:6px;color:#555}.sticker{position:absolute;left:144px;top:3px;width:88px;height:130px;pointer-events:none}.sticker-head{position:absolute;top:0;left:12px;width:66px;height:66px;border-radius:50%;background:#202020}.sticker-head:before,.sticker-head:after{content:"";position:absolute;top:-6px;width:24px;height:28px;background:#202020;transform:rotate(45deg);border-radius:7px}.sticker-head:before{left:2px}.sticker-head:after{right:2px}.sticker-face{position:absolute;top:29px;left:29px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:18px 0 #fff}.sticker-body{position:absolute;top:57px;left:24px;width:43px;height:66px;background:#202020;border-radius:19px 19px 8px 8px}.sticker-body:after{content:"V";display:grid;place-items:center;color:#fff;font:bold 16px var(--display-font);height:100%}.sticker-star{position:absolute;color:#333;font-size:18px}.sticker-star.one{right:0;top:14px}.sticker-star.two{left:0;top:75px;font-size:11px}.message-widget{width:100%;min-height:73px;border:0;border-radius:var(--radius-small);background:#fff;box-shadow:var(--shadow);padding:13px 14px;display:grid;grid-template-columns:36px 1fr 16px;gap:11px;align-items:center;text-align:left}.mini-avatar{width:36px;height:36px;border-radius:12px;background:#1d1d1d;color:#fff;display:grid;place-items:center;font:500 12px var(--display-font)}.message-widget span{font-size:7px;color:#929292}.message-widget p{font-size:9px;line-height:1.5;margin:3px 0 0}.message-widget svg{width:16px}.search-pill{height:39px;margin-top:10px;padding:0 14px;border-radius:20px;background:rgba(255,255,255,.86);border:1px solid #fff;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px rgba(20,20,20,.035)}.search-pill svg{width:15px}.search-pill input{border:0;outline:0;background:none;flex:1;font-size:9px}.search-pill input::placeholder{color:#999}.search-pill span{font-size:7px;color:#aaa}.phrase-pill{margin:3px auto 15px;border:1px solid #d9d9d6;width:max-content;border-radius:20px;padding:9px 18px;font-size:8px;letter-spacing:.18em;background:rgba(255,255,255,.48)}.editorial-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:11px}.photo-card,.square-app,.personal-note,blockquote,.about-card,.todo-card{background:#fff;border:0;border-radius:var(--radius-small);box-shadow:var(--shadow);overflow:hidden}.photo-card{grid-row:span 2}.photo-scene{height:210px;position:relative;overflow:hidden;background:linear-gradient(#d8d8d3,#f6f6f2 56%,#c1c1bc)}.sun{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid rgba(30,30,30,.3);top:45px;right:25px}.hill{position:absolute;bottom:-30px;border-radius:50%;transform:rotate(-7deg);filter:grayscale(1)}.hill-a{width:210px;height:130px;background:#777;left:-70px}.hill-b{width:210px;height:105px;background:#3d3d3a;right:-100px}.grain{position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.14) .5px,transparent .5px);background-size:4px 4px;opacity:.3}.photo-meta{height:45px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#777}.photo-meta svg{width:15px}.square-app{height:102px;display:grid;place-items:center;align-content:center;gap:9px}.square-app svg{width:28px}.square-app span{font-size:7px;letter-spacing:.12em}.personal-note{padding:15px 13px;min-height:119px}.personal-note>span{font-size:7px;color:#999}.personal-note p{font:500 12px/1.55 var(--display-font);letter-spacing:-.02em}.personal-note small{font-size:7px;color:#aaa}blockquote{margin:0;padding:20px;grid-column:span 2;font:500 19px/1.3 var(--display-font);letter-spacing:-.04em;position:relative}blockquote:after{content:"✦";position:absolute;right:20px;top:20px;font-size:13px}blockquote cite{display:block;font:400 7px var(--font-family);letter-spacing:.12em;color:#999;margin-top:12px}.about-card,.todo-card{padding:15px}.about-row{display:flex;align-items:center;gap:10px;margin:13px 0}.avatar-small{width:38px;height:38px}.avatar-small span{font-size:15px}.about-row strong,.about-row span{display:block}.about-row strong{font-size:10px}.about-row span{font-size:7px;color:#888;margin-top:3px}.about-card>p:last-child{font-size:8px;line-height:1.5;color:#777}.todo-card>div{padding-bottom:9px;border-bottom:1px solid #eee}.todo-card>div span{font-size:7px;color:#999}.todo-card ul{list-style:none;padding:7px 0 0;margin:0}.todo-card li{font-size:8px;padding:5px 0 5px 15px;position:relative}.todo-card li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border:1px solid #bbb;border-radius:2px}.todo-card li.done{text-decoration:line-through;color:#aaa}.todo-card li.done:before{background:#222;border-color:#222}.page-dots{height:20px;display:flex;justify-content:center;align-items:center;gap:5px}.dot{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#b9b9b5;transition:.25s}.dot.active{width:15px;border-radius:4px;background:#333}.dock{position:relative;z-index:10;margin:0 18px;height:78px;border-radius:27px;background:#fff;box-shadow:0 10px 30px rgba(20,20,20,.1);display:flex;align-items:center;justify-content:space-around;padding:0 14px}.dock button{border:0;background:none;display:grid;gap:5px;justify-items:center;padding:5px}.dock-icon{width:38px;height:38px;border-radius:13px;background:#f1f1ef;display:grid;place-items:center}.dock-icon svg{width:19px;height:19px}.dock-label{font-size:7px;color:#777}.home-indicator{width:95px;height:4px;background:#222;border-radius:3px;margin:11px auto 0}.app-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:end center;background:rgba(15,15,15,.18);opacity:0;pointer-events:none;transition:.3s}.app-modal.open{opacity:1;pointer-events:auto}.modal-panel{width:min(100%,430px);height:68dvh;border-radius:30px 30px 0 0;background:#f7f7f5;padding:24px;text-align:center;transform:translateY(100%);transition:.45s cubic-bezier(.2,.85,.25,1)}.app-modal.open .modal-panel{transform:none}.modal-close{border:0;background:#e8e8e5;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.modal-close svg{width:18px}.modal-icon{margin:70px auto 18px;width:72px;height:72px;border-radius:22px;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center}.modal-icon svg{width:30px}.modal-panel h2{font:600 28px var(--display-font);margin:7px 0 12px}.modal-panel>p:last-child{color:#777;font-size:11px}@media (max-height:760px){.phone{min-height:620px}.viewport{height:calc(100dvh - 170px)}.profile-card{padding:14px}.highlights{margin-top:10px}.desktop-layout{height:134px}.sticker{transform:scale(.88);transform-origin:top}.message-widget{min-height:65px}.search-pill{display:none}}@media (min-width:431px){body{padding:18px 0}.phone{height:calc(100dvh - 36px);border-radius:38px;box-shadow:0 30px 80px rgba(0,0,0,.18)}.viewport{height:calc(100dvh - 216px)}}