@media(min-width:761px){.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed .workspace{margin-left:0}.sidebar-collapsed.app-shell{grid-template-columns:1fr}}
.mode-intro{padding:22px 0 10px}.mode-intro h2{font-size:20px}.mode-intro .hint{max-width:640px}.telegram-login{width:100%;justify-content:center}#telegram-login{margin-bottom:24px}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px}.journal-paper{background:var(--surface);padding:32px}.journal-questions{display:grid;gap:20px}.journal-question{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center}.journal-question textarea{grid-column:2}.question-number{color:#8a9b77;font-size:12px;font-weight:600}.journal-entry{display:grid;gap:9px;text-align:left;width:100%;padding:18px;margin:12px 0;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.journal-entry.active{border-color:var(--accent);background:var(--soft)}.journal-entry span,.journal-entry small{font-size:12px;color:var(--muted)}.journal-reflection{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.diary-analysis{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;background:var(--soft);border-radius:16px;padding:22px;margin-top:20px}.question-edit{display:flex;align-items:center;gap:8px;margin:12px 0}.question-edit input:not([type=checkbox]){flex:1;min-width:0}.quick-chips{display:flex;gap:8px;flex-wrap:wrap}.quick-chip{display:flex;align-items:center;background:var(--soft);padding:5px 5px 5px 14px;border-radius:20px;font-size:13px}.calendar-event[draggable=true]{cursor:grab}.calendar-event[draggable=true]:active{cursor:grabbing}.personal-chart{margin-top:24px}.chart-options{margin-bottom:24px;gap:18px}.activity-bars{display:flex;gap:6px;align-items:flex-end;height:160px}.activity-bars>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:8px}.activity-bars span{display:block;width:100%;max-width:50px;border-radius:8px 8px 3px 3px}.activity-bars small{font-size:10px}.activity-line{width:100%;max-height:240px}.activity-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:8px}.activity-tiles>div{border-radius:12px;padding:15px 8px;display:grid;gap:7px;color:#fff;text-align:center}.activity-tiles small{font-size:10px}.time-orbits{display:flex;flex-wrap:wrap;gap:26px}.time-orbits>div{text-align:center}.personal-chart table{width:100%;text-align:left;border-collapse:collapse}.personal-chart td,.personal-chart th{padding:8px;border-bottom:1px solid var(--border)}.voice-indicator{display:flex;align-items:center;gap:12px;font-size:12px;padding:10px;border-radius:12px;background:var(--soft);margin-bottom:10px}.voice-bars{display:flex;height:24px;align-items:center;gap:3px}.voice-bars i{height:8px;width:3px;border-radius:3px;background:var(--accent);animation:voice-pulse 1s ease-in-out infinite alternate}.voice-bars i:nth-child(2){animation-delay:.2s}.voice-bars i:nth-child(3){animation-delay:.5s}.voice-bars i:nth-child(4){animation-delay:.3s}.voice-bars i:nth-child(5){animation-delay:.7s}@keyframes voice-pulse{to{height:22px;opacity:.55}}.pending{opacity:.7}.journal-history{min-width:0}.journal-paper textarea{resize:vertical}.journal-paper .row>label{min-width:0}.journal-entry strong{overflow-wrap:anywhere}
@media(max-width:900px){.journal-layout{grid-template-columns:1fr}.journal-paper{padding:20px}.journal-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.journal-history>h2,.journal-history>.notice{grid-column:1/-1}.question-edit{gap:3px}.question-edit .icon-btn{width:30px}.voice-indicator{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.voice-bars i{animation:none;height:15px}}
.ai-quota-button{display:flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid var(--border);border-radius:20px;font-size:11px;background:var(--surface);white-space:nowrap}.ai-quota-meter{width:19px;height:19px;border-radius:50%;background:conic-gradient(#829775 var(--quota,100%),var(--surface2) 0);position:relative}.ai-quota-meter:after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--surface)}.ai-quota-button.low .ai-quota-meter{background:conic-gradient(#c48b48 var(--quota,100%),var(--surface2) 0)}.quota-caption{margin:12px 0 0;line-height:1.5}@media(max-width:480px){.ai-quota-button{padding:6px;font-size:10px}.topbar .row{gap:6px}.ai-quota-meter{width:15px;height:15px}}
