/* Screenshot-referenced iOS 26 Notes, Phone & Messages. Scoped to native app pages. */
.n3-notes,.n3-phone,.n3-messages{--n3-ink:#08090c;--n3-gray:#939398;--n3-line:#e6e6e9;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased;color:var(--n3-ink);display:flex;flex-direction:column;min-height:0;height:100%;position:relative;overflow:hidden}
.n3-notes button,.n3-phone button,.n3-messages button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.n3-notes{background:#f3f3f7}
.n3-top{display:flex;justify-content:space-between;align-items:center;padding:13px 17px 0;flex:none;height:76px}
.n3-top-right{display:flex;gap:7px}
.n3-glass-round{display:grid;place-items:center;border:1px solid rgba(255,255,255,.95);background:#ffffff84;color:#101114;box-shadow:0 4px 28px #8d8d9c12,inset 0 1px 0 #fff;border-radius:99px;width:46px;height:46px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.n3-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 17px 112px;scrollbar-width:none}
.n3-scroll::-webkit-scrollbar,.n3-sms-scroll::-webkit-scrollbar,.n3-editor-scroll::-webkit-scrollbar{display:none}
.n3-folder-title{padding:9px 0 26px}
.n3-folder-title h1{font-size:34px;line-height:1.1;letter-spacing:-.8px;font-weight:800;margin:0 0 7px}
.n3-folder-title p{font-size:16px;color:#8b8b91;font-weight:650;margin:0}
.n3-year{margin:0 0 27px}
.n3-year h2{font-size:26px;font-weight:730;letter-spacing:-.9px;margin:0 0 14px}
.n3-group{border-radius:25px;overflow:hidden;background:#fff}
.n3-row{background:none;border:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px 14px 13px 20px;width:100%;text-align:left;min-height:72px;color:#08090c;position:relative}
.n3-row + .n3-row:before{content:"";position:absolute;left:20px;right:16px;top:0;height:1px;background:#e5e5e8}
.n3-row:active{background:#f9f9fb}
.n3-row strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:730}
.n3-row span{font-size:13px;color:#99999e;font-weight:570;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n3-row em{font-style:normal;margin-left:8px}
.n3-bottom,.n3-sms-bottom{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:14px 16px max(17px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:11px;background:linear-gradient(to top,#f3f3f7 58%,#f3f3f7ec 83%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.n3-search,.n3-sms-search{display:flex;align-items:center;gap:10px;min-width:0;flex:1;height:49px;border:1px solid white;background:#f2f2f4a8;box-shadow:0 4px 24px #00000008,inset 0 1px white;border-radius:30px;padding:0 13px;color:#121316}
.n3-search input,.n3-sms-search input{border:0;background:transparent;outline:0;min-width:0;flex:1;font:600 16px inherit;color:#202024}
.n3-search input::placeholder,.n3-sms-search input::placeholder{color:#808086;opacity:1}
.n3-add{flex:none;height:50px;width:50px}
.n3-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:#9898a1;padding:60px 14px}
.n3-empty p{font-size:14px;margin:0}
.n3-empty-line{color:#a3a3aa;text-align:center;padding:22px;font-size:13px}
.n3-notes-editor{background:#fff}
.n3-editor-bar{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:5px 10px;background:#fff;border-bottom:1px solid #ececf0;flex:none}
.n3-editor-bar>button{border:0;background:transparent;color:#d19b39;display:flex;align-items:center;gap:2px;font-size:13px;padding:9px 5px}
.n3-editor-bar>div{display:flex;align-items:center;gap:5px}
.n3-editor-bar>div button{border:0;background:none;padding:8px;color:#cb9a35;font-size:14px;font-weight:650}
.n3-editor-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:28px 23px 30px}
.n3-editor-scroll>small{font-size:12px;color:#a6a5a9;text-align:center;margin-bottom:20px}
.n3-title-input{width:100%;font-size:25px;font-weight:770;border:0;outline:none;color:#131314;background:transparent;padding:0;margin-bottom:14px}
.n3-body-input{font:15px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;min-height:270px;flex:1;border:0;outline:0;resize:none;background:transparent;overflow:auto;color:#18191d}
.n3-editor-tools{display:flex;justify-content:space-between;align-items:center;min-height:60px;padding:8px 14px max(13px,env(safe-area-inset-bottom,0px));background:#f9f9fa;border-top:1px solid #e8e8ed;flex:none;color:#8e8e96;font-size:12px}
.n3-editor-tools button{display:grid;place-items:center;background:transparent;border:0;color:#c99d42;padding:8px}

/* Phone: the keypad is central, while tab bar and dial action remain accessible. */
.n3-phone{background:#fff}
.n3-phone-upper{height:86px;flex:none;display:flex;align-items:flex-start;justify-content:space-between;padding:24px 20px 0}
.n3-phone-provider{border:0;background:transparent;color:#898a92;display:flex;align-items:center;gap:4px;font-size:19px}
.n3-phone-provider>span{background:#3486fa;color:#fff;display:grid;place-items:center;border-radius:6px;font-weight:820;width:23px;height:24px;font-size:18px}
.n3-app-exit{background:#f5f5f6e5;border:1px solid #fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#5f6168}
.n3-key-area{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 12px 10px;gap:0}
.n3-number-space{height:69px;min-height:52px;width:100%;display:flex;align-items:center;justify-content:center;position:relative}
.n3-dial-number{font-size:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:420;max-width:85%;letter-spacing:.4px;text-align:center}
.n3-dial-clear{position:absolute;right:5px;top:17px;border:0;background:transparent;color:#a7a7ae}.n3-dial-clear.hide{visibility:hidden}
.n3-key-grid{width:min(100%,310px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 15px;align-items:center;justify-items:center}
.n3-key{width:min(84px,100%);aspect-ratio:1;border-radius:50%;background:#f3f3f5;border:1.4px solid #fff;box-shadow:0 9px 26px #55555d15,inset 0 0 1px #fff;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#050608;line-height:1;transition:background .08s}
.n3-key:active{background:#e1e1e6}
.n3-key strong{font-size:42px;font-weight:650;line-height:1}
.n3-key small{font-size:9px;letter-spacing:1.2px;min-height:10px;font-weight:850;margin-top:0}
.n3-call-area{display:flex;align-items:center;justify-content:center;height:96px;min-height:79px}
.n3-dial-call{width:71px;height:71px;border-radius:50%;border:2px solid #73d877;display:grid;place-items:center;background:#54b95d;color:#fff}
.n3-dial-call svg{fill:#fff;stroke:#fff}
.n3-phone-tabs{background:#f7f7f9e8;border:1px solid #fff;box-shadow:0 6px 23px #0000000c;backdrop-filter:blur(22px);border-radius:38px;min-height:67px;margin:0 12px max(17px,env(safe-area-inset-bottom,0px));padding:5px 7px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;flex:none;gap:2px}
.n3-phone-tabs button{background:transparent;border:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#1e2025;border-radius:26px;min-width:0}
.n3-phone-tabs button.chosen{background:#e2e2e5;color:#3486ff}
.n3-phone-tabs small{font-size:9px;font-weight:600;letter-spacing:-.2px;white-space:nowrap}
.n3-phone-list{flex:1;min-height:0;overflow-y:auto;padding:25px 21px}
.n3-phone-list h1{font-size:34px;margin:0 0 26px;font-weight:780}
.n3-phone-group{overflow:hidden;border-radius:22px;background:#f8f8fa}
.n3-phone-contact,.n3-recent-row{border:0;border-bottom:1px solid #e6e6e9;background:transparent;padding:12px 13px;display:flex;align-items:center;gap:13px;width:100%;text-align:left;font-size:16px;color:#17181c}
.n3-phone-contact:last-child,.n3-recent-row:last-child{border-bottom:0}
.n3-phone-contact>span:nth-child(2),.n3-recent-row>div{flex:1}
.n3-person-icon{width:40px;height:40px;background:linear-gradient(145deg,#bfcadc,#818eb6);border-radius:50%;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:730}
.n3-recent-row{justify-content:space-between}
.n3-recent-row small{display:block;font-size:11px;color:#8c8c95;margin-top:5px}
.n3-recent-row time{font-size:12px;color:#94949a}
.n3-overlay{position:absolute;inset:0;background:#16131b50;backdrop-filter:blur(5px);display:grid;place-items:end center;z-index:15}
.n3-contact-sheet{background:#fff;width:100%;border-radius:28px 28px 0 0;padding:24px 24px 35px;display:flex;flex-direction:column;align-items:center;gap:13px;position:relative}
.n3-sheet-x{position:absolute;right:15px;top:10px;background:#efeff2;border:0;width:31px;height:31px;border-radius:50%;font-size:23px;color:#888}
.n3-person-big{display:grid;place-items:center;background:#99a9c8;border-radius:50%;height:73px;width:73px;color:white;font-size:33px}
.n3-contact-sheet h2{font-size:25px;margin:0}.n3-contact-sheet p{color:#96969e;margin:0}
.n3-sheet-actions{display:flex;gap:12px}.n3-sheet-actions button{border:0;border-radius:14px;background:#f1f2f6;padding:13px 23px;font-size:15px}.n3-contact-sheet>small{color:#a0a0a8}
.n3-phone-active{position:absolute;inset:0;background:linear-gradient(180deg,#202b44,#171923);z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:#fff}
.n3-call-caption{font-size:12px;color:#ced3dc;text-align:center;padding:0 22px}
.n3-phone-active h2{font-size:30px;margin:0;max-width:90%;word-break:break-all}.n3-phone-active p{color:#bbc4d4;font-size:14px;margin:0}
.n3-phone-active button{height:80px;width:80px;border-radius:50%;border:0;background:#e94f54;display:grid;place-items:center;color:#fff;margin-top:60px}

/* Messages: floating iOS search and compose controls, true thread view. */
.n3-messages{background:#fff}
.n3-sms-top{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 0;height:72px;flex:none}
.n3-sms-soft,.n3-sms-filter{background:#f4f4f5;border:1px solid #fff;border-radius:28px;box-shadow:0 2px 12px #0000000b;color:#1c1d20;padding:12px 16px;min-height:42px}
.n3-sms-soft{font-size:16px;font-weight:640}
.n3-sms-filter{width:46px;height:46px;display:grid;place-items:center;position:relative;padding:0}
.n3-sms-filter span{position:absolute;right:-4px;top:-6px;border-radius:99px;background:#3888ff;color:white;padding:2px 5px;font-size:11px}
.n3-sms-scroll{flex:1;min-height:0;overflow-y:auto;padding:10px 15px 110px;scrollbar-width:none}
.n3-sms-scroll h1{font-size:35px;letter-spacing:-1px;margin:14px 0 20px;font-weight:790}
.n3-sms-row{width:100%;display:flex;align-items:center;gap:9px;padding:12px 0;border:0;background:#fff;text-align:left;min-height:89px;position:relative}
.n3-sms-row:after{content:"";height:1px;background:#e8e8eb;position:absolute;left:70px;right:0;bottom:0}
.n3-sms-row>.n3-sms-avatar{flex:none}
.n3-sms-unread{width:8px;height:8px;flex:none;border-radius:50%;background:transparent}
.n3-sms-unread.on{background:#3288ff}
.n3-sms-avatar{width:52px;height:52px;background:linear-gradient(145deg,#bccfe3,#858dbb);border-radius:50%;display:grid;place-items:center;color:white;flex:none}
.n3-sms-avatar svg{stroke-width:2}
.n3-sms-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.n3-sms-copy>span{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
.n3-sms-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n3-sms-copy time{font-size:12px;color:#97979e;white-space:nowrap;flex:none}
.n3-sms-copy small{font-size:13px;color:#929298;line-height:1.33;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.n3-sms-row>svg{color:#b8b8bf;flex:none}
.n3-sms-bottom{background:linear-gradient(to top,#fff 55%,#ffffffd8 88%,transparent)}
.n3-sms-search{background:#f5f5f6}
.n3-sms-compose{background:#f3f3f5;border:1px solid #fff;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;flex:none;color:#202024}
.n3-sms-empty{text-align:center;color:#b3b3ba;padding:60px 0 0}
.n3-sms-empty p{font-size:13px}
.n3-sms-thread{background:#f5f5f8}
.n3-sms-roomhead{min-height:68px;flex:none;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eaeaef;padding:9px 14px}
.n3-sms-roomhead>div{display:flex;align-items:center;flex-direction:column;gap:3px;flex:1;min-width:0}
.n3-sms-roomhead>div .n3-sms-avatar{width:35px;height:35px;font-size:15px}
.n3-sms-roomhead b,.n3-sms-roomhead strong{font-size:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.n3-sms-roomhead>button{border:0;background:transparent;width:40px;height:38px;display:grid;place-items:center;color:#3488ff}
.n3-sms-to{background:#fff;display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid #dedee5;font-size:14px;color:#81818a}
.n3-sms-to input{border:0;outline:0;flex:1;background:none;font-size:15px;min-width:0}
.n3-sms-history{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:11px;padding:22px 14px;scrollbar-width:none;overscroll-behavior:contain}
.n3-sms-bubble{max-width:83%;width:fit-content;padding:10px 13px 7px;border-radius:17px;line-height:1.46;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}
.n3-sms-bubble.mine{align-self:flex-end;background:#3689ff;color:white;border-bottom-right-radius:6px}
.n3-sms-bubble.other{align-self:flex-start;background:#e6e6ea;color:#1d1d23;border-bottom-left-radius:6px}
.n3-sms-bubble time{font-size:9px;display:block;opacity:.75;margin-top:6px;text-align:right}
.n3-sms-room-empty{font-size:12px;color:#9696a0;text-align:center;padding:70px 10px}
.n3-sms-send{flex:none;display:flex;align-items:center;background:#fff;gap:8px;padding:9px 12px max(17px,env(safe-area-inset-bottom,0px));border-top:1px solid #eeeef1}
.n3-sms-send input{flex:1;min-width:0;border:1px solid #dddde2;border-radius:20px;background:#f8f8fa;padding:9px 13px;outline:0;font-size:14px}
.n3-sms-send button{border:0;background:transparent;color:#3689ff;display:grid;place-items:center;padding:6px}
@media(max-width:360px){.n3-key-grid{width:268px;gap:7px 9px}.n3-key{width:72px}.n3-call-area{height:72px}.n3-dial-call{height:62px;width:62px}.n3-phone-upper{height:65px}.n3-phone-tabs small{font-size:8px}}
@media(max-height:690px){.n3-phone-upper{height:52px;padding-top:10px}.n3-number-space{height:45px;min-height:40px}.n3-key-grid{width:255px;gap:4px 7px}.n3-key{width:68px}.n3-key strong{font-size:34px}.n3-key small{font-size:8px}.n3-call-area{height:65px;min-height:62px}.n3-dial-call{height:59px;width:59px}.n3-phone-tabs{min-height:54px}.n3-top,.n3-sms-top{height:55px}}
@media(prefers-reduced-motion:reduce){.n3-notes *,.n3-phone *,.n3-messages *{transition:none!important;animation:none!important}}

.n3-sms-entry{display:flex;align-items:center;gap:4px}.n3-sms-entry>.n3-sms-row{flex:1;min-width:0}.n3-sms-remove{height:34px;width:34px;flex:none;border:0;background:#ffe7e9;color:#c24c5b;border-radius:50%;display:grid;place-items:center}

.n3-sms-exit{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:15px;width:130px;background:transparent;border:0;display:grid;place-items:center;z-index:9;padding:0}.n3-sms-exit span{height:4px;width:100px;border-radius:99px;background:#33343a;display:block}.n3-sms-list .n3-sms-bottom{padding-bottom:max(22px,env(safe-area-inset-bottom,0px))}.n3-sms-thread .n3-sms-send{padding-bottom:max(22px,env(safe-area-inset-bottom,0px))}