*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;min-width:320px;background:#d6dde2;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}button{cursor:pointer}:root{--surface: #f4f6f5;--surface-soft: #ffffff;--surface-raised: #fbfcfb;--surface-muted: #eef2f1;--text: #111827;--text-soft: #5b6673;--text-muted: #7b8794;--accent: #0f766e;--accent-strong: #0b5d57;--accent-soft: #d9f0ec;--warning-soft: #fff1d6;--danger: #c2413a;--danger-soft: #fde4e2;--border: #d9e0df;--border-strong: #c5cfcd;--shadow: 0 16px 48px rgba(15, 23, 42, .18);--toast: #111827;--button-text: #ffffff;--icon-stroke: currentColor}:root[data-theme=dark]{--surface: #101418;--surface-soft: #171d22;--surface-raised: #1d252b;--surface-muted: #232c33;--text: #f4f7f8;--text-soft: #b7c2cb;--text-muted: #87939e;--accent: #5bc9bd;--accent-strong: #8ee1d8;--accent-soft: rgba(91, 201, 189, .18);--warning-soft: rgba(245, 179, 65, .18);--danger: #ff8b83;--danger-soft: rgba(255, 139, 131, .14);--border: #34414a;--border-strong: #46545e;--shadow: 0 18px 54px rgba(0, 0, 0, .42);--toast: #f4f7f8;--button-text: #071112}.app-shell{width:100%;height:100dvh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;color:var(--text);background:var(--surface)}.app-header{position:sticky;top:0;z-index:25;flex:0 0 auto;padding:calc(.72rem + env(safe-area-inset-top)) .9rem .7rem;background:color-mix(in oklab,var(--surface-soft) 94%,transparent);border-bottom:1px solid var(--border);box-shadow:0 1px #0f172a05}.header-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.brand-lockup{min-width:0}.brand-lockup h1,.locked-panel h1{margin:0;font-size:1.24rem;line-height:1.05;letter-spacing:0}.brand-lockup span{display:block;margin-top:.16rem;color:var(--text-soft);font-size:.78rem;font-weight:700}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.42rem;min-width:0}.compose-button,.control-button,.icon-button,.quick-tools button,.utility-menu button,.inbox-summary button,.modal-header button,.row-input button,.modal-list button,.backup-actions button{border:1px solid var(--border);border-radius:.5rem;background:var(--surface-soft);color:var(--text);min-height:2.5rem;padding:.55rem .72rem;font-size:.84rem;font-weight:800;line-height:1}.compose-button,.control-button.primary{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;background:var(--accent);border-color:var(--accent);color:var(--button-text)}.control-button{display:inline-flex;align-items:center;justify-content:center;gap:.42rem}.control-button.danger{color:var(--danger);background:var(--danger-soft);border-color:transparent}.control-button.is-recording{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.control-button:disabled,.compose-button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button{width:2.5rem;min-width:2.5rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.utility-wrap{position:relative}.utility-menu{position:absolute;top:calc(100% + .44rem);right:0;z-index:35;width:min(12rem,calc(100vw - 1.5rem));padding:.42rem;display:flex;flex-direction:column;gap:.32rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-soft);box-shadow:var(--shadow)}.utility-menu button{width:100%;justify-content:flex-start;text-align:left;background:transparent}.browse-panel{max-height:13.5rem;opacity:1;margin-top:.68rem;overflow:hidden;transition:max-height .18s ease,opacity .16s ease,margin .18s ease,transform .18s ease}.chrome-collapsed .browse-panel{max-height:0;opacity:0;margin-top:0;transform:translateY(-.35rem);pointer-events:none}.search-box{min-height:2.72rem;display:flex;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);padding:0 .72rem}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:.95rem}.search-box input::placeholder{color:var(--text-muted)}.category-strip{display:flex;width:100%;max-width:100%;min-width:0;flex-wrap:nowrap;gap:.44rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;touch-action:pan-x;padding:.58rem 0 .1rem;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;border-radius:999px;border:1px solid var(--border);padding:.42rem .78rem;background:var(--surface-soft);color:var(--text-soft);white-space:nowrap;scroll-snap-align:start;font-size:.8rem;font-weight:800}.category-chip.active{background:var(--accent-soft);color:var(--accent-strong);border-color:color-mix(in oklab,var(--accent) 34%,var(--border))}.quick-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.44rem;padding-top:.48rem}.quick-tools button{min-width:0;color:var(--text-soft);background:var(--surface-raised)}.inbox-layout{flex:1 1 auto;min-height:0;display:flex}.inbox-panel{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.72rem .72rem calc(1.2rem + env(safe-area-inset-bottom))}.inbox-summary{min-height:2.55rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.25rem .12rem .6rem}.inbox-summary strong,.empty-state strong,.empty-detail strong{display:block;font-size:.92rem}.inbox-summary span{display:block;margin-top:.1rem;color:var(--text-soft);font-size:.76rem;font-weight:700}.inbox-summary button{min-height:2.15rem;padding:.42rem .62rem;color:var(--accent-strong);background:var(--accent-soft);border-color:transparent}.idea-list,.modal-list{list-style:none;margin:0;padding:0}.idea-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:.5rem;overflow:hidden;background:var(--surface-soft)}.idea-list li+li{border-top:1px solid var(--border)}.idea-list li.active{background:color-mix(in oklab,var(--accent-soft) 56%,var(--surface-soft))}.idea-row{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:.78rem .82rem}.idea-row-main{display:flex;flex-direction:column;gap:.28rem;min-width:0}.idea-row-title{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;min-width:0}.idea-row-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.idea-row-title span{flex:0 0 auto;color:var(--text-muted);font-size:.72rem;font-weight:800}.idea-row p{margin:0;color:var(--text-soft);font-size:.82rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.idea-row-meta,.detail-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.38rem}.category-pill,.media-badge{display:inline-flex;align-items:center;min-height:1.35rem;border-radius:999px;padding:.16rem .5rem;font-size:.68rem;font-weight:900;line-height:1}.category-pill{color:var(--accent-strong);background:var(--accent-soft)}.media-badge{color:#8a5a10;background:var(--warning-soft)}:root[data-theme=dark] .media-badge{color:#f7ce82}.detail-pane{display:none}.detail-view{display:flex;flex-direction:column;gap:.86rem;min-width:0}.detail-meta-row{color:var(--text-muted);font-size:.76rem;font-weight:800}.detail-view h2{margin:0;font-size:1.3rem;line-height:1.18;letter-spacing:0;overflow-wrap:anywhere}.detail-body{margin:0;color:var(--text);font-size:.94rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.detail-body.is-empty{color:var(--text-muted)}.detail-actions{display:flex;flex-wrap:wrap;gap:.48rem;padding-top:.4rem}.attachment-section{display:flex;flex-direction:column;gap:.5rem}.attachment-section h3{margin:0;color:var(--text-soft);font-size:.78rem;line-height:1}.image-list,.audio-list{display:flex;gap:.56rem;overflow-x:auto;padding:.05rem 0 .12rem}.image-thumb{flex:0 0 7.8rem;width:7.8rem;border:1px solid var(--border);border-radius:.5rem;overflow:hidden;background:var(--surface-muted);margin:0}.image-open-button{display:block;padding:0;cursor:zoom-in}.image-thumb img{display:block;width:100%;height:5.3rem;object-fit:cover}.editable-thumb{display:flex;flex-direction:column}.editable-thumb button,.editable-audio button{border:0;border-top:1px solid var(--border);background:transparent;color:var(--danger);min-height:2rem;font-size:.72rem;font-weight:800}.audio-item{flex:0 0 min(18rem,86vw);border:1px solid var(--border);border-radius:.5rem;padding:.52rem;background:var(--surface-raised)}.audio-item audio{width:100%}.editable-audio{display:flex;flex-direction:column;gap:.45rem}.empty-state,.empty-detail,.locked-panel,.login-panel{border:1px solid var(--border);border-radius:.5rem;background:var(--surface-soft);padding:1rem}.empty-state,.empty-detail,.locked-panel{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;color:var(--text-soft)}.empty-state p,.empty-detail p,.locked-panel p{margin:0;line-height:1.42}.login-panel{width:min(100% - 1.4rem,35rem);margin:calc(.9rem + env(safe-area-inset-top)) auto 0;display:flex;flex-direction:column;gap:.75rem}.login-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.login-panel-head strong{font-size:1.15rem}.login-panel-head span,.locked-panel small{color:var(--text-soft);font-size:.78rem;font-weight:800}.login-form{display:grid;grid-template-columns:1fr;gap:.5rem}.login-form input,.row-input input,.composer-body textarea,.composer-body select,.modal-content input{width:100%;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-soft);color:var(--text);padding:.72rem .78rem;font:inherit}.login-form input,.login-form button{min-height:2.75rem}.login-form button{border:0;border-radius:.5rem;background:var(--accent);color:var(--button-text);font-weight:900}.login-error{margin:0;color:var(--danger);font-size:.8rem;font-weight:800}.locked-panel{width:min(100% - 1.4rem,35rem);margin:.7rem auto}.icon-wrap{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.icon-wrap svg{width:100%;height:100%;stroke:var(--icon-stroke);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.status-toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--toast);color:var(--surface-soft);padding:.58rem .82rem;border-radius:999px;font-size:.78rem;max-width:calc(100vw - 2rem);text-align:center;z-index:80;box-shadow:var(--shadow)}:root[data-theme=dark] .status-toast{color:#101418}.sheet-overlay,.modal-overlay{position:fixed;inset:0;z-index:60;background:#0f172a6b;padding:.75rem}.sheet-overlay{display:flex;align-items:flex-end;justify-content:center;padding:0}.bottom-sheet{width:100%;max-height:min(88dvh,48rem);display:flex;flex-direction:column;border:1px solid var(--border);border-bottom:0;border-radius:.85rem .85rem 0 0;background:var(--surface-soft);box-shadow:var(--shadow);overflow:hidden}.sheet-grip{width:2.4rem;height:.25rem;border-radius:999px;background:var(--border-strong);margin:.48rem auto 0}.sheet-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.72rem .9rem;border-bottom:1px solid var(--border)}.sheet-header span{display:block;font-weight:900}.sheet-header small{display:block;margin-top:.18rem;color:var(--text-soft);font-size:.74rem;font-weight:700}.detail-sheet .detail-view{overflow-y:auto;padding:.92rem .95rem calc(1rem + env(safe-area-inset-bottom))}.composer-body{overflow-y:auto;padding:.88rem .9rem;display:flex;flex-direction:column;gap:.68rem}.composer-body label{color:var(--text-soft);font-size:.76rem;font-weight:900}.composer-body textarea{resize:vertical}.composer-title-input{min-height:7rem;font-size:1.05rem;line-height:1.42}.composer-details-input{min-height:8.5rem;line-height:1.45}.advanced-toggle{width:100%;min-height:2.8rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-raised);color:var(--text);padding:.6rem .74rem;font-size:.86rem;font-weight:900}.advanced-toggle .icon-wrap{transition:transform .15s ease}.advanced-toggle.open .icon-wrap{transform:rotate(180deg)}.advanced-panel{display:flex;flex-direction:column;gap:.62rem;padding-top:.1rem}.media-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.sheet-footer{flex:0 0 auto;display:grid;grid-template-columns:1fr 1.35fr;gap:.5rem;padding:.75rem .9rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface-raised)}.hidden-file-input{display:none}.modal-overlay{display:grid;place-items:center}.modal-content{width:min(34rem,100%);max-height:min(82dvh,44rem);overflow:auto;background:var(--surface-soft);color:var(--text);border-radius:.5rem;border:1px solid var(--border);box-shadow:var(--shadow);padding:.88rem;display:flex;flex-direction:column;gap:.72rem}.image-preview-modal{width:min(46rem,100%)}.image-preview-large{width:100%;max-height:min(72dvh,46rem);object-fit:contain;border-radius:.5rem;background:var(--surface-muted)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.modal-header h2{margin:0;font-size:1rem}.row-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.modal-list{display:flex;flex-direction:column;gap:.42rem}.modal-list li{border:1px solid var(--border);border-radius:.5rem;background:var(--surface-raised);padding:.55rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.55rem}.locked-item{color:var(--text-muted);font-size:.74rem;font-weight:800}.backup-note{margin:0;color:var(--text-soft);font-size:.86rem;line-height:1.45}.backup-actions{display:grid;grid-template-columns:1fr;gap:.5rem}@media(max-width:360px){.app-header{padding-inline:.65rem}.inbox-panel{padding-inline:.55rem}.compose-button{padding-inline:.6rem}.idea-row{padding-inline:.68rem}}@media(min-width:560px){.login-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.backup-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:860px){.app-header{padding:1rem 1.35rem .82rem}.header-main,.browse-panel,.inbox-layout{max-width:1180px;width:100%;margin-left:auto;margin-right:auto}.browse-panel{display:grid;grid-template-columns:minmax(12rem,.7fr) minmax(0,1fr) minmax(13rem,17rem);align-items:center;gap:.7rem}.category-strip{padding:0}.quick-tools{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;padding-top:0}.quick-tools button{padding-inline:.48rem}.inbox-layout{display:grid;grid-template-columns:minmax(20rem,26rem) minmax(0,1fr);border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface-soft)}.inbox-panel{border-right:1px solid var(--border);background:var(--surface);padding:.95rem}.detail-pane{min-width:0;min-height:0;overflow-y:auto;display:block;padding:1.35rem;background:var(--surface-soft)}.detail-pane .detail-view{max-width:46rem;margin:0 auto}.detail-mobile-overlay{display:none}.sheet-overlay{align-items:center;padding:1.5rem}.bottom-sheet{max-width:44rem;border:1px solid var(--border);border-radius:.6rem}.composer-title-input{min-height:8rem}.modal-content{padding:1rem}}