*{box-sizing:border-box}:focus-visible{outline-offset:2px;outline:2px solid #4285f4}button:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}html,body,#app{height:100%}body{color:#222;background:#fafafa;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;height:100vh;margin:0 auto;padding:0;display:flex}.app-header{padding:.6rem .8rem;padding-left:max(.8rem, env(safe-area-inset-left));padding-right:max(.8rem, env(safe-area-inset-right));padding-top:max(.6rem, env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:.5rem;display:flex}@media (width>=700px){.app-header{padding:.6rem 1.5rem}}.app-brand{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.brand-icon{flex-shrink:0;width:2rem;height:2rem;display:block}.app-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.15rem;font-weight:600;overflow:hidden}.back-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;min-width:2.5rem;min-height:2.5rem;padding:.4rem .7rem;font-size:1.4rem;line-height:1}.back-btn:hover{background:#f0f0f0;border-color:#ddd}.editor-title-row{padding:.3rem 0}.editor-title-row .title{background:0 0;border:none;outline:none;width:100%;font-size:1.15rem;font-weight:600}.header-roadmap-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;min-width:2.5rem;min-height:2.5rem;padding:.4rem;display:flex}.header-roadmap-btn:hover{color:#333;background:#f0f0f0}.header-roadmap-btn:active{background:#e0e0e0}.header-roadmap-btn svg{pointer-events:none;display:block}.licences-overlay{z-index:30;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.licences-overlay[hidden]{display:none}.licences-body{max-height:65vh;padding:.6rem 1rem 1rem;overflow-y:auto}.licence-summary{border-collapse:collapse;width:100%;margin-bottom:.8rem;font-size:.82rem}.licence-summary th,.licence-summary td{text-align:left;border-bottom:1px solid #eee;padding:.25rem .5rem}.licence-summary th{color:#555;text-transform:uppercase;font-size:.75rem;font-weight:600}.licence-summary td:nth-child(2){text-align:right;color:#888}.licence-card{background:#f9f9f9;border-left:3px solid #e0e0e0;border-radius:0 4px 4px 0;margin-bottom:.4rem;padding:.4rem .6rem}.licence-card-head strong{color:#222;font-size:.85rem}.licence-card-detail{color:#666;margin-top:.1rem;font-size:.78rem}.licence-card-detail a{color:#1976d2}.roadmap-overlay{z-index:30;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.roadmap-overlay[hidden]{display:none}.roadmap-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:80vh;display:flex;box-shadow:0 8px 32px #0003}.roadmap-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.roadmap-header h2{margin:0;font-size:1.1rem}.roadmap-close{cursor:pointer;color:#666;background:0 0;border:none;padding:.2rem .5rem;font-size:1.5rem;line-height:1}.roadmap-close:hover{color:#222}.roadmap-body{padding:.8rem 1rem 1.2rem;font-size:.9rem;line-height:1.5;overflow-y:auto}.roadmap-body h3{text-transform:uppercase;letter-spacing:.05em;color:#888;margin:1rem 0 .4rem;font-size:.8rem;font-weight:700}.roadmap-body h3:first-child{margin-top:0}.roadmap-card{color:#444;border-left:3px solid #e0e0e0;border-radius:0 6px 6px 0;margin-bottom:.5rem;padding:.5rem .7rem}.roadmap-card-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.roadmap-card-head strong{color:#222;font-size:.9rem}.roadmap-date{color:#888;white-space:nowrap;font-size:.75rem}.roadmap-details{color:#555;margin:.3rem 0 0;padding:0;font-size:.82rem;line-height:1.5;list-style:none}.roadmap-details li{margin-bottom:.1rem}.roadmap-details a{color:#1976d2}.roadmap-done{background:#e8f5e9;border-left-color:#4caf50}.roadmap-next{background:#e3f2fd;border-left-color:#2196f3}.roadmap-future{background:#f5f5f5;border-left-color:#9e9e9e}.roadmap-parked{background:#fff3e0;border-left-color:#ff9800}.header-sync-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;min-width:2.5rem;min-height:2.5rem;padding:.4rem;display:flex}.header-sync-btn:hover{color:#333;background:#f0f0f0}.header-sync-btn:active{background:#e0e0e0}.header-sync-btn svg{pointer-events:none;display:block}.header-sync-btn.signed-out{color:#ccc}.header-sync-btn:not(.signed-out){color:#4285f4}.header-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.header-avatar.signed-out{color:#9e9e9e;background:#e0e0e0}.header-avatar.signed-in{color:#fff;background:#4285f4}.avatar-initial{font-size:.85rem;font-weight:600;line-height:1}.avatar-placeholder{display:block}.header-avatar-wrap{position:relative}.avatar-card{z-index:20;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:200px;padding:.8rem 1rem;position:absolute;top:2.5rem;right:0;box-shadow:0 4px 16px #0000001f}.avatar-card-pic{border-radius:50%;width:3rem;height:3rem;margin-bottom:.5rem}.avatar-card-name{color:#222;font-size:.95rem;font-weight:600}.avatar-card-email{color:#666;margin-top:.1rem;font-size:.85rem}.avatar-card-locale{color:#999;margin-top:.3rem;font-size:.8rem}.header-settings-btn{cursor:pointer;color:#4285f4;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;min-width:2.5rem;min-height:2.5rem;padding:.4rem;display:flex}.header-settings-btn:hover{background:#4285f414}.header-settings-btn:active{background:#4285f429}.header-settings-btn svg,.header-settings-btn svg *{pointer-events:none;display:block}.settings-page{padding:1rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));max-width:760px;margin:0 auto}.settings-section{margin-bottom:1.5rem}.settings-section-title{text-transform:uppercase;letter-spacing:.07em;color:#888;margin:0 0 .5rem .4rem;font-size:.7rem;font-weight:700}.settings-section-body{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.9rem 1rem}.settings-row-label{color:#333;margin-bottom:.2rem;font-size:.95rem;font-weight:600}.auth-status{color:#666;margin-bottom:.7rem;font-size:.85rem}.settings-button{cursor:pointer;color:#222;text-align:center;background:#f0f0f0;border:none;border-radius:6px;width:100%;margin-top:.5rem;padding:.85rem 1rem;font-size:1rem;font-weight:500;display:block}.settings-button:first-of-type{margin-top:0}.settings-button:active{opacity:.85}.settings-button:disabled{opacity:.5;cursor:not-allowed}.settings-button.primary{color:#fff;background:#4285f4}.settings-button.primary:disabled{background:#aac1f0}.settings-button.danger{color:#fff;background:#d73a3a}.settings-help{margin-top:.5rem;font-size:.8rem;line-height:1.4}.muted{color:#888}.list-drive-out{max-height:40vh;margin:.6rem 0 0;font-size:.82rem;overflow:auto}.reconcile-out{margin:.6rem 0}.reconcile-out:empty{display:none}.reconcile-time{color:#888;margin-bottom:.4rem;font-size:.8rem}.reconcile-pull td:nth-child(2){color:#2196f3}.reconcile-push td:nth-child(2){color:#4caf50}.reconcile-skip td:nth-child(2){color:#9e9e9e}.list-drive-out:empty{display:none}.drive-list-table{border-collapse:collapse;width:100%;font-size:.8rem}.drive-list-table th,.drive-list-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:.35rem .5rem}.drive-list-table th{color:#555;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.drive-list-table .mono{color:#888;word-break:break-all;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.72rem}.drive-list-table tbody tr{cursor:pointer}.drive-list-table tbody tr:hover{background:#f5f5f5}@media (width<=600px){.drive-id-col{display:none}}.about-line{font-size:.9rem;line-height:1.5}.about-line strong{color:#222}main.content-mount{padding:.4rem .8rem 1rem;padding-left:max(.8rem, env(safe-area-inset-left));padding-right:max(.8rem, env(safe-area-inset-right));flex:1;position:relative;overflow-y:auto}@media (width>=700px){main.content-mount{padding:.6rem 1.5rem 1rem}}.editor-title-row,.toolbar,.editor-host-mount{max-width:720px}@media (width>=700px){.editor-title-row,.toolbar,.editor-host-mount{max-width:760px}}.note-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.4rem 0;display:grid}@media (width<=380px){.note-grid{grid-template-columns:1fr}}@media (width>=700px){.note-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1000px){.note-grid{grid-template-columns:repeat(4,1fr);gap:.8rem}}.note-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;flex-direction:column;gap:.3rem;min-height:5rem;padding:.6rem .7rem;transition:box-shadow .12s;display:flex}.note-card:hover,.note-card:focus{box-shadow:0 2px 8px #0000000f}.note-card:active{background:#f7f7f7}.note-card-pending:after{content:"";background:#ff9800;border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.5rem;right:.5rem;box-shadow:0 0 0 2px #fff}.note-card-wrap{touch-action:pan-y;border-radius:8px;position:relative;overflow:hidden}.note-card-wrap .note-card{z-index:1;will-change:transform;transition:transform .18s;position:relative}.note-card-wrap[data-swiping=true] .note-card{transition:none}.note-card-wrap[data-swiped-open=true] .note-card{pointer-events:none;transform:translate(-4.5rem)}.note-card-wrap .swipe-trash{color:#fff;cursor:pointer;z-index:0;-webkit-tap-highlight-color:#ffffff4d;background:#d73a3a;border:none;justify-content:center;align-items:center;width:4.5rem;margin:0;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0}.note-card-wrap .swipe-trash:active{background:#b22d2d}.note-card-wrap .swipe-trash svg,.note-card-wrap .swipe-trash svg *{pointer-events:none;display:block}.note-card-footer{align-items:center;gap:.2rem;margin-top:auto;padding-top:.3rem;display:flex}.card-action-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex}.card-action-btn:hover:not(:disabled){color:#333;background:#f0f0f0}.card-action-btn:active:not(:disabled){background:#e0e0e0}.card-action-btn:disabled{color:#bbb;cursor:default}.card-footer-spacer{flex:1}@media (hover:hover){.note-card-footer{opacity:0;transition:opacity .12s}.note-card:hover .note-card-footer,.note-card:focus-within .note-card-footer{opacity:1}.swipe-trash{display:none!important}}.note-card-title{white-space:nowrap;text-overflow:ellipsis;color:#222;font-size:.95rem;font-weight:600;overflow:hidden}.note-card-title:empty:before{content:"(untitled)";color:#999;font-style:italic;font-weight:400}.note-card-body{color:#555;white-space:pre-line;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.35;display:-webkit-box;overflow:hidden}.list-empty{text-align:center;color:#555;padding:4rem 1rem 1rem}.list-empty p{margin:.3rem 0}.list-empty .muted{color:#999;font-size:.9em}.fab{right:max(1.2rem, env(safe-area-inset-right));bottom:max(4rem, calc(env(safe-area-inset-bottom) + 4rem));color:#fff;cursor:pointer;z-index:5;background:#4a90e2;border:none;border-radius:50%;width:3.5rem;height:3.5rem;font-size:2rem;font-weight:300;line-height:1;position:fixed;box-shadow:0 3px 10px #0003}.fab:active{background:#357ab8}.toast-mount{left:50%;bottom:max(4.5rem, calc(env(safe-area-inset-bottom) + 4.5rem));z-index:20;pointer-events:none;position:fixed;transform:translate(-50%)}.toast{color:#fff;pointer-events:auto;background:#323232;border-radius:4px;align-items:center;gap:.8rem;max-width:90vw;padding:.7rem .9rem;font-size:.9rem;display:flex;box-shadow:0 4px 12px #00000040}.toast-action{color:#82b1ff;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.9rem;font-weight:600}.toast-action:active{color:#5e95e8}.toolbar{z-index:1;background:#fafafa;border-bottom:1px solid #eee;align-items:center;gap:.25rem;margin-bottom:.5rem;padding:.3rem 0;display:flex;position:sticky;top:0}.toolbar button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;min-width:2rem;padding:.3rem .5rem;font-size:.95em}.toolbar button:active{background:#e8e8e8}.toolbar-spacer{flex:1}.toolbar-tag{color:#777;background:#f0f0f0;border-radius:3px;padding:.15rem .4rem;font-size:.78em}.editor-host,.ProseMirror,[contenteditable=true]{outline:none;min-height:50vh;padding:.4rem 0;font-size:1rem;line-height:1.5}.editor-host :is(p,h1,h2,ul,ol){margin:.4em 0}.editor-host h1,.editor-h1{font-size:1.4em;font-weight:600}.editor-host h2,.editor-h2{font-size:1.2em;font-weight:600}.editor-bold,.ProseMirror strong{font-weight:700}.editor-italic,.ProseMirror em{font-style:italic}.editor-underline,.ProseMirror u{text-decoration:underline}ul[data-type=taskList]{padding-left:0;list-style:none}ul[data-type=taskList] li{align-items:flex-start;gap:.5rem;display:flex}ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex-shrink:0;padding-top:.15rem}ul[data-type=taskList] li>div{flex:1;min-width:0}ul[data-type=taskList] li>div>p{margin:0}ul[data-type=taskList] li[data-checked=true]>div{color:#888}ul[data-type=taskList] li[data-checked=true]>div>p{text-decoration:line-through}.editor-listitem-checked,.editor-listitem-unchecked{padding-left:1.5rem;list-style:none;position:relative}.editor-listitem-unchecked:before,.editor-listitem-checked:before{content:"";cursor:pointer;background:#fff;border:1px solid #888;border-radius:3px;width:1rem;height:1rem;position:absolute;top:.3em;left:0}.editor-listitem-checked:before{background:#4a90e2}.editor-listitem-checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.4rem;height:.65rem;position:absolute;top:.45em;left:.3rem;transform:rotate(45deg)}.md-preview{color:#444;background:#f1f1f1;border-radius:4px;margin-top:1rem;padding:.4rem .7rem;font-size:.85em}.md-preview>summary{cursor:pointer;color:#555;-webkit-user-select:none;user-select:none;padding:.2rem 0;font-weight:600}.md-preview-body{white-space:pre-wrap;background:#fff;border:1px solid #e0e0e0;border-radius:3px;min-height:1em;max-height:30vh;margin:.3rem 0 0;padding:.4rem .6rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.92em;overflow-y:auto}.debug-log{background:#1e1e1e;border-top:1px solid #e0e0e0;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.72rem}.debug-log-toggle{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.3rem .8rem}.debug-log-toggle:hover{color:#bbb}.debug-log-body{color:#ccc;white-space:pre-wrap;word-break:break-all;max-height:30vh;margin:0;padding:.4rem .8rem;line-height:1.4;overflow-y:auto}.app-footer{padding:.4rem .8rem;padding-left:max(.8rem, env(safe-area-inset-left));padding-right:max(.8rem, env(safe-area-inset-right));padding-bottom:max(.4rem, env(safe-area-inset-bottom));color:#666;background:#fff;border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;font-size:.8em;display:flex}@media (width>=700px){.app-footer{padding:.4rem 1.5rem}}