.notes-native{--notes-yellow:#b88700;background:#f2f2f7;color:#111;font-family:var(--font-ios)}
.notes-native .app-header{background:transparent;border:0;min-height:45px;padding:0 16px;gap:10px}
.notes-native .app-header h2{display:none}.notes-native .app-header> :last-child{margin-left:auto}
.notes-native .app-home{color:var(--notes-yellow)}.notes-native .app-scroll{padding:8px 16px 22px}
.na-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.na-control{display:grid;place-items:center;min-width:44px;min-height:44px;color:var(--notes-yellow);padding:7px}
.na-back{display:flex;align-items:center;gap:2px;padding:0;min-height:44px;color:var(--notes-yellow);font-size:17px;white-space:nowrap}
.na-back .na-icon{width:20px;height:24px}.na-title{font-size:34px;font-weight:750;letter-spacing:-1px;margin:0 0 15px;line-height:1.2;text-align:left}
.na-search{height:37px;display:flex;align-items:center;gap:6px;background:#e4e4e9;border-radius:10px;padding:0 10px;color:#8e8e93;margin-bottom:24px}
.na-search .na-icon{width:18px;height:18px;stroke-width:2}.na-search input{flex:1;min-width:0;width:100%;border:0;background:transparent;outline:none;padding:0;font-size:17px;color:#111;font-family:inherit;box-shadow:none}
.na-search input::-webkit-search-cancel-button{-webkit-appearance:auto}.na-search input::placeholder{color:#8e8e93}
.na-section{margin-bottom:24px}.na-section-heading{display:flex;align-items:center;gap:7px;width:100%;min-height:29px;font-size:20px;font-weight:650;color:var(--notes-yellow);margin:0 0 8px;padding:0 2px;text-align:left}
.na-section-heading .na-icon{width:18px;height:18px}.na-section-heading>.na-icon:last-child{width:15px;margin-left:auto}.na-section-heading[aria-expanded=false]>.na-icon:last-child{transform:rotate(-90deg)}
.na-section-heading.na-muted{color:#111;margin-top:0;font-size:20px}.na-list{border-radius:12px;background:#fff;overflow:hidden}
.na-row{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;text-align:left;min-height:76px;color:#111;background:#fff}
.na-row:after,.na-folder:after{content:'';position:absolute;left:16px;right:0;bottom:0;height:.5px;background:#d8d8dc}.na-row:last-child:after,.na-folder:last-child:after{display:none}
.na-row-copy{display:block;min-width:0;flex:1}.na-row strong{font-size:17px;font-weight:600;line-height:1.4;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;letter-spacing:-.3px}
.na-preview{display:flex;gap:8px;color:#8e8e93;font-size:14px;line-height:1.4;min-width:0}.na-preview time{flex:none;color:#636366}.na-preview>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.na-row>.na-icon{width:17px;height:19px;color:#8e8e93}
.na-toolbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;flex:none;padding:3px 16px calc(var(--shell-bottom) + 2px);background:#f2f2f7e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:.5px solid #d5d5da}
.na-toolbar>span{text-align:center;font-size:12px;color:#636366}.na-toolbar .na-control:first-child .na-icon{width:23px}.na-toolbar .na-control:last-child .na-icon{width:25px;height:25px}
.na-account{font-size:21px;font-weight:650;margin:5px 0 9px;padding:0 2px}.na-folder{display:flex;position:relative;align-items:center;gap:12px;width:100%;min-height:51px;padding:11px 15px;text-align:left;color:#111}
.na-folder>.na-icon:first-child{color:var(--notes-yellow);width:23px}.na-folder strong{flex:1;min-width:0;font-size:17px;font-weight:400}.na-folder>span{color:#8e8e93;font-size:16px}.na-folder>.na-icon:last-child{width:13px;height:16px;color:#c7c7cc}
.na-reader{background:#fff}.na-reader .app-header{background:#fffffff2}.na-reader .app-scroll{padding:6px 24px 30px}.na-reader .na-toolbar{background:#fffffff0}.na-header-tools{display:flex;gap:1px;align-items:center}
.na-date{display:block;text-align:center;color:#8e8e93;font-size:12px;line-height:1.4;margin:3px 0 22px}.na-note-title{font-size:29px;font-weight:700;line-height:1.35;letter-spacing:-.7px;margin:0 0 14px;overflow-wrap:anywhere;text-align:left}
.na-body{font-size:17px;line-height:1.68;white-space:pre-wrap;overflow-wrap:anywhere;color:#171717;text-align:left}.na-body del{color:#777;text-decoration-thickness:1px}
.na-locked{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:90px 10px 50px;color:#8e8e93}.na-locked .na-icon{width:38px;height:43px;stroke-width:1.6}.na-locked h2{font-size:21px;font-weight:550;margin-top:19px;color:#636366}
.na-empty{text-align:center;color:#8e8e93;padding:50px 10px;font-size:16px}.na-menu-label{font-size:12px;color:#8e8e93;padding:16px 15px 6px}.na-menu-row{justify-content:space-between}.na-menu-row>.na-icon{width:18px;color:var(--notes-yellow)}.na-share-title{font-size:18px;font-weight:600;padding:18px 15px}
.na-done{font-size:17px;font-weight:600;color:var(--notes-yellow);padding:0 7px;min-height:44px}#na-compose{display:flex;flex-direction:column;min-height:70cqh;gap:15px}.na-compose-title{font-family:inherit;width:100%;background:transparent;color:#111;font-size:28px;font-weight:700;padding:0;border:0;outline:none}.na-compose-body{resize:none;flex:1;width:100%;min-height:50cqh;border:0;padding:0;background:transparent;outline:none;font-family:inherit;font-size:17px;line-height:1.65;color:#111}
@container(max-width:350px){.notes-native .app-scroll{padding-left:14px;padding-right:14px}.na-title{font-size:32px}.na-row{padding-left:14px;padding-right:14px}.na-preview{font-size:13px;gap:6px}.na-reader .app-scroll{padding-left:20px;padding-right:20px}}

.notes-native button,.notes-native input,.notes-native textarea{font-family:var(--font-ios)}