:root{--app-background:#ffffff;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
/* The chrome owns its space; note content may scroll/shrink between the bars. */
.notes-nav,.notes-toolbar,.list-nav,.list-footer{flex-shrink:0}.note-body textarea{min-height:0;overscroll-behavior:contain}
.phone.switcher-active .mock-status,.switcher-active .home-zone span{opacity:1}
html.standalone .home-zone span{opacity:0}
.phone.switcher-active .mock-status{z-index:60}.phone .home-zone{flex-shrink:0}
.photos-header,.photos-bottom{z-index:2;transform:none}#photos-app{contain:none}
@media(max-width:779px),(hover:none) and (pointer:coarse){
 html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--app-background)}
 .workspace{position:fixed;top:0;left:0;width:100%;height:100dvh;min-height:0;max-width:none;margin:0;padding:0;display:block;overflow:hidden;background:var(--app-background)}
 .workspace.keyboard-open{top:var(--visual-top,0px);left:var(--visual-left,0px);width:var(--visual-width,100%);height:var(--visual-height,100dvh)}
 .stage-area{position:relative;top:auto;display:block;height:100%;min-height:0}
 .stage-caption,.desktop-hint,.mock-status{display:none}
 .phone,.phone.is-photos,.phone.is-switcher{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none;background:var(--app-background);padding:0}
 .screen{flex:1;height:100%;min-height:0}
 /* Protect controls inside each surface; never inset the whole app/canvas. */
 .notes{padding:0 var(--safe-right) calc(20px + var(--safe-bottom)) var(--safe-left)}
 .notes-nav,.keyboard-open .notes-nav{height:calc(58px + var(--safe-top));min-height:calc(54px + var(--safe-top));padding-top:calc(3px + var(--safe-top))}
 .notes-toolbar{min-height:58px}.keyboard-open .notes{padding-bottom:0}
 .home-zone{position:absolute;bottom:0;left:0;height:calc(20px + var(--safe-bottom));min-height:29px;padding:0 0 max(7px,var(--safe-bottom));background:transparent!important}
 .keyboard-open .home-zone{display:grid;height:0;min-height:0;padding:0;overflow:hidden}
 .operator{position:fixed;inset:0;z-index:80;max-height:100%;padding:calc(22px + var(--safe-top)) calc(22px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(22px + var(--safe-left));overflow:auto;overscroll-behavior:contain;background:#17191e}
 .notes-list{overflow:auto;overscroll-behavior:contain;padding-top:var(--safe-top);padding-bottom:calc(20px + var(--safe-bottom))}
 .photos-header{padding-top:calc(20px + var(--safe-top));padding-left:calc(18px + var(--safe-left));padding-right:calc(18px + var(--safe-right))}
 .photos-bottom{bottom:calc(18px + var(--safe-bottom));padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}
 .utility{overflow:auto;overscroll-behavior:contain;padding-top:calc(30px + var(--safe-top));padding-bottom:calc(30px + var(--safe-bottom))}
 .utility-footer{bottom:calc(30px + var(--safe-bottom))}
 /* Installed iPhone apps draw behind the transparent system status/home areas.
    Insets protect controls, not the canvas or wallpaper. */
 html.standalone{color-scheme:dark}
 .standalone .notes{background:#000;color:#f5f5f7}
 .standalone .notes-nav{background:transparent}
 .standalone .notes-toolbar{background:linear-gradient(transparent,#000c 50%)}
 .standalone .notes .glass-pill,.standalone .notes .glass-circle{background:#252527e8;box-shadow:inset 0 0 0 .5px #ffffff14,0 3px 15px #0002}
 .standalone .notes .icon-button{color:#f5f5f7}
 .standalone .notes .done{color:#151515;background:#eabb00}
 .standalone .note-body textarea{color:#f5f5f7}.standalone .note-date{color:#99999f}
 .standalone .notes-list{background:#000;color:#f5f5f7}
 .standalone .note-row,.standalone .search-field{background:#1c1c1e;color:#f5f5f7;border-color:#333335}
 .standalone .search-field input{color:#f5f5f7}.standalone .list-footer{background:#000}
 .standalone .utility{background:#121212;color:#f5f5f7}
 .standalone .shopping-group{background:#252527}.standalone .shopping-group label{border-color:#353537}
 .standalone .focus-app{background:#18151f}.standalone .focus-app .timer-ring{border-color:#3a3346;border-top-color:#a992d6;border-right-color:#a992d6}
 .standalone .walks-app{background:#111b18}
}