.phone-box{--phone-scale:.8;width:calc(390px * var(--phone-scale));height:calc(844px * var(--phone-scale));flex-shrink:0;position:relative}.phone{width:390px;height:844px;transform:scale(var(--phone-scale));transform-origin:0 0;background:#121614;border-radius:56px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1.5px #ffffff29,inset 0 0 0 5px #0b0d0c,0 50px 100px -20px #000000b3,0 30px 60px -30px #000c,0 0 120px -20px #d5fb092e}.phone-screen{background:var(--soft-white);color:var(--abyss);isolation:isolate;border-radius:46px;position:absolute;inset:12px;overflow:hidden}.phone-island{z-index:5;background:#000;border-radius:18px;width:122px;height:36px;margin-left:-61px;position:absolute;top:24px;left:50%}.phone-btn{background:#24302c;border-radius:2px;width:3px;position:absolute}.phone-btn-a{height:34px;top:120px;left:-3px}.phone-btn-b{height:60px;top:168px;left:-3px}.phone-btn-c{height:60px;top:238px;left:-3px}.phone-btn-power{height:92px;top:180px;right:-3px}.app{background:var(--soft-white);flex-direction:column;font-family:Poppins,-apple-system,sans-serif;line-height:1.4;display:flex;position:absolute;inset:0}.ios-status{flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:18px 30px 0 34px;font-size:15px;font-weight:600;display:flex}.ios-status-icons{fill:currentColor;align-items:center;gap:6px;display:flex}.app-header{letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:10px;height:56px;padding:0 22px;font-size:26px;font-weight:700;display:flex}.app-header img{border-radius:9px;width:34px;height:34px}.compose-spacer{flex:1}.app-tabbar{background:var(--abyss);border-radius:22px 22px 0 0;flex-shrink:0;padding:10px 8px 26px;display:flex}.app-tab{color:var(--text-muted);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;margin:0 4px;padding:6px 0;font-size:11px;display:flex}.app-tab.active{color:var(--lime);background:#d5fb091f;font-weight:600}.compose-note{will-change:transform;padding:12px 22px 0}.compose-subject{min-height:32px;font-size:22px;font-weight:600}.compose-subject.empty,.compose-body.empty{color:#5e766e}.compose-divider{background:#dce5dc;height:1px;margin:10px 0 12px}.compose-body{white-space:pre-wrap;min-height:100px;font-size:17px;line-height:1.55}.caret{vertical-align:-4px;background:var(--abyss);width:2px;height:20px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.compose-photos{gap:10px;margin-top:16px;display:flex}.compose-photo{background:linear-gradient(135deg,#5a9e7a 0%,#3d7a5a 50%,#2a5e42 100%);border-radius:12px;width:72px;height:72px}.compose-photo-add{color:#b9c8be;border:2px dashed #dce5dc;border-radius:12px;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;display:flex}.compose-actions{border-top:1px solid #dce5dc;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.compose-cam{background:#e3ebe2;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.compose-send{background:var(--lime);border-radius:14px;padding:13px 30px;font-size:16px;font-weight:600;position:relative}.compose-send-ring{border:2px solid var(--lime);pointer-events:none;border-radius:18px;position:absolute;inset:-4px}.kb{background:#d4dad4;flex-direction:column;flex-shrink:0;gap:10px;padding:8px 4px 30px;display:flex}.kb-row{justify-content:center;gap:5px;display:flex}.kb-key{background:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:42px;font-size:18px;transition:background 80ms,transform 80ms;display:flex;box-shadow:0 1px #00000040}.kb-key.pressed{background:var(--abyss);color:var(--lime);transform:translateY(-3px)scale(1.08)}.kb-wide{background:#b5bdb6;width:80px;font-size:13px}.kb-space{color:#5e766e;width:178px;font-size:13px}.sent-overlay{color:var(--text);pointer-events:none;z-index:3;background:#00211eeb;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:20px;font-weight:600;display:flex;position:absolute;inset:0}.sent-check{background:var(--lime);width:84px;height:84px;color:var(--abyss);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 60px #d5fb0980}.inbox{background:#fff}.notif{z-index:4;-webkit-backdrop-filter:blur(20px);color:#fff;background:#1e2422f5;border-radius:22px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex;position:absolute;top:54px;left:12px;right:12px;box-shadow:0 10px 30px #00000040}.notif img{border-radius:9px;width:34px;height:34px}.notif div{flex-direction:column;flex:1;line-height:1.3;display:flex}.notif span{opacity:.8}.notif em{opacity:.6;align-self:flex-start;font-size:12px;font-style:normal}.inbox-head{border-bottom:1px solid #dce5dc;padding:10px 20px 14px}.inbox-title{letter-spacing:-.02em;font-size:32px;font-weight:700}.inbox-sub{color:#5e766e;font-size:13px}.inbox-list{overflow:hidden}.mail-row{border-bottom:1px solid #e6ece5;gap:12px;padding:14px 20px;display:flex;position:relative}.mail-row.new{will-change:transform;background:#d5fb0914}.mail-hl{background:var(--lime);pointer-events:none;position:absolute;inset:0}.mail-dot{background:#0a84ff;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;position:relative}.mail-dot.off{background:0 0}.mail-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;position:relative}.mail-top{justify-content:space-between;font-size:15px;display:flex}.mail-top span{color:#5e766e;font-size:13px}.mail-subject{font-size:14px;font-weight:600}.mail-preview{color:#5e766e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.mail-row.ghost i{background:#e3ebe2;border-radius:4px;height:12px;display:block}.archive-list{flex-direction:column;gap:12px;padding:8px 16px;display:flex}.msg-card{will-change:transform;background:#fff;border:1px solid #dce5dc;border-radius:16px;padding:16px 18px}.msg-card.highlight{border:1.5px solid var(--lime)}.msg-top{justify-content:space-between;gap:8px;display:flex}.msg-top strong{font-size:17px}.msg-top span{color:#5e766e;font-size:12px}.msg-card p{color:#3d5a52;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;display:-webkit-box;overflow:hidden}