:root{--bg: #0f1110;--bg-grad-top: #141714;--bg-grad-bottom: #0f1110;--surface: #171a18;--surface-soft: #1c211d;--surface-muted: #202521;--surface-raised: #212723;--border: #2d332e;--border-strong: #3a423b;--text: #ecefe8;--text-muted: #b3b9b1;--text-soft: #8d948c;--brand: #dce1d8;--brand-text: #171816;--danger: #c86a6a;--danger-soft: #3a1f1f;--danger-border: #613131;--focus: #7ea4de;--shadow-1: 0 1px 1px rgba(0, 0, 0, .2);--shadow-2: 0 10px 22px rgba(0, 0, 0, .2);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--radius-sm: .55rem;--radius-md: .72rem;--radius-lg: .95rem;--font-title: 1.34rem;--font-section: 1.02rem;--font-body: .96rem;--font-meta: .87rem;font-family:Avenir Next,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}:root[data-theme=light]{--bg: #f6f6f4;--bg-grad-top: #fbfbf9;--bg-grad-bottom: #f2f2ef;--surface: #ffffff;--surface-soft: #fafaf8;--surface-muted: #f3f3ef;--surface-raised: #ffffff;--border: #dfe1da;--border-strong: #d0d3cb;--text: #1d1f1d;--text-muted: #62675f;--text-soft: #8b9088;--brand: #151615;--brand-text: #ffffff;--danger: #a22b2b;--danger-soft: #fff1f1;--danger-border: #ebc6c6;--focus: #5f82b3;--shadow-1: 0 1px 1px rgba(0, 0, 0, .03);--shadow-2: 0 10px 22px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:linear-gradient(180deg,var(--bg-grad-top) 0%,var(--bg-grad-bottom) 100%);font-size:var(--font-body);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}p{margin:.2rem 0 .55rem;color:var(--text-muted)}.app-shell{max-width:840px;margin:0 auto;padding:var(--space-4) .85rem 2rem}.topbar{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:.4rem 0 var(--space-3);min-height:3rem}.topbar h1{margin:0;font-size:var(--font-title);line-height:1.2;letter-spacing:-.025em;font-weight:620;position:absolute;left:50%;transform:translate(-50%)}.topbar-actions{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.cloud-indicator{width:2.35rem;min-width:2.35rem;height:2.35rem;min-height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-soft);font-size:1rem;line-height:1;padding:0}.cloud-indicator.ok{color:#f57ab6}.cloud-indicator.idle{color:var(--text-soft)}.cloud-indicator.error{color:#ffd7d7;background:#7a2222;border-color:#b94a4a;width:auto;min-width:2.35rem;padding:.1rem .42rem;font-size:.72rem;font-weight:700;letter-spacing:.02em}.cloud-glyph-svg{width:1.03rem;height:1.03rem;display:block}.menu-wrap{position:relative;display:inline-flex;align-items:center}.menu-button{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-md);width:2.35rem;min-width:2.35rem;height:2.35rem;min-height:2.35rem;font-size:1.15rem;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1}.menu-dropdown{position:absolute;right:0;top:2.8rem;width:13rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:.82rem;box-shadow:var(--shadow-2);padding:.4rem;z-index:10;animation:menu-in .15s ease-out}.menu-dropdown button{width:100%;text-align:left;border:none;background:transparent;border-radius:var(--radius-sm);padding:.64rem .72rem;display:flex;align-items:center;gap:.55rem;min-height:2.45rem;font-weight:520}.menu-dropdown button:hover{background:var(--surface-soft)}.menu-item-icon{width:1rem;min-width:1rem;display:inline-flex;justify-content:center;align-items:center;font-size:.9rem;line-height:1}.main-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin:0 0 var(--space-4);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.24rem}.tab{border:1px solid transparent;background:transparent;padding:.62rem .45rem;border-radius:.66rem;text-transform:capitalize;color:var(--text-muted);font-weight:540;min-height:2.48rem;transition:background-color .14s ease,color .14s ease}.tab.active{background:var(--brand);color:var(--brand-text);border-color:var(--brand)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-1)}.panel-compact{padding:.9rem}.settings-block{margin-bottom:.72rem}.settings-toggle{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;background:var(--surface-soft)}.settings-content{margin-top:.56rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);padding:.72rem}.section-head{margin-bottom:.72rem}.section-gap{margin-top:.78rem}.section-gap-lg{margin-top:1rem}.panel h2,.panel h3{margin-top:0;letter-spacing:-.01em}.panel h2{font-size:var(--font-section);margin-bottom:0;font-weight:620}.panel h3{font-size:.91rem;font-weight:600;color:var(--text-muted);margin-bottom:.35rem}label{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.84rem;font-size:.9rem;color:var(--text-muted)}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:.69rem .8rem;background:var(--surface);color:var(--text);min-height:2.45rem;transition:border-color .14s ease,background-color .14s ease}input::placeholder,textarea::placeholder{color:var(--text-soft)}textarea{resize:vertical;min-height:7rem;line-height:1.52;width:100%}.manual-glimpse{min-height:2.8rem;max-height:2.8rem;overflow:hidden;transition:max-height .18s ease}.manual-glimpse.expanded{min-height:8.6rem;max-height:28rem}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-soft) 50%),linear-gradient(135deg,var(--text-soft) 50%,transparent 50%);background-position:calc(100% - 1rem) calc(1rem + 2px),calc(100% - .72rem) calc(1rem + 2px);background-size:.28rem .28rem,.28rem .28rem;background-repeat:no-repeat}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert(63%) sepia(37%) saturate(2168%) hue-rotate(291deg) brightness(101%) contrast(97%)}.toggle-row,.action-row,.filter-row{display:flex;flex-wrap:wrap;gap:.54rem;margin-bottom:.78rem}form.action-row{margin-top:0}.action-row-tight{margin-bottom:.56rem}.action-row input,.action-row select,.filter-row input,.filter-row select{flex:1 1 10rem;min-width:0}button{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:.62rem .92rem;background:var(--surface);cursor:pointer;color:var(--text);min-height:2.45rem;font-weight:560;transition:background-color .14s ease,border-color .14s ease,transform .12s ease}button:hover{border-color:var(--text-soft)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}button:disabled{opacity:.52;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--brand-text);border-color:var(--brand)}.btn-primary:hover{filter:brightness(.98)}.btn-muted{background:var(--surface-muted)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.timer-card{border:1px solid var(--border);border-radius:.84rem;padding:.9rem;margin-bottom:.84rem;background:var(--surface-soft)}.timer-value{font-size:1.95rem;font-weight:680;letter-spacing:.02em;color:var(--text)}.timer-value.recording{color:#e37d7d}.timer-inline{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.meta-note{display:block;margin-top:.34rem;font-size:var(--font-meta);color:var(--text-soft)}.meta-note.inline{margin-top:0}.alert{border-radius:var(--radius-md);margin-bottom:.64rem;padding:.62rem .74rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;animation:fade-in .14s ease-out}.alert.error{background:var(--danger-soft);border:1px solid var(--danger-border);color:#f7cccc}:root[data-theme=light] .alert.error{color:#8f1f1f}.alert-close{border:none;background:transparent;color:inherit;padding:0;width:1.2rem;min-width:1.2rem;height:1.2rem;line-height:1;font-size:1rem;min-height:auto}.status{color:var(--text-muted);margin-bottom:.72rem;border:1px solid var(--border);background:var(--surface-soft);border-radius:var(--radius-md);padding:.56rem .74rem;animation:fade-in .14s ease-out}.muted-text{color:var(--text-muted);margin:.3rem 0;font-size:.9rem}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-md);padding:.74rem;color:var(--text-muted);background:var(--surface-soft);font-size:.9rem}.entry-list{display:grid;gap:.5rem}.entry-card{border:1px solid var(--border);border-radius:.76rem;padding:.62rem .7rem;background:var(--surface);transition:border-color .15s ease,background-color .15s ease}.entry-card p{white-space:pre-wrap;margin:.56rem 0 .1rem;color:var(--text-muted)}.entry-line{display:grid;grid-template-columns:7.6rem 1fr auto;align-items:center;gap:.5rem;cursor:pointer}.entry-date-col{display:flex;flex-direction:column;gap:.14rem}.entry-date{font-size:.88rem;letter-spacing:.01em;color:var(--text-muted);font-weight:600}.entry-preview{color:var(--text-soft);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem}.entry-sync{font-size:.7rem;letter-spacing:.01em;line-height:1;color:var(--text-soft)}.entry-sync.pending{color:#f6b3d2}.entry-sync.synced{color:#9ed9b1}.entry-sync.error{color:#ff9b9b}.hit-highlight{background:#f57ab6;color:#1a1016;padding:0 .12rem;border-radius:.2rem}:root[data-theme=light] .hit-highlight{background:#ff93c6}.icon-btn{border:1px solid var(--border);width:1.76rem;min-width:1.76rem;height:1.76rem;min-height:1.76rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:.52rem;background:var(--surface-soft);font-size:.9rem}.entry-actions{display:inline-flex;align-items:center;gap:.35rem}.icon-btn.danger{border-color:#a84772;color:#ff9ac8}.entry-editor{margin-top:.56rem}.entry-detail{line-height:1.6;color:var(--text-muted);animation:fade-in .15s ease-out}.answer-box{white-space:pre-wrap;background:var(--surface-soft);border:1px solid var(--border);border-radius:.8rem;padding:.8rem;font-family:inherit;line-height:1.58}.summary-box{width:100%;min-height:12.5rem}.source-row{border-left:2px solid var(--border);padding-left:.62rem;margin-bottom:.64rem}.source-date{font-size:.84rem;color:var(--text-muted);letter-spacing:.01em}.source-row p{margin:.22rem 0 0;color:var(--text-muted)}.source-toggle-wrap{margin-top:.56rem}.source-list-compact{margin-top:.54rem;display:flex;flex-wrap:wrap;gap:.48rem}.source-jump-btn{min-height:2.1rem;padding:.42rem .7rem;font-size:.86rem;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border)}.source-preview-card{margin-top:.56rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem;background:var(--surface-soft)}.calendar-block{border:1px solid var(--border);border-radius:var(--radius-md);padding:.65rem;background:var(--surface-soft);margin-bottom:.86rem}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.calendar-picker-pair{display:inline-flex;align-items:center;gap:.4rem}.calendar-select{min-height:2rem;padding:.34rem 1.55rem .34rem .9rem;font-size:.87rem;font-weight:700;line-height:1.2;text-align:center;text-align-last:center;background-position:calc(100% - .9rem) 50%,calc(100% - .66rem) 50%}.calendar-select.month{min-width:8.5rem}.calendar-select.year{min-width:5.3rem}.calendar-grid-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;margin-bottom:.32rem}.calendar-grid-head span{text-align:center;font-size:.77rem;color:var(--text-soft)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}.calendar-day{min-height:2.1rem;border-radius:.55rem;padding:.25rem .2rem;font-size:.86rem;border:1px solid var(--border)}.calendar-day.outside{color:var(--text-soft);opacity:.72}.calendar-day.has-entry{border-color:#f57ab6}.calendar-day.selected{background:#f57ab6;border-color:#f57ab6;color:#1a1016}.source-preview-card p{margin-top:.35rem}.vocab-stream{border:1px solid var(--border);background:var(--surface-soft);border-radius:.76rem;padding:.68rem;margin-bottom:.84rem;line-height:1.7}.vocab-link{border:none;background:transparent;color:#8aa9e6;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;padding:0;min-height:auto;font-weight:520}:root[data-theme=light] .vocab-link{color:#2d4476}.danger-zone{margin-top:.76rem}.spinner{width:.85rem;height:.85rem;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;margin-right:.4rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:721px){.app-shell{padding:var(--space-4) 1rem 2.2rem}}@media(max-width:720px){.entry-line{grid-template-columns:6.9rem 1fr auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}