:root{--bg:#f3f4f6;--canvas:radial-gradient(circle at top, #fff 0%, #f4f4f5 45%, #ececee 100%);--surface:#fff;--surface-alt:#f8f8f9;--surface-soft:#f6f6f7;--text:#15171a;--muted:#70757f;--muted-2:#9aa0a8;--line:#10182814;--line-strong:#1018281f;--brand:#c91d26;--brand-dark:#96131b;--brand-soft:#c91d261a;--success:#0f9d6d;--warning:#f59e0b;--shadow-xl:0 30px 80px #12182824;--shadow-lg:0 18px 40px #1218281f;--shadow-md:0 10px 24px #12182814;--radius-xl:30px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px;--safe-top:env(safe-area-inset-top,26px);--safe-bottom:env(safe-area-inset-bottom,22px);--nav-height:78px}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6,p{margin:0}.app-shell{background:var(--surface);width:100%;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.screen{min-height:100dvh;padding-bottom:var(--nav-height);display:none;position:relative}.screen.active{display:block}.screen-content{padding:0 16px;padding-top:var(--safe-top)}.screen-overlay{z-index:300;background:var(--surface);pointer-events:none;max-width:480px;margin:0 auto;transition:transform .26s;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.screen-overlay.active{pointer-events:auto;transform:translate(0)}.overlay-content{padding:0 16px;padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + 20px)}.top-bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.top-bar.compact{padding:10px 0}.top-title h2,.top-title h3{letter-spacing:-.3px;font-size:22px;font-weight:700}.top-title p{color:var(--muted);margin-top:2px;font-size:13px}.bottom-nav{max-width:480px;height:var(--nav-height);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);z-index:200;background:#ffffffeb;justify-content:space-around;align-items:center;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:6px 16px;font-size:10px;transition:color .2s;display:flex}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--brand);font-weight:600}.primary-button{background:var(--brand);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 22px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.primary-button:active{background:var(--brand-dark)}.primary-button svg{width:16px;height:16px}.secondary-button{background:var(--surface-alt);color:var(--text);border-radius:var(--radius-sm);border:1px solid var(--line-strong);justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 22px;font-size:14px;font-weight:600;display:inline-flex}.button-row{gap:10px;margin-top:16px;display:flex}.button-row>*{flex:1}.icon-btn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.icon-btn:active{background:var(--surface-alt)}.icon-btn svg{width:20px;height:20px}.inline-actions{gap:4px;display:flex}.section{margin-top:20px}.section-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:600}.section-header h4{font-size:16px;font-weight:700}.text-link{color:var(--brand);font-size:13px;font-weight:600}.tag{background:var(--surface-alt);color:var(--muted);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.feed-meta{flex-wrap:wrap;gap:6px;display:flex}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.avatar.red{background:var(--brand)}.avatar.slate{background:#475569}.avatar.warm{background:#b45309}.avatar-xl{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:flex}.avatar-xl.red{background:var(--brand)}.avatar-xl.slate{background:#475569}.avatar-xl.warm{background:#b45309}.author-row{align-items:center;gap:12px;display:flex}.author-details strong{font-size:14px}.meta-line{color:var(--muted);margin-top:2px;font-size:12px}.case-card,.compact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;margin-bottom:14px;padding:18px;transition:box-shadow .2s}.case-card:active,.compact-card:active{box-shadow:var(--shadow-md)}.case-title{margin:12px 0 6px;font-size:16px;font-weight:700;line-height:1.4}.case-preview{color:var(--muted);font-size:13px;line-height:1.5}.media-thumb{background:var(--surface-alt);border-radius:var(--radius-sm);justify-content:center;align-items:center;height:160px;margin-top:14px;display:flex;position:relative;overflow:hidden}.media-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#ffffffe6;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.media-lines span{background:var(--line);border-radius:2px;width:60%;height:3px;margin:6px auto;display:block}.engagement-row{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.engagement-actions{gap:4px;display:flex}.action-icon{color:var(--muted);border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;transition:all .2s;display:inline-flex}.action-icon svg{width:16px;height:16px}.action-icon.liked{color:var(--brand)}.action-icon.liked svg{fill:var(--brand)}.icon-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.icon-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;display:flex;position:relative}.icon-tile-media{position:relative}.icon-tile-badge{background:var(--brand);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px}.icon-tile-label{text-align:center;font-size:11px;font-weight:600}.chat-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:14px 0;display:flex}.row-copy{flex:1;min-width:0}.row-head{justify-content:space-between;align-items:baseline;display:flex}.row-title{color:var(--muted);margin-top:2px;font-size:12px}.row-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.row-side{flex-shrink:0}.unread-badge{background:var(--brand);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.chat-header-card{background:var(--surface-alt);border-radius:var(--radius-sm);margin-top:10px;padding:16px}.chat-stream{flex-direction:column;gap:10px;padding:16px 0;display:flex}.chat-bubble{border-radius:var(--radius-sm);max-width:80%;padding:12px 16px;font-size:14px;line-height:1.5}.chat-bubble.me{background:var(--brand);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.chat-bubble.other{background:var(--surface-alt);border-bottom-left-radius:6px;align-self:flex-start}.chat-time{color:var(--muted-2);margin-top:4px;font-size:10px}.chat-bubble.me .chat-time{color:#fff9}.chat-composer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff2;padding:10px 0;position:sticky;bottom:0}.composer-row{align-items:center;gap:8px;display:flex}.composer-input{background:var(--surface-alt);border:1px solid var(--line);border-radius:20px;flex:1;padding:10px 14px;font-size:14px}.composer-action{width:36px;height:36px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.composer-action svg{width:18px;height:18px}.composer-action.primary{background:var(--brand);color:#fff}.field-group{margin-top:18px}.field-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field-input input,.field-textarea textarea{background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;padding:12px 14px;font-size:14px}.field-textarea textarea{resize:vertical;min-height:120px}.field-helper{color:var(--muted-2);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-alt);border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.chip.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.upload-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.upload-tile{border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:18px 10px;font-size:11px;display:flex}.upload-tile svg{width:22px;height:22px}.profile-summary{padding:16px 0}.profile-header{justify-content:space-between;align-items:flex-start;display:flex}.profile-top{align-items:center;gap:16px;display:flex}.bio{color:var(--muted);margin:14px 0;font-size:13px;line-height:1.5}.profile-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px;margin-top:16px;padding:16px 0;display:flex}.profile-stat{text-align:center}.profile-stat strong{font-size:18px;display:block}.profile-stat span{color:var(--muted);font-size:11px}.progress-bar{background:var(--surface-alt);border-radius:3px;height:6px;overflow:hidden}.progress-bar span{background:var(--brand);border-radius:3px;height:100%;transition:width .4s;display:block}.notification-card{border-bottom:1px solid var(--line);gap:12px;padding:14px 0;display:flex}.notification-icon{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-icon svg{width:18px;height:18px}.notification-copy strong{font-size:13px}.notification-copy p{color:var(--muted);margin-top:2px;font-size:12px}.detail-head{padding:10px 0}.detail-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.detail-media{background:var(--surface-alt);border-radius:var(--radius-sm);justify-content:center;align-items:center;height:200px;margin-top:16px;display:flex;position:relative}.detail-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.detail-body{padding-bottom:80px}.detail-card{background:var(--surface-alt);border-radius:var(--radius-sm);margin-top:16px;padding:18px}.detail-card p{color:var(--text);font-size:14px;line-height:1.6}.comment-card{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--line);margin-top:10px}.comment-header{align-items:flex-start;gap:10px;display:flex}.case-comment-composer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff2;padding:10px 0;position:sticky;bottom:0}.settings-item{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 0;display:flex}.settings-icon{background:var(--surface-alt);width:40px;height:40px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-icon svg{width:18px;height:18px}.setting-copy strong{font-size:14px}.setting-copy p{color:var(--muted);margin-top:2px;font-size:12px}.dictation-card{background:var(--surface-alt);border-radius:var(--radius-sm);margin-bottom:8px;padding:16px}.dictation-state{justify-content:space-between;align-items:center;display:flex}.dictation-trigger{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dictation-trigger svg{width:20px;height:20px}.dictation-trigger.recording{background:#dc2626;animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 12px #dc262600}to{box-shadow:0 0 #dc262600}}.wave{align-items:center;gap:3px;height:24px;margin-top:12px;display:flex}.wave span{background:var(--brand);border-radius:2px;width:4px;animation:.8s ease-in-out infinite wave-bar;display:block}.wave span:first-child{height:8px;animation-delay:0s}.wave span:nth-child(2){height:16px;animation-delay:.15s}.wave span:nth-child(3){height:12px;animation-delay:.3s}.wave span:nth-child(4){height:20px;animation-delay:.45s}@keyframes wave-bar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.processing-dot{gap:6px;margin-top:12px;display:flex}.processing-dot span{background:var(--brand);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dot-blink}.processing-dot span:first-child{animation-delay:0s}.processing-dot span:nth-child(2){animation-delay:.2s}.processing-dot span:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.dictation-transcript{color:var(--muted);max-height:80px;margin-top:10px;font-size:13px;line-height:1.5;overflow-y:auto}.share-sheet{background:var(--surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);transform:translateY(100%)}.share-sheet.active{transform:translateY(0)}.share-handle{background:var(--line-strong);border-radius:2px;width:36px;height:4px;margin:10px auto}.segmented-wrap{background:var(--surface-alt);border-radius:var(--radius-sm);margin-top:14px;padding:3px;display:flex}.segmented-item{text-align:center;color:var(--muted);border-radius:12px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.segmented-item.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.tab-row{border-bottom:1px solid var(--line);gap:6px;padding:6px 0;display:flex}.subtab{color:var(--muted);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.subtab.active{background:var(--brand-soft);color:var(--brand)}.auth-screen{flex-direction:column;justify-content:center;align-items:center;max-width:480px;min-height:100dvh;margin:0 auto;padding:32px 24px;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);padding:32px 24px}.auth-card h1{text-align:center;margin-bottom:4px;font-size:26px;font-weight:700}.auth-card .subtitle{color:var(--muted);text-align:center;margin-bottom:28px;font-size:14px}.auth-toggle{text-align:center;color:var(--muted);margin-top:20px;font-size:13px}.auth-toggle button{color:var(--brand);font-weight:600}.auth-error{color:var(--brand);text-align:center;background:#c91d2614;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.splash-screen{z-index:1000;background:var(--surface);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.splash-screen.hide{opacity:0;pointer-events:none}.splash-inner{text-align:center;padding:32px}.splash-inner h1{color:var(--brand);margin-bottom:8px;font-size:28px;font-weight:700}.splash-inner p{color:var(--muted);max-width:280px;margin:0 auto;font-size:14px;line-height:1.5}.loading-center{color:var(--muted);justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.empty-state{text-align:center;color:var(--muted);padding:48px 24px}.empty-state h3{color:var(--text);margin-bottom:8px;font-size:16px}.empty-state p{font-size:13px;line-height:1.5}.ai-fab{bottom:calc(var(--nav-height) + 16px);background:var(--brand);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg);z-index:250;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:fixed;right:16px}.ai-fab:active{transform:scale(.92)}.ai-panel{background:var(--surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:400;flex-direction:column;max-width:480px;height:65dvh;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -10px 40px #00000026}.ai-panel-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.ai-panel-messages{flex:1;padding:16px 20px;overflow-y:auto}.ai-panel-input{border-top:1px solid var(--line);padding:10px 16px;padding-bottom:calc(10px + var(--safe-bottom));background:var(--surface);flex-shrink:0}.ai-welcome{text-align:center;padding:20px 0}.ai-welcome p{margin-bottom:8px}.ai-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.ai-suggestions button{background:var(--brand-soft);color:var(--brand);cursor:pointer;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:600;transition:background .2s}.ai-suggestions button:active{background:var(--brand);color:#fff}.ai-message{margin-bottom:12px}.ai-message-user .ai-message-content{background:var(--brand);color:#fff;border-radius:var(--radius-sm);border-bottom-right-radius:6px;max-width:85%;margin-left:auto;padding:10px 14px;font-size:14px;line-height:1.5}.ai-message-assistant .ai-message-content{background:var(--surface-alt);border-radius:var(--radius-sm);white-space:pre-wrap;border-bottom-left-radius:6px;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.5}.ai-case-cards{flex-direction:column;gap:8px;max-width:90%;display:flex}.ai-case-card{text-align:left;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;padding:10px 14px;transition:box-shadow .2s;display:block}.ai-case-card:active{box-shadow:var(--shadow-md)}.ai-case-card strong{font-size:13px;line-height:1.4;display:block}.ai-tool-indicator{color:var(--muted);text-align:center;padding:4px;font-size:12px;font-style:italic}.ai-recording-indicator{align-items:center;gap:8px;padding:6px 0;display:flex}.learn-card{border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-md);background:#ffffffe6;margin-bottom:12px;padding:16px}.learn-visual{background:linear-gradient(135deg,#f0f0f0 0%,#e4e4e4 100%);border-radius:14px;height:120px;margin-bottom:14px;position:relative;overflow:hidden}.learn-badge{letter-spacing:.02em;background:#ffffffdb;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.thumbnail-lines{gap:8px;display:grid;position:absolute;inset:auto 18px 18px}.thumbnail-lines span{background:#ffffff80;border-radius:99px;height:10px}.thumbnail-lines span:first-child{width:148px}.thumbnail-lines span:nth-child(2){width:104px}.play-overlay{width:48px;height:48px;color:var(--brand);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.learn-title{letter-spacing:-.03em;margin:10px 0 4px;font-size:15px;display:block}.learn-meta{gap:6px;margin-top:4px;display:flex}.meta-pill{background:var(--surface-alt);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.tip-body{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.hidden{display:none!important}