:root{--color-primary:#003e7e;--color-primary-dark:#002d5c;--color-primary-light:#0056a8;--color-primary-lighter:#e8f0fe;--color-white:#fff;--color-gold:#f4b400;--color-gold-dark:#d4a000;--color-gold-light:#ffd54f;--color-gold-lighter:#fff8e1;--color-bg:#f5f7fa;--color-bg-warm:#fafbfd;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success:#4caf50;--color-success-light:#e8f5e9;--color-success-dark:#388e3c;--color-warning:#ff9800;--color-warning-light:#fff3e0;--color-info:#2196f3;--color-info-light:#e3f2fd;--color-connected:#4caf50;--color-needs-connection:#ffb74d;--color-recommended:#42a5f5;--gradient-primary:linear-gradient(135deg, #003e7e 0%, #001f3f 100%);--gradient-primary-radial:radial-gradient(ellipse at top center, #0056a8 0%, #003e7e 40%, #001f3f 100%);--gradient-gold:linear-gradient(135deg, #f4b400 0%, #ffd54f 100%);--gradient-hero:linear-gradient(180deg, #003e7e 0%, #002d5c 60%, #001830 100%);--gradient-card-warm:linear-gradient(135deg, #fff8e1 0%, #fff 100%);--gradient-card-blue:linear-gradient(135deg, #e8f0fe 0%, #fff 100%);--gradient-card-green:linear-gradient(135deg, #e8f5e9 0%, #fff 100%);--gradient-quote-1:linear-gradient(135deg, #003e7e 0%, #0056a8 50%, #2979ff 100%);--gradient-quote-2:linear-gradient(135deg, #1a237e 0%, #283593 50%, #3f51b5 100%);--gradient-quote-3:linear-gradient(135deg, #004d40 0%, #00695c 50%, #00897b 100%);--gradient-splash:linear-gradient(180deg, #002d5c 0%, #003e7e 30%, #0056a8 70%, #003e7e 100%);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-glow-gold:0 0 20px #f4b4004d;--shadow-glow-blue:0 0 20px #003e7e33;--shadow-card:0 2px 12px #003e7e0f;--shadow-card-hover:0 8px 24px #003e7e1f;--shadow-nav:0 -2px 16px #0000000f;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--z-base:1;--z-card:10;--z-nav:100;--z-header:200;--z-modal-backdrop:500;--z-modal:600;--z-toast:700;--z-splash:1000;--app-max-width:430px;--nav-height:68px;--header-height:56px;--content-padding:var(--space-5);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-gray-800);background-color:#0d0d0d;justify-content:center;align-items:center;min-height:100dvh;margin:0;display:flex;overflow-x:hidden}.phone-stage{box-sizing:border-box;background:radial-gradient(at 60% 40%,#1a1a2e 0%,#0d0d0d 70%);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:20px;display:flex}.phone-frame{aspect-ratio:393/852;outline-offset:-1px;background:#000;border-radius:54px;outline:8px solid #1a1a1a;flex-direction:column;flex-shrink:0;width:min(393px,46.1268dvh - 18.4507px);height:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 0 0 3px #1c1c1e,0 0 0 4px #ffffff0d,0 40px 80px #000000b3,0 10px 30px #00000080}.phone-frame:before{content:"";z-index:10;background:#2a2a2a;border-radius:3px 0 0 3px;width:3px;height:64px;position:absolute;top:120px;left:-11px;box-shadow:0 80px #2a2a2a,0 148px #2a2a2a}.phone-frame:after{content:"";z-index:10;background:#2a2a2a;border-radius:0 3px 3px 0;width:3px;height:80px;position:absolute;top:160px;right:-11px}.phone-status-bar{z-index:50;pointer-events:none;color:#fff;background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:14px 28px 0;display:flex;position:relative}.phone-time{font-family:var(--font-heading);font-size:15px;font-weight:var(--weight-semibold);letter-spacing:.01em;text-shadow:0 1px 3px #00000080;line-height:1}.phone-status-icons{filter:drop-shadow(0 1px 2px #00000073);align-items:center;gap:6px;line-height:1;display:flex}.phone-notch{z-index:100;background:#000;border-radius:20px;width:126px;height:37px;position:absolute;top:12px;left:50%;transform:translate(-50%)}#app-container{background:var(--color-bg);flex:1;margin-top:-54px;position:relative;overflow:hidden}.phone-home-bar{background:#000;flex-shrink:0;justify-content:center;align-items:center;height:34px;display:flex}.phone-home-bar:after{content:"";border-radius:var(--radius-full);background:#ffffff40;width:134px;height:5px}@media (width<=500px){body{background:var(--color-bg);align-items:flex-start}.phone-stage{background:var(--color-bg);align-items:flex-start;min-height:100dvh;padding:0}.phone-frame{width:100%;height:100dvh;box-shadow:none;border-radius:0;outline:none}.phone-frame:before,.phone-frame:after,.phone-status-bar,.phone-notch,.phone-home-bar{display:none}#app-container{margin-top:0}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--color-gray-900)}a{color:var(--color-primary);text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);border:none;outline:none}input,textarea,select{font-family:var(--font-body);font-size:var(--text-md);outline:none}ul,ol{list-style:none}#app-container{background-color:var(--color-bg);width:100%;height:100%;position:relative;overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex;position:relative}#screen-slot{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}#screen-slot::-webkit-scrollbar{display:none}#nav-slot{flex-shrink:0;width:100%}.screen-slot,.screen{background-color:var(--color-bg);width:100%}.screen-content{padding:0 var(--content-padding) calc(var(--nav-height) + var(--space-6) + var(--safe-bottom))}::-webkit-scrollbar{width:0;height:0}::selection{background-color:var(--color-primary-lighter);color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #f4b40033}50%{box-shadow:0 0 40px #f4b40080}}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px #f4b40066)}50%{filter:drop-shadow(0 0 20px #f4b400cc)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rays{0%,to{opacity:.3;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.05)rotate(3deg)}}@keyframes tickUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{transform:scale(1)}}.anim-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.anim-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.anim-scale-in{animation:scaleIn var(--duration-slow) var(--ease-spring) forwards}.anim-float{animation:3s ease-in-out infinite float}.anim-pulse{animation:2s ease-in-out infinite pulse}.anim-glow{animation:2s ease-in-out infinite glow}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}[class*=stagger-]{opacity:0}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.relative{position:relative}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--duration-fast);pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);position:absolute;inset:0}.btn:active:after{opacity:1}.btn-primary{background:var(--gradient-gold);color:var(--color-gray-900);box-shadow:0 4px 16px #f4b4004d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f4b40066}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 16px #003e7e33}.btn-secondary:hover{background:var(--color-primary-light);transform:translateY(-1px)}.btn-outline{color:var(--color-white);background:0 0;border:2px solid #fff6}.btn-outline:hover{background:#ffffff1a;border-color:#fffc}.btn-outline-dark{color:var(--color-primary);border:2px solid var(--color-gray-200);background:0 0}.btn-outline-dark:hover{border-color:var(--color-primary);background:var(--color-primary-lighter)}.btn-ghost{color:var(--color-primary);padding:var(--space-2) var(--space-4);background:0 0}.btn-ghost:hover{background:var(--color-primary-lighter)}.btn-danger{color:var(--color-white);background:#ef5350}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.btn:disabled{opacity:.5;pointer-events:none}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.98)}.card-gradient{color:var(--color-white)}.card-gradient.blue{background:var(--gradient-primary)}.card-gradient.gold{background:var(--gradient-gold);color:var(--color-gray-900)}.card-warm{background:var(--gradient-card-warm);border:1px solid #f4b4001a}.card-blue{background:var(--gradient-card-blue);border:1px solid #003e7e0f}.card-green{background:var(--gradient-card-green);border:1px solid #4caf501a}.card-hero{background:var(--gradient-primary);color:var(--color-white);border-radius:0 0 var(--radius-3xl) var(--radius-3xl);padding:calc(54px + var(--space-4)) var(--content-padding) var(--space-6)}.card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-gray-900);align-items:center;gap:var(--space-2);display:flex}.card-subtitle{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.card-body{margin-top:var(--space-3)}.quote-card{border-radius:var(--radius-xl);padding:var(--space-6);color:var(--color-white);flex-direction:column;justify-content:center;min-height:140px;display:flex;position:relative;overflow:hidden}.quote-card .quote-bg{z-index:0;position:absolute;inset:0}.quote-card .quote-mark{opacity:.15;top:var(--space-3);left:var(--space-4);z-index:1;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute}.quote-card .quote-text{font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-relaxed);z-index:2;font-style:italic;position:relative}.quote-card .quote-author{font-size:var(--text-sm);opacity:.8;margin-top:var(--space-3);z-index:2;font-weight:var(--weight-medium);position:relative}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-gray-500);letter-spacing:.05em;text-transform:uppercase}.input-wrapper{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);display:flex}.input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #003e7e1a}.input-wrapper .input-icon{color:var(--color-gray-400);flex-shrink:0;width:20px;height:20px}.input-wrapper input{color:var(--color-gray-800);font-size:var(--text-base);background:0 0;border:none;flex:1}.input-wrapper input::placeholder{color:var(--color-gray-400)}.input-wrapper .input-action{color:var(--color-gray-400);cursor:pointer;transition:color var(--duration-fast)}.input-wrapper .input-action:hover{color:var(--color-primary)}.input-error{border-color:#ef5350!important}.input-error-text{font-size:var(--text-xs);color:#ef5350}.screen-actions{flex-shrink:0}.screen-content-scroll{min-height:0;overflow-y:auto}textarea.input-textarea{width:100%;padding:var(--space-4);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);resize:vertical;min-height:100px;font-size:var(--text-base);color:var(--color-gray-800);background:var(--color-white);transition:all var(--duration-normal) var(--ease-out)}textarea.input-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #003e7e1a}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-gold{background:var(--color-gold-lighter);color:var(--color-gold-dark)}.badge-primary{background:var(--color-primary-lighter);color:var(--color-primary)}.progress-bar{background:var(--color-gray-100);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out);background:var(--color-primary)}.progress-bar-fill.green{background:var(--color-success)}.progress-bar-fill.gold{background:var(--color-gold)}.progress-bar-fill.blue{background:var(--color-primary-light)}.chip{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--color-gray-100);color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-fast);-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;display:inline-flex}.chip:hover{background:var(--color-gray-200)}.chip.active{background:var(--color-primary-lighter);color:var(--color-primary);border-color:var(--color-primary)}.chip-warn{color:#e65100;background:#fff3e0}.chip-add{border:1.5px dashed var(--color-gray-300);background:0 0}.chip-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.slider-container{gap:var(--space-2);flex-direction:column;display:flex}.slider-labels{font-size:var(--text-xs);color:var(--color-gray-400);justify-content:space-between;display:flex}input[type=range].slider{appearance:none;border-radius:var(--radius-full);background:var(--color-gray-200);width:100%;height:6px;transition:background var(--duration-fast);outline:none}input[type=range].slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-spring);border-radius:50%;box-shadow:0 2px 8px #003e7e4d}input[type=range].slider::-webkit-slider-thumb:active{transform:scale(1.2)}.emoji-selector{justify-content:center;gap:var(--space-4);padding:var(--space-4) 0;display:flex}.emoji-option{cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring);padding:var(--space-2);border-radius:var(--radius-lg);-webkit-tap-highlight-color:transparent;border:2px solid #0000;font-size:2rem}.emoji-option:hover{transform:scale(1.2)}.emoji-option.selected{border-color:var(--color-gold);background:var(--color-gold-lighter);transform:scale(1.3)}.bottom-nav{width:100%;height:var(--nav-height);background:var(--color-white);box-shadow:0 -1px 0 var(--color-gray-100);z-index:var(--z-nav);padding-bottom:var(--safe-bottom);border-top:1px solid var(--color-gray-100);justify-content:space-around;align-items:center;display:flex}.nav-item{padding:var(--space-2) var(--space-3);color:var(--color-gray-400);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.nav-item .nav-icon{transition:transform var(--duration-fast) var(--ease-spring);font-size:1.4rem}.nav-item.active{color:var(--color-primary)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active:before{content:"";background:var(--color-primary);border-radius:0 0 var(--radius-full) var(--radius-full);width:32px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;transition:opacity var(--duration-normal);background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-backdrop.active{opacity:1}.modal-sheet{width:100%;max-width:var(--app-max-width);background:var(--color-white);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-6);max-height:85vh;transition:transform var(--duration-slow) var(--ease-out);overflow-y:auto;transform:translateY(100%)}.modal-backdrop.active .modal-sheet{transform:translateY(0)}.modal-handle{background:var(--color-gray-300);border-radius:var(--radius-full);width:40px;height:4px;margin:0 auto var(--space-5)}.modal-center{align-items:center}.modal-center .modal-content{background:var(--color-white);border-radius:var(--radius-2xl);width:90%;max-width:380px;padding:var(--space-8);opacity:0;transition:all var(--duration-normal) var(--ease-spring);transform:scale(.9)}.modal-center.active .modal-content{opacity:1;transform:scale(1)}.avatar{border-radius:var(--radius-full);background:var(--color-primary-lighter);width:44px;height:44px;color:var(--color-primary);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:36px;height:36px;font-size:var(--text-sm)}.avatar-lg{width:64px;height:64px;font-size:var(--text-2xl)}.avatar-xl{width:80px;height:80px;font-size:var(--text-3xl)}.toggle{background:var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;width:48px;height:28px;transition:background var(--duration-fast);flex-shrink:0;position:relative}.toggle.active{background:var(--color-primary)}.toggle:after{content:"";background:var(--color-white);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring);border-radius:50%;position:absolute;top:3px;left:3px}.toggle.active:after{transform:translate(20px)}.tab-bar{background:var(--color-gray-100);border-radius:var(--radius-full);gap:2px;padding:3px;display:flex}.tab-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-gray-500);text-align:center;cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;flex:1}.tab-item.active{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.divider{align-items:center;gap:var(--space-4);color:var(--color-gray-400);font-size:var(--text-sm);display:flex}.divider:before,.divider:after{content:"";background:var(--color-gray-200);flex:1;height:1px}.stat-row{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.stat-row+.stat-row{border-top:1px solid var(--color-gray-100)}.stat-label{font-size:var(--text-sm);color:var(--color-gray-600)}.stat-value{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-md)}.stat-value.green{color:var(--color-success)}.stat-value.gold{color:var(--color-gold-dark)}.stat-value.blue{color:var(--color-primary)}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-gray-800)}.section-action{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--weight-semibold);cursor:pointer}.toast{top:var(--space-6);max-width:calc(var(--app-max-width) - 40px);padding:var(--space-4) var(--space-5);background:var(--color-gray-900);color:var(--color-white);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);z-index:var(--z-toast);transition:transform var(--duration-slow) var(--ease-out);align-items:center;gap:var(--space-3);display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(-100px)}.toast.visible{transform:translate(-50%)translateY(0)}.streak-card{background:var(--gradient-primary);color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);display:flex}.streak-icon{border-radius:var(--radius-lg);background:#ffffff26;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.streak-info h3{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-white)}.streak-info p{font-size:var(--text-sm);opacity:.8;margin-top:2px}.quick-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.quick-action-btn{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);cursor:pointer;transition:all var(--duration-fast);-webkit-tap-highlight-color:transparent;border:none;flex-direction:column;display:flex}.quick-action-btn:active{transform:scale(.96)}.quick-action-btn .qa-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.quick-action-btn .qa-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-gray-700)}.quick-action-btn .qa-sub{font-size:var(--text-xs);color:var(--color-gray-400)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.green{background:var(--color-success)}.status-dot.yellow{background:var(--color-gold)}.status-dot.blue{background:var(--color-info)}.status-dot.red{background:#ef5350}.milestone-track{padding:var(--space-4) var(--space-2);justify-content:space-between;align-items:center;display:flex;position:relative}.milestone-track:before{content:"";top:50%;left:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background:#fff3;height:3px;position:absolute;transform:translateY(-8px)}.milestone-track .track-fill{top:50%;left:var(--space-4);background:var(--color-gold);border-radius:var(--radius-full);height:3px;transition:width 1s var(--ease-out);position:absolute;transform:translateY(-8px)}.milestone-node{align-items:center;gap:var(--space-1);z-index:2;flex-direction:column;display:flex;position:relative}.milestone-dot{width:16px;height:16px;transition:all var(--duration-normal);background:#ffffff4d;border:2px solid #fff6;border-radius:50%}.milestone-dot.reached{background:var(--color-gold);border-color:var(--color-gold);box-shadow:0 0 12px #f4b40080}.milestone-dot.current{background:var(--color-gold);border-color:var(--color-gold-light);width:20px;height:20px;animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 20px #f4b40099}.milestone-label{font-size:var(--text-xs);opacity:.6;white-space:nowrap}.milestone-label.active{opacity:1;font-weight:var(--weight-semibold);color:var(--color-gold)}.sobriety-circle-container{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex;position:relative}.sobriety-rays{width:220px;height:220px;animation:4s ease-in-out infinite rays;position:absolute}.sobriety-circle{border:4px solid var(--color-gold);background:#ffffff14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative;box-shadow:0 0 30px #f4b40033,inset 0 0 30px #f4b4000d}.sobriety-circle .days-number{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--weight-extrabold);color:var(--color-white);line-height:1}.sobriety-circle .days-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);margin-top:var(--space-1)}.sobriety-circle .star-icon{font-size:1.5rem;position:absolute;top:-8px}.sobriety-detail-row{justify-content:center;gap:var(--space-6);margin-top:var(--space-4);display:flex}.sobriety-detail{text-align:center}.sobriety-detail .detail-value{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-white)}.sobriety-detail .detail-label{font-size:var(--text-xs);color:#fff9;text-transform:uppercase;letter-spacing:.05em}.settings-list{flex-direction:column;display:flex}.settings-item{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;cursor:pointer;transition:background var(--duration-fast);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;display:flex}.settings-item+.settings-item{border-top:1px solid var(--color-gray-100)}.settings-item .si-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.settings-item .si-content{flex:1}.settings-item .si-title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-gray-800)}.settings-item .si-subtitle{font-size:var(--text-xs);color:var(--color-gray-400);margin-top:2px}.settings-item .si-arrow{color:var(--color-gray-300);font-size:1.2rem}.expandable{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}.expandable-header{padding:var(--space-4);cursor:pointer;background:var(--color-white);-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;display:flex}.expandable-header h4{font-size:var(--text-base);font-weight:var(--weight-semibold)}.expandable-arrow{transition:transform var(--duration-fast)}.expandable.open .expandable-arrow{transform:rotate(180deg)}.expandable-body{max-height:0;transition:max-height var(--duration-slow) var(--ease-out);background:var(--color-gray-50);overflow:hidden}.expandable.open .expandable-body{max-height:500px}.expandable-body-content{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed)}.steps-indicator{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;display:flex}.step-dot{background:var(--color-gray-300);width:8px;height:8px;transition:all var(--duration-fast);border-radius:50%}.step-dot.active{border-radius:var(--radius-full);background:var(--color-primary);width:24px}.step-dot.completed{background:var(--color-success)}.coping-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;display:flex}.coping-item+.coping-item{border-top:1px solid var(--color-gray-100)}.coping-number{background:var(--color-primary-lighter);width:28px;height:28px;color:var(--color-primary);font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.coping-text{font-size:var(--text-base);color:var(--color-gray-700)}.lang-switch{gap:var(--space-1);background:var(--color-gray-100);border-radius:var(--radius-full);padding:2px;display:flex}.lang-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-gray-500);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none}.lang-btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-xs)}.wellness-result{text-align:center;padding:var(--space-8) var(--space-4)}.wellness-icon{margin-bottom:var(--space-4);font-size:4rem}.wellness-status{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.wellness-message{font-size:var(--text-base);color:var(--color-gray-500);line-height:var(--leading-relaxed);max-width:300px;margin:0 auto}.recovery-hero{padding:calc(54px + var(--space-4)) var(--content-padding) var(--space-6);background:linear-gradient(160deg,#001830 0%,#003e7e 55%,#005baa 100%);border-radius:0 0 32px 32px;position:relative;overflow:hidden}.hero-blob{pointer-events:none;filter:blur(60px);opacity:.18;border-radius:50%;position:absolute}.hero-blob-1{background:#4a9eff;width:280px;height:280px;top:-80px;right:-60px}.hero-blob-2{background:var(--color-gold);width:200px;height:200px;bottom:20px;left:-40px}.hero-greeting{margin-bottom:var(--space-5);z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.hero-label{font-size:var(--text-xs);color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;margin:0 0 2px}.hero-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-white);margin:0}.hero-streak-pill{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-gold-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;align-items:center;gap:5px;padding:6px 12px;display:flex}.hero-streak-icon{color:#ff7043;display:flex}.counter-block{text-align:center;z-index:1;padding:var(--space-2) 0 var(--space-5);position:relative}.counter-days-group{justify-content:center;align-items:baseline;gap:8px;line-height:1;display:flex}.counter-days{font-family:var(--font-heading);font-size:5rem;font-weight:var(--weight-extrabold);color:var(--color-white);letter-spacing:-2px;animation:fadeInUp var(--duration-slow) var(--ease-out) both;line-height:1}.counter-days-unit{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;padding-bottom:8px}.counter-subtitle{font-size:var(--text-sm);color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 var(--space-4) 0}.counter-ticker{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff1a;display:inline-flex}.ticker-unit{flex-direction:column;align-items:center;min-width:32px;display:flex}.ticker-val{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-white);font-variant-numeric:tabular-nums;line-height:1}.ticker-label{font-size:9px;font-weight:var(--weight-semibold);color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.ticker-sep{font-size:var(--text-lg);font-weight:var(--weight-bold);color:#ffffff40;margin-bottom:4px}.milestone-section{z-index:1;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1a;position:relative}.milestone-header-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.milestone-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase}.milestone-next-badge{font-size:10px;font-weight:var(--weight-semibold);color:var(--color-gold-light);border-radius:var(--radius-full);white-space:nowrap;background:#f4b40026;border:1px solid #f4b40040;padding:3px 10px}.milestone-next-badge.milestone-complete{color:#81c784;background:#4caf5026;border-color:#4caf5040}.milestone-progress-track{border-radius:var(--radius-full);width:100%;height:5px;margin-bottom:var(--space-3);background:#ffffff1f;overflow:hidden}.milestone-progress-fill{background:linear-gradient(90deg, var(--color-gold) 0%, #ffd54f 100%);border-radius:var(--radius-full);width:0%;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #f4b40080}.milestone-nodes-row{justify-content:space-between;align-items:flex-start;display:flex}.ms-node{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.ms-dot{color:#0000;width:22px;height:22px;transition:all var(--duration-normal) var(--ease-out);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:0;display:flex}.ms-node.ms-reached .ms-dot{background:var(--color-gold);border-color:var(--color-gold-light);color:var(--color-gray-900);font-size:10px;box-shadow:0 0 10px #f4b40066}.ms-node.ms-next .ms-dot{border-color:var(--color-gold);background:#f4b40026;border-style:dashed;animation:2s ease-in-out infinite pulseGlow}.ms-label{font-size:9px;font-weight:var(--weight-semibold);color:#ffffff59;text-align:center;white-space:nowrap;letter-spacing:.02em}.ms-node.ms-reached .ms-label{color:var(--color-gold)}.ms-node.ms-next .ms-label{color:#ffffffb3}.recovery-content{padding:var(--space-5) var(--content-padding);gap:var(--space-3);flex-direction:column;display:flex}.sos-btn{align-items:center;gap:var(--space-3);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);color:var(--color-white);transition:all var(--duration-normal) var(--ease-out);-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#c62828 0%,#ef5350 100%);text-decoration:none;display:flex;box-shadow:0 4px 20px #c6282859}.sos-btn:active{transform:scale(.98);box-shadow:0 2px 10px #c628284d}.sos-icon{background:#ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sos-text{flex-direction:column;flex:1;gap:2px;display:flex}.sos-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-white);line-height:1.2}.sos-sub{font-size:var(--text-xs);color:#ffffffa6}.sos-arrow{color:#fff9;display:flex}.pledge-card{background:linear-gradient(135deg,#fffdf0 0%,#fff 100%);border:1px solid #f4b4001f}.pledge-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.pledge-icon-wrap{background:var(--color-gold-lighter);width:40px;height:40px;color:var(--color-gold-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pledge-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-gray-900);margin:0 0 3px}.pledge-meta{font-size:var(--text-xs);color:var(--color-gray-500);align-items:center;gap:6px;margin:0;display:flex}.pledge-meta-sep{color:var(--color-gray-300)}.pledge-quote{font-size:var(--text-sm);color:var(--color-gray-600);font-style:italic;line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f4b4000d}.pledge-cta-btn{background:linear-gradient(135deg, var(--color-primary) 0%, #005baa 100%);color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;justify-content:center;align-items:center;width:100%;display:inline-flex;box-shadow:0 4px 14px #003e7e40}.pledge-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #003e7e4d}.pledge-done-btn{background:var(--color-success-light);color:var(--color-success-dark);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);opacity:1;pointer-events:none;cursor:default;border:1.5px solid #4caf504d;justify-content:center;align-items:center;width:100%;display:inline-flex}.stats-row{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);align-items:stretch;display:flex;overflow:hidden}.stat-tile{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.stat-tile-val{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:var(--color-primary);line-height:1}.stat-tile-key{font-size:10px;font-weight:var(--weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.06em}.stat-tile-div{background:var(--color-gray-100);width:1px;margin:var(--space-3) 0;align-self:stretch}.card-row-header{justify-content:space-between;align-items:center;display:flex}.card-icon-pill{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.card-icon-pill.warn{color:#e65100;background:#fff3e0}.card-icon-pill.primary{background:var(--color-primary-lighter);color:var(--color-primary)}.card-label{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-gray-900);margin:0}.text-action-btn{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary);background:var(--color-primary-lighter);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast);-webkit-tap-highlight-color:transparent;border:none;padding:5px 12px}.text-action-btn:hover{background:#d0e3ff}.reflect-card{padding:var(--space-4)}.reflect-icon{background:var(--color-primary-lighter);width:40px;height:40px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.recovery-toast{bottom:calc(var(--nav-height) + 16px);background:var(--color-gray-900);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:var(--z-toast);opacity:0;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.recovery-toast.recovery-toast-visible{opacity:1;transform:translate(-50%)translateY(0)}.fixed-modal-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:var(--z-modal-backdrop);transition:background var(--duration-normal) var(--ease-out), backdrop-filter var(--duration-normal) var(--ease-out);pointer-events:none;background:0 0;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.fixed-modal-overlay.fixed-modal-overlay--open{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;background:#00000073}.fixed-modal-sheet{background:var(--color-white);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;padding:var(--space-5) var(--space-5) calc(var(--space-5) + var(--safe-bottom));max-height:80%;transition:transform var(--duration-slow) var(--ease-out);overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 40px #00000026}.fixed-modal-overlay.fixed-modal-overlay--open .fixed-modal-sheet{transform:translateY(0)}.fixed-modal-handle{background:var(--color-gray-200);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-4)}.fixed-modal-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.fixed-modal-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-gray-900);margin:0 0 2px}.fixed-modal-sub{font-size:var(--text-xs);color:var(--color-gray-400);margin:0}.fixed-modal-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-2) 0}.modal-close-btn{background:var(--color-gray-100);width:32px;height:32px;color:var(--color-gray-500);cursor:pointer;transition:background var(--duration-fast);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--color-gray-200)}.trigger-current-list{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;max-height:160px;display:flex;overflow-y:auto}.trigger-tag-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#fff3e0;border:1px solid #e651001a;display:flex}.trigger-tag-chip{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#bf360c;flex:1}.trigger-tag-remove{color:#e64a19;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.trigger-tag-remove:hover{opacity:1}.trigger-presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.trigger-preset-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);border:1.5px dashed var(--color-gray-300);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);-webkit-tap-highlight-color:transparent;align-items:center;gap:4px;display:inline-flex}.trigger-preset-chip:hover{color:#bf360c;background:#fff3e0;border-color:#ffccbc}.coping-modal-item{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100);display:flex}.coping-modal-item:last-child{border-bottom:none}.coping-modal-num{background:var(--color-primary-lighter);width:24px;height:24px;color:var(--color-primary);font-weight:var(--weight-bold);font-size:var(--text-xs);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.coping-modal-text{font-size:var(--text-sm);color:var(--color-gray-700);line-height:var(--leading-normal);flex:1}.icon-action-btn{cursor:pointer;color:var(--color-gray-400);transition:all var(--duration-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.icon-action-btn:hover{color:var(--color-primary);background:var(--color-primary-lighter)}.icon-action-btn.danger:hover{color:#ef5350;background:#ffebee}.empty-hint{font-size:var(--text-sm);color:var(--color-gray-400);line-height:var(--leading-normal);margin:0}.quote-carousel-card{border-radius:var(--radius-2xl);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:space-between;min-height:190px;display:flex;position:relative;overflow:hidden}.qc-bg{z-index:0;transition:background .5s;position:absolute;inset:0}.qc-deco{color:#ffffff1a;z-index:1;pointer-events:none;select:none;font-family:Georgia,serif;font-size:5rem;line-height:1;position:absolute;top:12px;left:20px}.qc-slides-wrap{z-index:2;padding:var(--space-5) var(--space-5) var(--space-3);align-items:center;min-height:130px;display:flex;position:relative;overflow:hidden}.qc-slide{align-items:center;width:100%;display:flex}.qc-slide.qc-leaving{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-40px)}.qc-slide.qc-entering{opacity:0;transform:translate(40px)}.qc-slide.qc-visible{opacity:1;transition:opacity .28s,transform .28s;transform:translate(0)}.qc-text-wrap{gap:var(--space-3);flex-direction:column;display:flex}.qc-text{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-white);min-height:72px;margin:0;font-style:italic;line-height:1.6}.qc-author{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#ffffffa6;letter-spacing:.04em}.qc-footer{z-index:2;padding:var(--space-3) var(--space-5) var(--space-4);background:#00000026;justify-content:space-between;align-items:center;display:flex;position:relative}.qc-dots{align-items:center;gap:5px;display:flex}.qc-dot{cursor:pointer;width:6px;height:6px;transition:all .25s var(--ease-out);-webkit-tap-highlight-color:transparent;background:#ffffff4d;border:none;border-radius:50%;padding:0}.qc-dot-active{border-radius:var(--radius-full);background:#ffffffe6;width:20px}.qc-next-btn{width:32px;height:32px;color:var(--color-white);cursor:pointer;transition:background var(--duration-fast);-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.qc-next-btn:hover{background:#ffffff40}.qc-next-btn:active{transform:scale(.92)}