*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #1a1a1a;--color-text: #1a1a1a;--color-text-muted: #4a4a4a;--color-background: #ffffff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-base: 16px;--line-height: 1.6}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);font-size:1rem;line-height:var(--line-height);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--color-text)}p{margin:0}blockquote{margin:0;padding:0}img{max-width:100%;height:auto;display:block}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--primary-blue: #0A84FF;--light-blue: #E3F2FF;--lighter-blue: #F5FAFF;--white: #FFFFFF;--text-primary: #1C1C1E;--text-secondary: #8E8E93;--border-color: #E5E5EA;--shadow: 0 1px 3px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.6;background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--white)}.container{max-width:800px;margin:0 auto;padding:0 1.5rem;width:100%}.header{padding:2rem 0 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.title{font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:1rem}.username-display{font-size:.875rem;color:var(--text-secondary);font-weight:500}.logout-button{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-primary);background:var(--lighter-blue);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.logout-button:hover{background:var(--light-blue);border-color:var(--primary-blue)}.conversation-feed{display:flex;flex-direction:column;gap:2rem;padding-bottom:3rem}.conversation-entry{display:flex;flex-direction:column;gap:.5rem}.entry-meta{padding-left:.5rem}.entry-date{font-size:.875rem;color:var(--text-secondary);font-weight:500}.entry-bubble{background:var(--lighter-blue);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .2s ease}.entry-bubble.clickable{cursor:pointer}.entry-bubble:hover{border-color:var(--primary-blue);box-shadow:var(--shadow)}.entry-bubble.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.entry-topic{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;line-height:1.4}.entry-content{display:flex;flex-direction:column;gap:.75rem}.content-heading{font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:1rem;margin-bottom:.25rem}.content-subheading{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-top:.75rem;margin-bottom:.25rem}.content-text{font-size:.9375rem;color:var(--text-primary);line-height:1.6}.content-list-item{font-size:.9375rem;color:var(--text-primary);line-height:1.6;list-style:none;padding-left:1.25rem;position:relative}.content-list-item:before{content:"•";position:absolute;left:.5rem;color:var(--primary-blue);font-weight:600}.content-bold{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.6}@media(max-width:768px){.container{padding:0 1rem}.header{padding:1.5rem 0 1rem}.title{font-size:1.5rem}.entry-bubble{padding:1.25rem;border-radius:12px}.entry-topic{font-size:1rem}.content-heading{font-size:.9375rem}.content-subheading,.content-text,.content-list-item,.content-bold{font-size:.875rem}.annotation-header{flex-wrap:wrap}.annotation-user-info{flex-basis:100%;margin-bottom:.25rem}.annotation-time{flex-basis:100%;text-align:left}}@media(max-width:480px){.container{padding:0 .875rem}.header{padding:1.25rem 0 .875rem}.title{font-size:1.375rem}.conversation-feed{gap:1.5rem}.entry-bubble{padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.conversation-entry{animation:fadeIn .4s ease-out}.annotations-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.annotations-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.annotation{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:.75rem}.annotation:last-child{margin-bottom:0}.annotation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.75rem}.annotation-user-info{display:flex;align-items:center;gap:.5rem;flex:1}.annotation-user{font-size:.875rem;font-weight:600;color:var(--text-primary)}.annotation-type-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;white-space:nowrap}.annotation-type-badge[data-type=audio]{background:#e3f2ff;color:#0a84ff}.annotation-type-badge[data-type=text]{background:#f5f5f7;color:#6e6e73}.annotation-time{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.annotation-text{font-size:.9375rem;color:var(--text-primary);line-height:1.6;margin:0}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--white);padding:1.5rem}.login-card{width:100%;max-width:400px;text-align:center}.login-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.login-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{width:100%;padding:1rem 1.25rem;font-size:1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--lighter-blue);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.login-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0a84ff1a}.login-input::placeholder{color:var(--text-secondary)}.login-button{width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:600;color:var(--white);background:var(--primary-blue);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:inherit}.login-button:hover{background:#0051d5;transform:translateY(-1px);box-shadow:0 4px 12px #0a84ff4d}.login-button:active{transform:translateY(0)}@media(max-width:480px){.login-title{font-size:1.75rem}.login-subtitle{font-size:.9375rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--white);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:var(--light-blue);color:var(--text-primary)}.modal-entry-preview{padding:1rem 1.5rem;background:var(--lighter-blue);border-bottom:1px solid var(--border-color)}.preview-topic{font-size:.9375rem;color:var(--text-secondary);margin:0}.mode-selector{display:flex;gap:.5rem;padding:1.5rem;border-bottom:1px solid var(--border-color)}.mode-button{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);background:var(--white);color:var(--text-primary);font-size:.9375rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:inherit}.mode-button:hover{background:var(--lighter-blue)}.mode-button.active{background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.input-section{padding:1.5rem}.text-input{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--lighter-blue);color:var(--text-primary);font-size:.9375rem;font-family:inherit;resize:vertical;margin-bottom:1rem;transition:all .2s ease}.text-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0a84ff1a}.submit-button{width:100%;padding:.875rem 1.25rem;background:var(--primary-blue);color:var(--white);border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.submit-button:hover:not(:disabled){background:#0051d5;transform:translateY(-1px)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.audio-controls{display:flex;flex-direction:column;gap:1rem;align-items:center}.record-button{padding:1rem 2rem;background:var(--primary-blue);color:var(--white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.record-button:hover{background:#0051d5;transform:scale(1.02)}.recording-indicator{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--light-blue);border-radius:12px;width:100%}.recording-dot{width:12px;height:12px;background:#ff3b30;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.stop-button{padding:.5rem 1.25rem;background:#ff3b30;color:var(--white);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;margin-left:auto;font-family:inherit}.audio-ready{width:100%;text-align:center}.audio-ready p{font-size:1rem;color:#34c759;font-weight:600;margin-bottom:1rem}.audio-actions{display:flex;gap:.75rem}.retry-button{flex:1;padding:.875rem 1.25rem;background:var(--white);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.retry-button:hover{background:var(--lighter-blue)}.processing-stage{padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.processing-spinner{width:48px;height:48px;border:4px solid var(--lighter-blue);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-status{font-size:.9375rem;color:var(--text-secondary);font-weight:500;margin:0}.preview-stage{padding:1.5rem}.preview-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.preview-text-box{padding:1.25rem;background:var(--lighter-blue);border:1px solid var(--border-color);border-radius:12px;font-size:.9375rem;line-height:1.6;color:var(--text-primary);margin-bottom:1.5rem;min-height:120px;white-space:pre-wrap;word-wrap:break-word}.preview-actions{display:flex;gap:.75rem}.edit-button{flex:1;padding:.875rem 1.25rem;background:var(--white);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.edit-button:hover{background:var(--lighter-blue);border-color:var(--primary-blue)}.confirm-button{flex:2;padding:.875rem 1.25rem;background:var(--primary-blue);color:var(--white);border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.confirm-button:hover{background:#0051d5;transform:translateY(-1px)}@media(max-width:768px){.modal-content{max-height:95vh}.modal-header{padding:1.25rem}.modal-title{font-size:1.125rem}.mode-selector,.input-section{padding:1.25rem}.processing-stage{padding:2.5rem 1.25rem}.preview-stage{padding:1.25rem}.preview-actions{flex-direction:column}.edit-button,.confirm-button{flex:1;width:100%}}