*{box-sizing:border-box}body{color:#f5f5f5;background:#111;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh;padding:env(safe-area-inset-top) 1rem env(safe-area-inset-bottom);flex-direction:column;display:flex}.app-header{text-align:center;padding:1rem 0}.no-token{text-align:center;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.no-token-box h1{margin-bottom:1rem}.no-token-box p{color:#ccc;line-height:1.5}.no-token-box code{background:#2a2a2a;border-radius:4px;padding:.15rem .4rem;font-size:.9em}.token-prompt{gap:.5rem;margin-top:1.25rem;display:flex}.token-prompt input{color:#f5f5f5;background:#1c1c1c;border:1px solid #333;border-radius:8px;flex:1;min-width:0;padding:.75rem;font-size:.95rem}.token-prompt button{color:#fff;background:#2e7d32;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.token-prompt button:disabled{opacity:.5}.capture{margin-bottom:1.5rem;position:relative}.capture-error{color:#ff8a80;text-align:center;background:#4a1a1a;border-radius:8px;margin-bottom:.5rem;padding:.6rem;font-size:.9rem}.recording-indicator{z-index:5;color:#fff;background:#1c1c1c;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.6rem;display:flex;position:sticky;top:0}.recording-dot{background:#d32f2f;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s infinite blink}.recording-time{font-variant-numeric:tabular-nums;font-weight:600}.recording-hint{opacity:.85;font-size:.85rem}@keyframes blink{50%{opacity:.4}}.capture-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.capture-btn{color:#f5f5f5;touch-action:none;-webkit-user-select:none;user-select:none;background:#2a2a2a;border:none;border-radius:12px;padding:1.5rem .3rem;font-size:1rem;transition:transform .15s}.capture-btn.recording{background:#d32f2f}.capture-btn:active{transform:scale(1.05)}.fullscreen-panel{z-index:10;padding:1.5rem;padding-top:calc(env(safe-area-inset-top) + 3.5rem);background:#111;flex-direction:column;display:flex;position:fixed;inset:0}.back-btn{top:calc(env(safe-area-inset-top) + .75rem);z-index:20;color:#f5f5f5;background:#2a2a2ae6;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.95rem;position:fixed;left:1rem}.fullscreen-panel>textarea{color:#f5f5f5;resize:none;background:#1c1c1c;border:none;border-radius:8px;flex:1;padding:1rem;font-size:1.1rem}.photo-preview{object-fit:contain;border-radius:8px;flex:1}.panel-actions{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.panel-actions button{border:none;border-radius:8px;flex:1;padding:1rem;font-size:1rem}.panel-actions button:last-child{color:#fff;background:#2e7d32}.entry-list{margin:0;padding:0;list-style:none}.sort-order-toggle{color:#ccc;background:0 0;border:1px solid #333;border-radius:6px;margin:0 0 .5rem auto;padding:.3rem .6rem;font-size:.8rem;display:block}.entry-row{border-bottom:1px solid #2a2a2a;position:relative;overflow:hidden}.entry-row-delete{color:#fff;background:#c62828;border:none;width:88px;font-size:1.4rem;position:absolute;top:0;bottom:0;right:0}.entry-row-lock{color:#fff;background:#2e7d32;border:none;width:88px;font-size:1.4rem;position:absolute;top:0;bottom:0;left:0}.entry-item{z-index:1;cursor:pointer;touch-action:pan-y;background:#111;gap:.75rem;padding:.75rem 0;transition:transform .15s;display:flex;position:relative}.entry-icon{font-size:1.3rem}.entry-text{margin:0}.entry-text a,.entry-detail-text a{color:#64b5f6;word-break:break-all}.entry-title{margin:0;font-weight:600}.entry-meta{color:#999;font-size:.8rem}.entry-lock-badge{opacity:.85;flex-shrink:0;align-self:center;font-size:.9rem}.entry-list-status{text-align:center;color:#999}.entry-list-status.error{color:#ef5350}.entry-detail-header{color:#999;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.85rem;display:flex}.entry-detail-body{flex-direction:column;flex:1;gap:.75rem;display:flex;overflow-y:auto}.entry-detail-media{border-radius:8px;width:100%;max-width:100%;height:auto;display:block}.entry-detail-text{white-space:pre-wrap;margin:0;line-height:1.5}.entry-detail-secondary{color:#ccc}.entry-detail-save-status{color:#66bb6a;margin-left:auto}.entry-detail-note{color:#f5f5f5;resize:vertical;background:#1c1c1c;border:none;border-radius:8px;flex:none;min-height:5rem;padding:.75rem;font-size:1rem}.entry-detail-main-note{flex-direction:column;gap:.4rem;display:flex}.entry-detail-title{color:#f5f5f5;background:#1c1c1c;border:none;border-radius:8px;padding:.75rem;font-size:1.05rem;font-weight:600}.entry-detail-quick-capture{border-bottom:1px solid #2a2a2a;margin-bottom:.75rem;padding-bottom:1rem}.entry-detail-share-btn{color:#fff;background:#1976d2;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem}.share-modal-backdrop{z-index:20;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.share-modal{color:#f5f5f5;background:#1a1a1a;border-radius:12px 12px 0 0;width:100%;max-width:480px;max-height:85vh;padding:1rem 1.25rem 1.5rem;overflow-y:auto}.share-modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.share-modal-header button{color:#ccc;background:0 0;border:none;font-size:1.2rem}.share-modal-form{border-bottom:1px solid #2a2a2a;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.share-modal-form label{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.share-modal-feedback-note{color:#999;margin:0;font-size:.8rem}.share-modal-form input[type=number],.share-modal-form input[type=url]{color:#f5f5f5;background:#111;border:1px solid #333;border-radius:6px;padding:.5rem}.share-modal-form button{color:#fff;background:#1976d2;border:none;border-radius:8px;margin-top:.3rem;padding:.75rem;font-size:1rem}.share-item{border-bottom:1px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 0;display:flex}.share-item-info{color:#ccc;flex-direction:column;gap:.15rem;font-size:.8rem;display:flex}.share-item-status{font-size:.75rem;font-weight:600}.share-item-status-active{color:#66bb6a}.share-item-status-revoked{color:#ef5350}.share-item-status-expired{color:#ffa726}.share-item-actions{gap:.4rem;display:flex}.share-item-actions button{color:#f5f5f5;background:#2a2a2a;border:none;border-radius:6px;padding:.4rem .6rem;font-size:.8rem}.share-item-actions button.share-item-revoke{background:#c62828}.entry-detail-attachment{background:#161616;border-radius:8px;flex-direction:column;gap:.5rem;padding:.6rem;transition:opacity .15s;display:flex}.entry-detail-attachment.dragging{opacity:.5}.entry-detail-attachment-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.entry-detail-attachment-toolbar button{color:#f5f5f5;background:#2a2a2a;border:none;border-radius:6px;padding:.4rem .7rem;font-size:.9rem}.entry-detail-attachment-toolbar button:disabled{opacity:.3}.entry-detail-attachment-toolbar button.attachment-drag-handle{cursor:grab;touch-action:none;padding:.3rem .6rem;font-size:1.1rem}.entry-detail-attachment-toolbar .attachment-delete-btn{color:#ff8a80;background:#4a1a1a;margin-left:auto}.attachment-timestamps{flex-direction:column;line-height:1.2;display:flex;overflow:hidden}.attachment-created-at{color:#888;white-space:nowrap;font-size:.72rem}.attachment-updated-at{color:#666;white-space:nowrap;font-size:.62rem}@media (width<=380px){.attachment-updated-at{display:none}}.attachment-text-block{min-height:4rem}.quick-text-input{flex-direction:column;gap:.5rem;display:flex}.quick-text-input textarea{color:#f5f5f5;resize:vertical;background:#1c1c1c;border:none;border-radius:8px;min-height:4rem;padding:.75rem;font-size:1rem}.video-capture-preview{object-fit:cover;background:#000;border-radius:8px;flex:1;width:100%}.video-progress-track{background:#2a2a2a;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.video-progress-fill{background:#d32f2f;height:100%;transition:width .2s linear}.admin-app{max-width:1100px;margin:0 auto;padding:1.5rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-header h1{margin:0;font-size:1.4rem}.admin-header button{color:#fff;background:#2e7d32;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.95rem}.admin-tabs{border-bottom:1px solid #2a2a2a;gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-tabs button{color:#999;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:1rem;padding:.6rem .2rem;font-size:.95rem}.admin-tabs button.admin-tab-active{color:#f5f5f5;border-bottom-color:#66bb6a}.admin-settings-box{background:#161616;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.admin-settings-box h2{margin:0 0 .75rem;font-size:1.05rem}.admin-settings-box button{color:#fff;background:#2e7d32;border:none;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:.9rem}.admin-badge-share-active{color:#66bb6a;background:#1b3a1e}.admin-badge-share-revoked{color:#ff8a80;background:#4a1a1a}.admin-badge-share-expired{color:#ffb74d;background:#4a3a1a}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #2a2a2a;padding:.6rem .75rem}.admin-table th{color:#999;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.admin-muted{color:#666}.admin-token{background:#1c1c1c;border-radius:4px;margin-right:.5rem;padding:.15rem .4rem}.admin-link-btn{color:#66bb6a;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.85rem}.admin-danger-text{color:#ff8a80}.admin-badge{border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.admin-badge-active{color:#66bb6a;background:#1b3a1e}.admin-badge-blocked{color:#ffb74d;background:#4a3a1a}.admin-badge-trash,.admin-badge-deleted{color:#ff8a80;background:#4a1a1a}.admin-badge-access-rw{color:#64b5f6;background:#1a2a4a}.admin-badge-access-ro{color:#ccc;background:#2a2a2a}.admin-storage{min-width:140px}.admin-storage span{color:#ccc;font-size:.8rem}.admin-progress-track{background:#2a2a2a;border-radius:3px;height:5px;margin-top:.3rem;overflow:hidden}.admin-progress-fill{background:#66bb6a;height:100%}.admin-actions{gap:.4rem;display:flex}.admin-modal-backdrop{z-index:30;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.admin-modal{background:#181818;border-radius:12px;width:100%;max-width:420px;max-height:90vh;padding:1.5rem;overflow-y:auto}.admin-modal h2{margin-top:0}.admin-field{color:#ccc;flex-direction:column;gap:.3rem;margin-bottom:.9rem;font-size:.85rem;display:flex}.admin-field-checkbox{flex-direction:row;align-items:center;gap:.5rem}.admin-field input,.admin-field select{color:#f5f5f5;background:#1c1c1c;border:1px solid #333;border-radius:8px;padding:.6rem;font-size:.95rem}.admin-field-grid{grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}