.login-page{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#86d7ff,#bce9ff 48%,#eefaff);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:30px 20px}.login-brand{text-align:center;margin-bottom:24px}.login-brand h1{margin:0;font-size:clamp(3rem,7vw,5rem);font-weight:900;line-height:.95;color:#1676d2;letter-spacing:-3px;text-shadow:0 3px 0 rgba(255,255,255,.9),0 7px 18px rgba(30,100,160,.18)}.login-brand h1 span{color:#ff8a34}.login-brand p{margin:14px 0 0;color:#35647f;font-size:1rem;font-weight:600;letter-spacing:.01em}.login-card{width:100%;display:flex;justify-content:center;padding:6px;border-radius:26px;background:#ffffff47;box-shadow:0 24px 70px #2669962e,inset 0 1px #fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.clerk-root{width:100%}.clerk-card{width:100%!important;border-radius:20px!important;box-shadow:none!important}.cloud{position:absolute;width:180px;height:55px;background:#ffffffe0;border-radius:100px;filter:drop-shadow(0 8px 10px rgba(72,146,186,.08));z-index:1}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:80px;height:80px;left:25px;top:-36px}.cloud:after{width:100px;height:100px;right:20px;top:-50px}.cloud-1{left:-40px;top:12%;transform:scale(1.25)}.cloud-2{right:-60px;top:20%;transform:scale(.85);opacity:.75}.cloud-3{left:8%;bottom:10%;transform:scale(.75);opacity:.7}.cloud-4{right:5%;bottom:5%;transform:scale(1.3)}.cloud-5{left:42%;top:-30px;transform:scale(.7);opacity:.55}.balloon{position:absolute;z-index:2;animation:balloonFloat 6s ease-in-out infinite}.balloon-top{width:72px;height:92px;border-radius:50% 50% 45% 45%;background:linear-gradient(90deg,#ff8a34 0 22%,#ffd36a 22% 42%,#fff 42% 58%,#ffd36a 58% 78%,#ff8a34 78%);box-shadow:inset 0 -8px 14px #9b511414}.balloon-rope{position:absolute;width:1px;height:25px;background:#4a545c8c;top:85px}.balloon-rope.left{left:24px}.balloon-rope.right{right:24px}.balloon-basket{width:28px;height:18px;margin:22px auto 0;background:#9f693e;border-radius:3px 3px 7px 7px;box-shadow:inset 0 -4px #50280f29}.balloon-1{top:12%;right:12%;transform:scale(.85);animation-delay:-1s}.balloon-2{left:11%;bottom:18%;transform:scale(.58);opacity:.8;animation-delay:-3s}@keyframes balloonFloat{0%,to{translate:0 0}50%{translate:0 -14px}}.paper-plane{position:absolute;color:#ffffffe6;font-size:38px;z-index:2;filter:drop-shadow(0 5px 5px rgba(40,110,160,.1));animation:planeFloat 5s ease-in-out infinite}.plane-1{left:20%;top:23%;rotate:-18deg}.plane-2{right:18%;bottom:21%;font-size:29px;rotate:12deg;animation-delay:-2s}.plane-3{left:7%;top:52%;font-size:23px;opacity:.55;rotate:-4deg;animation-delay:-4s}@keyframes planeFloat{0%,to{translate:0 0}50%{translate:8px -7px}}@media(max-width:768px){.login-content{max-width:390px}.login-brand h1{font-size:3.4rem}.balloon-1{right:-5px;top:8%;transform:scale(.52)}.balloon-2{left:-15px;bottom:11%;transform:scale(.4)}.plane-1{left:5%;top:18%}.plane-2{right:3%}.cloud-1{left:-110px}.cloud-2{right:-130px}.cloud-3{left:-80px}.cloud-4{right:-120px}}@media(prefers-reduced-motion:reduce){.balloon,.paper-plane{animation:none}}.login-brand{animation:brandArrival .7s cubic-bezier(.22,1,.36,1)}@keyframes brandArrival{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.app-container{display:flex;min-height:100vh;background:#f3f4f6}.sidebar{width:320px;background:#fff;border-right:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sidebar-title{font-size:20px;font-weight:700;color:#111827}.sidebar-toggle-btn{background:#e5e7eb;padding:6px 10px;border-radius:6px;border:none;font-size:13px}.sidebar-body.collapsed{display:none}.sidebar-search{width:100%;padding:6px 8px;font-size:13px;border-radius:6px;border:1px solid #d1d5db;margin-bottom:10px}.sidebar-clear-btn{margin-bottom:12px;background:#ef4444;color:#fff;font-size:13px}.history-list{flex:1;overflow-y:auto}.history-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-size:13px;margin-bottom:10px;position:relative}.history-meta{font-size:11px;color:#6b7280;font-size:.75rem;opacity:.75;margin-top:4px}.history-restore-btn{margin-top:6px;font-size:11px;color:#2563eb;background:none;border:none;padding:0}.tag-pill{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;background:#e5e7eb;color:#374151}.tag-refund{background:#fee2e2;color:#b91c1c}.tag-return{background:#ffedd5;color:#c05621}.tag-shipping{background:#fef9c3;color:#92400e}.tag-product_question{background:#dbeafe;color:#1d4ed8}.tag-complaint{background:#ede9fe;color:#6d28d9}.tag-compliment{background:#dcfce7;color:#15803d}.tag-pricing{background:#e0e7ff;color:#4338ca}.tag-urgent{background:#fecaca;color:#b91c1c;font-weight:700}.tag-account{background:#ccfbf1;color:#0f766e}.tag-other{background:#e5e7eb;color:#374151}.main-editor{flex:1;padding:40px 60px;display:flex;flex-direction:column;align-items:center}.logo{width:160px;margin-bottom:20px;transition:filter .3s ease,transform .3s ease}.logo:hover{filter:drop-shadow(0 0 12px rgba(59,130,246,.8));transform:scale(1.03)}.editor-input{width:100%;max-width:600px;min-height:120px;border:1px solid #d1d5db;border-radius:8px;padding:10px;margin-bottom:16px;font-size:14px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tone-btn,.length-btn{border-radius:999px;border:1px solid #2563eb;background:#fff;padding:6px 12px;font-size:13px;color:#2563eb}.tone-btn.active,.length-btn.active{background:#2563eb;color:#fff}.primary-btn{background:#2563eb;color:#fff;margin-top:4px}.primary-btn:disabled{background:#9ca3af;cursor:default}.reply-box{margin-top:20px;width:100%;max-width:600px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:14px;font-size:14px}.copy-btn{margin-top:8px;background:#2563eb;color:#fff}.sidebar{width:320px;transition:width .3s ease;overflow:hidden}.sidebar.closed{width:0}.sidebar.open{width:320px}.floating-toggle-btn{position:fixed;top:16px;z-index:9999;background:#2563eb;color:#fff;padding:6px 14px;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:left .3s ease}.app-container.sidebar-open .floating-toggle-btn{left:336px}.app-container.sidebar-closed .floating-toggle-btn{left:16px}.floating-toggle-btn:hover{background:#1d4ed8}.tone-container{display:flex;gap:8px;margin-bottom:20px}.tone-btn{padding:6px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-size:14px;color:#334155;transition:.2s}.tone-btn:hover{background:#f1f5f9}.active-tone{background:#2563eb;color:#fff;border-color:#1d4ed8}.locked-tone{opacity:.5;cursor:not-allowed}.locked-tone:hover{background-color:inherit}.templates-container{margin-bottom:12px}.templates-header{font-weight:600;font-size:.85rem;margin-bottom:6px;text-align:center}.templates-list{display:flex;gap:6px;flex-wrap:wrap}.template-btn{font-size:.75rem;padding:6px 8px;border-radius:6px;cursor:pointer}.template-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-hint{font-size:.7rem;opacity:.7;margin-top:6px}.template-btn{font-size:.75rem;padding:6px 8px;border-radius:6px;cursor:pointer;border:1px solid transparent;background:#1e1e1e;color:#ddd;transition:all .15s ease}.template-btn:hover:not(:disabled){background:#2a2a2a}.template-btn.active{background:#0099ff2e;border-color:#09f;color:#fff;box-shadow:0 0 8px #0099ff59}.template-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.templates-subtext{font-size:.7rem;opacity:.6;margin-top:2px}.history-card-actions{display:flex;justify-content:flex-end;gap:6px;margin-bottom:6px}.favorite-btn,.history-delete-btn{background:none;border:none;cursor:pointer;font-size:.9rem}.favorite-btn:disabled{opacity:.4;cursor:not-allowed}.history-card-actions .history-delete-btn{position:static!important;top:auto!important;right:auto!important}.app-container.sidebar-open .main-editor{margin-left:0}.app-container.sidebar-closed .main-editor{margin-left:0;width:100%}.sidebar.closed{width:0;padding:0;border:none}.main-editor{padding-top:60px}.sidebar-export-actions{display:flex;gap:6px;margin-bottom:12px}.sidebar-export-btn{flex:1;font-size:12px;padding:6px 8px;border-radius:6px;border:1px solid #2563eb;background:#fff;color:#2563eb;cursor:pointer}.sidebar-export-btn:disabled{opacity:.5;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:#f3f4f6;color:#111}button{cursor:pointer;border-radius:6px;border:none;padding:8px 12px}textarea{resize:none;font-size:14px}