:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--accent-green:#22c55e;--accent-green-bright:#4ade80;--accent-red:#ef4444;--accent-yellow:#eab308;--accent-orange:#f97316;--accent-blue:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 15px rgba(0,0,0,.4);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);margin-top:52px}.header-content{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.logo-section{flex:1}.logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.tagline{font-size:.875rem;color:var(--text-secondary);margin:0}.currency-section{flex-shrink:0}.currency-select{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;transition:border-color var(--transition-fast)}.currency-select:focus,.currency-select:hover{border-color:var(--accent-blue);outline:none}.main{flex:1;max-width:800px;margin:0 auto;width:100%}.main,.section{padding:var(--spacing-lg)}.section{background-color:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.participant-count{font-size:.875rem;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.participants-list{margin-bottom:var(--spacing-md)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:.9375rem}.participant-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);animation:a var(--transition-normal)}.participant-row:last-child{border-bottom:none}.participant-row.disabled{opacity:.6;pointer-events:none}@keyframes a{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.participant-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.participant-name{flex:1;min-width:0}.participant-name input{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.9375rem;transition:border-color var(--transition-fast)}.participant-name input:focus{outline:none;border-color:var(--accent-blue)}.participant-rate{display:flex;align-items:center;gap:0;flex-shrink:0}.rate-prefix{border:1px solid var(--border-color);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);padding:var(--spacing-sm);color:var(--text-secondary)}.participant-rate input,.rate-prefix{background-color:var(--bg-tertiary);font-size:.9375rem}.participant-rate input{width:100px;border:1px solid var(--border-color);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-family:var(--font-mono);transition:border-color var(--transition-fast)}.participant-rate input:focus{outline:none;border-color:var(--accent-blue)}.participant-rate input.error{border-color:var(--accent-red)}.participant-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.participant-remove:hover{color:var(--accent-red);background-color:rgba(239,68,68,.1)}.rate-error{color:var(--accent-red);font-size:.75rem;margin-top:var(--spacing-xs);display:none}.rate-error.visible{display:block}.combined-rate{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.rate-label{color:var(--text-secondary);font-size:.9375rem}.rate-value{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--accent-green-bright)}.remember-team{justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.checkbox-label,.remember-team{display:flex;align-items:center}.checkbox-label{gap:var(--spacing-sm);cursor:pointer;color:var(--text-secondary);font-size:.875rem}.checkbox-label input{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:var(--radius-sm);position:relative;transition:all var(--transition-fast)}.checkbox-label input:checked+.checkbox-custom{background-color:var(--accent-blue);border-color:var(--accent-blue)}.checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.btn-link{background:none;border:none;color:var(--accent-red);cursor:pointer;font-size:.875rem;text-decoration:underline;transition:opacity var(--transition-fast)}.btn-link:hover{opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-outline{background-color:transparent;border:2px solid var(--accent-blue);color:var(--accent-blue)}.btn-outline:hover:not(:disabled){background-color:var(--accent-blue);color:#fff}.btn-add-participant{width:100%;margin-top:var(--spacing-md)}.btn-start{background-color:var(--accent-green);color:#fff;width:100%}.btn-start:hover:not(:disabled){background-color:#16a34a}.btn-end{background-color:var(--accent-red);color:#fff;flex:1}.btn-end:hover:not(:disabled){background-color:#dc2626}.btn-pause{background-color:var(--accent-yellow);color:#1a1a1a;flex:1}.btn-pause:hover:not(:disabled){background-color:#ca8a04}.btn-pause.paused{animation:b 1.5s infinite}@keyframes b{0%,to{box-shadow:0 0 0 0 rgba(234,179,8,.4)}50%{box-shadow:0 0 0 10px rgba(234,179,8,0)}}.btn-new-meeting{background-color:var(--accent-blue);color:#fff;width:100%;margin-top:var(--spacing-lg)}.btn-new-meeting:hover:not(:disabled){background-color:#2563eb}.timer-section{text-align:center}.timer-display{padding:var(--spacing-xl) 0}.timer-time{font-size:3rem;color:var(--text-secondary);letter-spacing:2px}.timer-cost,.timer-time{font-family:var(--font-mono);font-weight:700;margin-bottom:var(--spacing-sm)}.timer-cost{font-size:4.5rem;color:var(--text-primary);text-shadow:0 0 30px rgba(74,222,128,.3);transition:color var(--transition-fast)}.timer-cost.running{color:var(--accent-green-bright)}.timer-rate{font-family:var(--font-mono);font-size:1.125rem;color:var(--accent-green);margin-bottom:var(--spacing-md)}.timer-started{font-size:.875rem;color:var(--text-muted)}.timer-controls{display:flex;gap:var(--spacing-md)}.running-controls{display:flex}.results-section{animation:c var(--transition-slow)}@keyframes c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-card{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-md)}.results-primary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.result-item{text-align:center;padding:var(--spacing-md)}.result-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs)}.result-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.result-total .result-value{color:var(--accent-green-bright);font-size:2rem}.verdict-box{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-lg);animation:d .5s ease-out}@keyframes d{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.verdict-box.verdict-green{background-color:rgba(34,197,94,.2);border:1px solid var(--accent-green)}.verdict-box.verdict-yellow{background-color:rgba(234,179,8,.2);border:1px solid var(--accent-yellow)}.verdict-box.verdict-orange{background-color:rgba(249,115,22,.2);border:1px solid var(--accent-orange)}.verdict-box.verdict-red{background-color:rgba(239,68,68,.2);border:1px solid var(--accent-red)}.verdict-text{font-size:1.25rem;font-weight:600}.verdict-green .verdict-text{color:var(--accent-green)}.verdict-yellow .verdict-text{color:var(--accent-yellow)}.verdict-orange .verdict-text{color:var(--accent-orange)}.verdict-red .verdict-text{color:var(--accent-red)}.comparison-text{text-align:center;color:var(--text-secondary);font-size:1rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.comparison-text strong{color:var(--text-primary)}.breakdown-title{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md)}.breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.breakdown-item:last-child{border-bottom:none}.breakdown-name{color:var(--text-secondary)}.breakdown-cost{font-family:var(--font-mono);font-weight:600;color:var(--accent-green-bright)}.share-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.share-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);text-align:center}.share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.btn-share{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-share:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--accent-blue)}.btn-twitter{background-color:#000;border-color:#333}.btn-twitter:hover:not(:disabled){background-color:#1a1a1a}.btn-linkedin{background-color:#0a66c2;border-color:#0a66c2}.btn-linkedin:hover:not(:disabled){background-color:#004182}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);margin-top:auto}.footer-content{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-muted)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-blue)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;visibility:hidden;transition:all var(--transition-normal);padding:var(--spacing-lg)}.modal.active{opacity:1;visibility:visible}.modal-content{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:100%;position:relative;transform:translateY(-20px);transition:transform var(--transition-normal)}.modal.active .modal-content{transform:translateY(0)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal h2{margin-bottom:var(--spacing-md);font-size:1.25rem}.modal p,.modal ul{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.modal ul{padding-left:var(--spacing-lg)}.modal li{margin-bottom:var(--spacing-xs)}.modal-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modal-buttons .btn{flex:1}.toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%) translateY(100px);background-color:var(--bg-tertiary);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:3;opacity:0;transition:all var(--transition-normal)}.toast.visible{transform:translateX(-50%) translateY(0);opacity:1}.toast.success{border-left:4px solid var(--accent-green)}.toast.error{border-left:4px solid var(--accent-red)}@media (max-width:640px){.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.logo{font-size:1.125rem}.tagline{font-size:.75rem}.currency-section{align-self:flex-end;margin-top:calc(-1 * var(--spacing-xl))}.main,.section{padding:var(--spacing-md)}.participant-row{flex-wrap:wrap}.participant-avatar{width:36px;height:36px}.participant-name{flex:1 1 calc(100% - 56px);order:1}.participant-rate{flex:1 1 calc(100% - 56px);order:3;margin-top:var(--spacing-sm);margin-left:44px}.participant-remove{order:2}.participant-rate input{width:100%;flex:1}.timer-time{font-size:2rem}.timer-cost{font-size:3rem}.timer-rate{font-size:1rem}.results-primary{grid-template-columns:1fr;gap:var(--spacing-sm)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.result-item:last-child{border-bottom:none}.result-label{margin-bottom:0}.result-value{font-size:1.25rem}.result-total .result-value{font-size:1.5rem}.share-buttons{grid-template-columns:1fr}.footer-content,.running-controls{flex-direction:column}.footer-content{gap:var(--spacing-sm);text-align:center}}@media (min-width:641px) and (max-width:768px){.timer-time{font-size:2.5rem}.timer-cost{font-size:3.5rem}}@media (max-height:500px) and (orientation:landscape){.timer-section{display:flex;align-items:center;gap:var(--spacing-lg)}.timer-display{flex:1;padding:var(--spacing-md) 0}.running-controls,.timer-controls{flex-direction:column;width:150px}.timer-time{font-size:1.5rem}.timer-cost{font-size:2.5rem}}@media (min-width:1200px){.main{max-width:900px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.btn-new-meeting,.footer,.header,.participants-section,.share-section,.timer-section{display:none!important}.results-section{display:block!important}body{background-color:#fff;color:#000}.results-card{background-color:#f5f5f5;box-shadow:none}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:1;padding:var(--spacing-md) var(--spacing-lg);background:hsla(0,0%,7%,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.site-nav__brand{display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-weight:700;font-size:1.125rem}.site-nav__icon{color:var(--accent-blue);font-size:1.25rem}.site-nav__text{color:var(--text-primary)}.site-nav__accent{color:var(--accent-blue)}