*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#000;-webkit-font-smoothing:antialiased;background:#f2f2f7;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}#root{height:100%}button{color:inherit;font-family:inherit}:root{--blue:#007aff;--blue-lt:#ebf5ff;--blue-dk:#0c447c;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--purple:#af52de;--teal:#5ac8fa;--bg:#f0f0f6;--surface:#fff;--surface2:#78788014;--surface3:#7878801f;--lbl:#1c1c1e;--lbl2:#3c3c438c;--lbl3:#3c3c4347;--sep:#3c3c431a;--shadow-sm:0 1px 4px #0000000f, 0 .5px 1px #0000000a;--shadow-md:0 4px 16px #00000014, 0 1px 3px #0000000a;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:100px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}#app{background:var(--bg);flex-direction:column;max-width:430px;height:100%;margin:0 auto;display:flex;position:relative}.shell-content,.screen{flex-direction:column;flex:1;min-height:0;display:flex}.nav-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:calc(14px + var(--safe-top)) 20px 14px;border-bottom:.5px solid var(--sep);background:#ffffffe0;flex-shrink:0;justify-content:space-between;align-items:flex-end;display:flex}.nav-title{letter-spacing:-.8px;color:var(--lbl);font-size:30px;font-weight:700;line-height:1.1}.nav-sub{color:var(--lbl2);letter-spacing:.1px;margin-top:3px;font-size:12.5px}.nav-action{color:var(--blue);cursor:pointer;background:0 0;border:none;padding-bottom:4px;font-size:15px;font-weight:500}.tab-bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:.5px solid var(--sep);height:calc(94px + var(--safe-bottom));padding-top:10px;padding-bottom:var(--safe-bottom);background:#f8f8fcf2;flex-shrink:0;justify-content:space-around;align-items:flex-start;display:flex}.tab-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:5px;padding:0 4px;text-decoration:none;transition:opacity .12s,transform .12s;display:flex;position:relative}.tab-item:active{opacity:.6;transform:scale(.96)}.tab-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:50px;transition:background .2s,transform .2s;display:flex}.tab-icon svg{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px;transition:stroke .2s,opacity .2s}.tab-label{letter-spacing:-.1px;font-size:11.5px;font-weight:600;transition:color .2s}.tab-blue .tab-icon svg{stroke:var(--blue)}.tab-orange .tab-icon svg{stroke:var(--orange)}.tab-purple .tab-icon svg{stroke:var(--purple)}.tab-green .tab-icon svg{stroke:var(--green)}.tab-item:not(.active) .tab-icon svg{opacity:.65}.tab-item:not(.active) .tab-label{color:var(--lbl2)}.tab-blue:not(.active) .tab-icon{background:#007aff1a}.tab-orange:not(.active) .tab-icon{background:#ff95001a}.tab-purple:not(.active) .tab-icon{background:#af52de1a}.tab-green:not(.active) .tab-icon{background:#34c7591a}.tab-blue.active .tab-icon{background:#007aff3d}.tab-orange.active .tab-icon{background:#ff950042}.tab-purple.active .tab-icon{background:#af52de3d}.tab-green.active .tab-icon{background:#34c7593d}.tab-blue.active .tab-label{color:var(--blue)}.tab-orange.active .tab-label{color:var(--orange)}.tab-purple.active .tab-label{color:var(--purple)}.tab-green.active .tab-label{color:var(--green)}.stub-content{flex-direction:column;flex:1;gap:16px;padding:24px 20px;display:flex;overflow-y:auto}.stub-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:18px}.stub-card-title{color:var(--lbl);letter-spacing:-.2px;margin-bottom:6px;font-size:17px;font-weight:600}.stub-card-text{color:var(--lbl2);font-size:14.5px;line-height:1.5}.stub-card-text+.stub-card-text{margin-top:8px}.stub-card-text strong{color:var(--lbl)}.quick-section{background:var(--bg);flex-shrink:0;padding:14px 16px 0}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-btn{background:var(--surface);border-radius:var(--r-xl);cursor:pointer;text-align:left;-webkit-user-select:none;box-shadow:var(--shadow-sm);border:none;flex-direction:row;align-items:center;gap:12px;padding:13px 14px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:flex}.quick-btn:active{box-shadow:none;transform:scale(.95)}.qb-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.qb-icon svg{width:21px;height:21px}.qb-blue{background:linear-gradient(145deg,#339dff,#007aff)}.qb-green{background:linear-gradient(145deg,#4dd772,#30c057)}.qb-orange{background:linear-gradient(145deg,#ffb340,#ff9500)}.qb-purple{background:linear-gradient(145deg,#c472f0,#af52de)}.qb-red{background:linear-gradient(145deg,#ff6b5c,#ff3b30)}.qb-gray{background:linear-gradient(145deg,#b0b0b5,#8e8e93)}.qb-title{color:var(--lbl);letter-spacing:-.2px;font-size:13.5px;font-weight:600;line-height:1.2}.qb-sub{color:var(--lbl2);margin-top:2px;font-size:11.5px}.chat-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;padding:12px 16px 0;display:flex;overflow:hidden auto}.chat-scroll::-webkit-scrollbar{display:none}.date-chip{text-align:center;margin:6px 0 4px}.date-chip span{color:var(--lbl2);background:var(--surface);border:.5px solid var(--sep);border-radius:var(--r-pill);padding:3px 10px;font-size:12px}.msg-row{flex-direction:column;display:flex}.msg-row.ai{align-self:stretch;align-items:flex-start}.msg-row.user{align-items:flex-end}.ai-bubble-col{flex-direction:column;width:100%;display:flex}.bubble{border-radius:18px;max-width:82%;padding:10px 14px;font-size:15px;line-height:1.55}.ai .bubble{background:var(--surface);color:var(--lbl);width:100%;max-width:100%;box-shadow:var(--shadow-sm);border-radius:18px 18px 18px 4px}.user .bubble{color:#fff;background:linear-gradient(160deg,#339dff,#007aff);border-radius:18px 18px 4px;box-shadow:0 2px 8px #007aff47}.msg-time{color:var(--lbl3);margin-top:3px;padding:0 4px;font-size:11px}.typing-row{align-items:flex-start;display:flex}.typing-bubble{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px 18px 18px 4px;align-items:center;gap:4px;padding:12px 16px;display:flex}.typing-bubble span{background:var(--lbl3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite tdot}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.quick-btn:disabled,.send-btn:disabled,.mic-btn:disabled,.attach-btn:disabled{opacity:.4;cursor:default}.tag-strip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:.5px solid var(--sep);background:#ffffffeb;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 12px 4px;display:grid}.tag-chip{border-radius:var(--r-md);border:1px solid var(--sep);background:var(--surface);color:var(--lbl2);cursor:pointer;align-items:center;gap:6px;min-width:0;padding:5px 8px;transition:opacity .12s,background .12s,color .12s,border-color .12s;display:flex}.tag-chip:active{opacity:.7}.tag-chip .tag-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tag-chip .tag-label{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex;overflow:hidden}.tag-chip .tag-line1{letter-spacing:-.1px;font-size:11.5px;font-weight:600}.tag-chip .tag-line2{letter-spacing:-.1px;opacity:.85;margin-top:1px;font-size:10.5px;font-weight:400}.tag-chip-red .tag-dot{background:var(--red)}.tag-chip-green .tag-dot{background:var(--green)}.tag-chip-orange .tag-dot{background:var(--orange)}.tag-chip-gray .tag-dot{background:#8e8e93}.tag-chip.selected{color:var(--lbl);font-weight:600}.tag-chip-red.selected{color:#b11d14;background:#ff3b301a;border-color:#ff3b3073}.tag-chip-green.selected{color:#1f7a3e;background:#34c7591a;border-color:#34c75973}.tag-chip-orange.selected{color:#a56500;background:#ff95001a;border-color:#ff950073}.tag-chip-gray.selected{color:#3c3c43;background:#8e8e931f;border-color:#8e8e9373}.tag-strip+.input-bar{border-top:none}.input-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:.5px solid var(--sep);padding:10px 12px;padding-bottom:calc(10px + var(--safe-bottom));background:#ffffffeb;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.input-wrap{border-radius:var(--r-pill);background:#f0f0f6;border:1px solid #78788024;flex:1;align-items:center;gap:8px;min-height:38px;padding:8px 14px;transition:border-color .2s;display:flex}.input-wrap:focus-within{background:#fff;border-color:#007aff59}.input-wrap textarea{color:var(--lbl);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;font-family:inherit;font-size:15px;line-height:1.4;overflow-y:auto}.input-wrap textarea::placeholder{color:var(--lbl2)}.attach-btn,.mic-btn,.send-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .1s,opacity .1s;display:flex}.attach-btn:active,.mic-btn:active,.send-btn:active{opacity:.8;transform:scale(.9)}.attach-btn{background:var(--surface3)}.attach-btn svg{width:18px;height:18px;stroke:var(--lbl2);fill:none;stroke-width:1.8px;stroke-linecap:round}.mic-btn{background:var(--surface3)}.mic-btn svg{width:18px;height:18px;stroke:var(--lbl2);fill:none;stroke-width:1.8px;stroke-linecap:round}.send-btn{background:var(--blue)}.send-btn svg{fill:#fff;width:16px;height:16px;margin-left:2px}.auth-screen{height:100%;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));background:var(--bg);flex-direction:column;justify-content:center;align-items:center;max-width:430px;margin:0 auto;display:flex}.auth-card{background:var(--surface);border-radius:var(--r-xl);width:100%;box-shadow:var(--shadow-md);text-align:center;padding:28px 24px}.auth-card h1{letter-spacing:-.6px;color:var(--lbl);margin-bottom:8px;font-size:26px;font-weight:700}.auth-card p{color:var(--lbl2);margin-bottom:18px;font-size:14.5px;line-height:1.5}.auth-card p:last-of-type{margin-bottom:24px}.auth-card .email{color:var(--lbl);font-weight:600}.btn-primary{border-radius:var(--r-pill);color:#fff;cursor:pointer;background:linear-gradient(160deg,#339dff,#007aff);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:15.5px;font-weight:600;transition:transform .12s,opacity .12s;display:inline-flex;box-shadow:0 2px 8px #007aff47}.btn-primary:active{opacity:.92;transform:scale(.97)}.btn-secondary{border:1px solid var(--sep);border-radius:var(--r-pill);width:100%;color:var(--lbl2);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:11px 16px;font-size:14.5px;font-weight:500;transition:opacity .12s;display:inline-flex}.btn-secondary:active{opacity:.7}.app-loading{height:100%;color:var(--lbl2);background:var(--bg);justify-content:center;align-items:center;font-size:14px;display:flex}