@font-face{font-family: 'Outfit';font-style: normal;font-weight: 300 700;font-display: swap;src: url(../fonts/outfit-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Outfit';font-style: normal;font-weight: 300 700;font-display: swap;src: url(../fonts/outfit-latin.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gradient-primary: linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary: linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-accent: linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--bg-primary: #0f0f1e;--bg-secondary: #1a1a2e;--bg-card: rgba(255,255,255,0.05);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,0.8);--text-muted: rgba(255,255,255,0.5);--border-radius: 24px;--border-radius-sm: 16px;--blur-amount: 16px;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin: 0;padding: 0;box-sizing: border-box;touch-action: manipulation}[hidden]{display: none !important}html{color-scheme: dark;font-size: 16px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;touch-action: manipulation}body{font-family: 'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'SF Pro Display',sans-serif;background: var(--bg-primary);color: var(--text-primary);line-height: 1.6;overflow-x: hidden;position: relative;min-height: 100vh;min-height: 100dvh;touch-action: manipulation}body::before{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #0f0c29;background: -webkit-radial-gradient(ellipse at top left,#302b63,#0f0c29);background: radial-gradient(ellipse at top left,#302b63,#0f0c29);z-index: -1;pointer-events: none}.tool-container{display: flex;align-items: center;justify-content: center;min-height: 100vh;min-height: 100dvh;padding: var(--spacing-xl) var(--spacing-md) var(--spacing-lg);transition: var(--transition)}body.fullscreen{overflow: hidden;position: fixed;width: 100%;height: 100%}body.fullscreen .tool-container{padding: var(--spacing-md);min-height: 100vh;min-height: 100dvh}body.fullscreen .site-footer{display: none}body.fullscreen .ad-slot{display: none !important}body.fullscreen .fixed-controls{background: transparent;backdrop-filter: none}.fixed-controls{position: fixed;bottom: var(--spacing-md);right: var(--spacing-md);display: flex;gap: var(--spacing-sm);z-index: 1100;transition: var(--transition)}.control-btn{width: 56px;height: 56px;border: none;border-radius: 50%;background: rgba(255,255,255,0.1);backdrop-filter: blur(var(--blur-amount));color: var(--text-primary);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: var(--transition);border: 1px solid rgba(255,255,255,0.1);position: relative;touch-action: manipulation;-webkit-tap-highlight-color: transparent}.control-btn:hover{background: rgba(255,255,255,0.2);transform: translateY(-2px)}.control-btn:active{transform: translateY(0)}.control-btn svg{pointer-events: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: opacity 0.2s,transform 0.2s}.control-btn .icon-default{opacity: 1}.control-btn .icon-close{opacity: 0;transform: translate(-50%,-50%) rotate(-90deg)}.control-btn.active .icon-default{opacity: 0;transform: translate(-50%,-50%) rotate(90deg)}.control-btn.active .icon-close{opacity: 1;transform: translate(-50%,-50%) rotate(0deg);display: block !important}.drawer{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.3s,visibility 0.3s}.drawer.open{opacity: 1;visibility: visible}.drawer-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);backdrop-filter: blur(4px);cursor: pointer}.drawer-content{position: absolute;top: 0;right: 0;width: min(400px,90vw);height: 100%;background: var(--bg-secondary);box-shadow: -4px 0 24px rgba(0,0,0,0.3);transform: translateX(100%);transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);display: flex;flex-direction: column}.drawer.open .drawer-content{transform: translateX(0)}.drawer-header{display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-lg);border-bottom: 1px solid rgba(255,255,255,0.1)}.drawer-header h2{font-weight: 700;color: var(--text-primary)}.drawer-body{flex: 1;overflow-y: auto;padding: var(--spacing-lg);-webkit-overflow-scrolling: touch}.tool-menu{display: flex;flex-direction: column;gap: var(--spacing-md)}.menu-category{display: flex;flex-direction: column;gap: var(--spacing-xs)}.menu-category-title{font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-muted);padding: var(--spacing-xs) var(--spacing-sm);margin-bottom: var(--spacing-xs)}.menu-item{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);background: rgba(255,255,255,0.05);border-radius: var(--border-radius-sm);color: var(--text-primary);text-decoration: none;transition: var(--transition);font-weight: 500;touch-action: manipulation;-webkit-tap-highlight-color: transparent}.menu-item:hover{background: rgba(255,255,255,0.1);transform: translateX(4px)}.menu-item.active{background: var(--gradient-primary)}.menu-icon{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.menu-icon svg{width: 22px;height: 22px}.menu-label{flex: 1}.drawer-logo{display: inline-flex}.drawer-logo img{height: 26px;width: auto}.ad-slot{display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.03);border: 1px dashed rgba(255,255,255,0.1);border-radius: var(--border-radius-sm)}.ad-placeholder{color: var(--text-muted);font-size: 0.875rem;text-transform: uppercase;letter-spacing: 1px;text-align: center;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%}.ad-mobile-top,.ad-mobile-bottom{display: flex;width: 100%;min-height: 100px;margin: var(--spacing-md) auto}.ad-mobile-bottom{margin-bottom: calc(var(--spacing-md) + 80px)}.ad-desktop-left,.ad-desktop-right{display: none}input,select,textarea,button{font-family: inherit;font-size: 16px;touch-action: manipulation;-webkit-tap-highlight-color: transparent}select{font-size: 16px}@media (max-width: 640px){input,select,textarea{font-size: 16px !important}}@media (min-width: 1024px){.ad-mobile-top,.ad-mobile-bottom{display: none}.ad-desktop-left,.ad-desktop-right{display: flex;position: fixed;top: 50%;transform: translateY(-50%);width: 160px;min-height: 600px;z-index: 10}.ad-desktop-left{left: var(--spacing-md)}.ad-desktop-right{right: var(--spacing-md)}.fixed-controls{right: calc(160px + var(--spacing-md) * 2 + var(--spacing-sm))}}@media (max-width: 640px){html{font-size: 14px}.tool-container{padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-lg)}.fixed-controls{bottom: var(--spacing-sm);right: var(--spacing-sm);gap: var(--spacing-xs)}.control-btn{width: 48px;height: 48px}}:focus-visible{outline: 2px solid rgba(102,126,234,0.6);outline-offset: 2px}::-webkit-scrollbar{width: 8px;height: 8px}::-webkit-scrollbar-track{background: rgba(255,255,255,0.05)}::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.2);border-radius: 4px}::-webkit-scrollbar-thumb:hover{background: rgba(255,255,255,0.3)}@keyframes fadeIn{from{opacity: 0;transform: translateX(-50%) translateY(10px)}to{opacity: 1;transform: translateX(-50%) translateY(0)}}@keyframes fadeOut{from{opacity: 1;transform: translateX(-50%) translateY(0)}to{opacity: 0;transform: translateX(-50%) translateY(10px)}}.site-footer{background: rgba(10,10,20,0.9);border-top: 1px solid rgba(255,255,255,0.06);padding: var(--spacing-lg) var(--spacing-md);margin-top: auto}.footer-content{max-width: 900px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: var(--spacing-md)}.footer-links{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--spacing-sm) var(--spacing-lg)}.footer-links a{color: var(--text-muted);text-decoration: none;font-size: 0.85rem;transition: color 0.2s ease}.footer-links a:hover{color: var(--text-primary)}.footer-copyright{color: rgba(255,255,255,0.62);font-size: 0.8rem}.ad-unit{width: 100%;max-width: 900px;margin: 0 auto;text-align: center}.ad-unit .ad-label{display: block;font-size: 0.62rem;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-muted);margin-bottom: 4px}.ad-unit .adsbygoogle{display: block}body.fullscreen .ad-unit{display: none !important}.app-header{position: fixed;bottom: var(--spacing-md);left: var(--spacing-md);z-index: 1100;pointer-events: none;display: flex;align-items: center;padding: 15px 0}.app-logo{pointer-events: auto;display: inline-flex;align-items: center;text-decoration: none}.app-logo-img{height: 26px;width: auto;display: block;opacity: 0.95}@media (max-width: 640px){.app-header{bottom: var(--spacing-sm);left: var(--spacing-sm)}.app-logo-img{height: 22px}}@media (min-width: 1024px){.app-header{bottom: var(--spacing-md);left: calc(160px + var(--spacing-md) * 2 + var(--spacing-sm))}}.tool-wrapper{width: 100%;max-width: 600px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-xl);gap: var(--spacing-xl)}.tool-btn{width: 100%;max-width: 300px;padding: var(--spacing-md) var(--spacing-xl);background: var(--gradient-primary);border: none;border-radius: var(--border-radius-sm);color: var(--text-primary);font-size: 1.125rem;font-weight: 600;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);transition: var(--transition);touch-action: manipulation;-webkit-tap-highlight-color: transparent}.tool-btn:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(102,126,234,0.3)}.tool-btn:active{transform: translateY(0)}.tool-btn:disabled{opacity: 0.5;cursor: not-allowed;transform: none}.tool-btn svg{pointer-events: none}.tool-history{width: 100%;opacity: 0;animation: fadeInUp 0.6s ease-out 0.6s forwards}.history-label{font-size: 0.875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-secondary);margin-bottom: var(--spacing-sm)}.history-items{display: flex;flex-wrap: wrap;gap: var(--spacing-xs)}.history-item{padding: var(--spacing-xs) var(--spacing-sm);background: rgba(255,255,255,0.05);border-radius: var(--border-radius-sm);font-size: 0.875rem;color: var(--text-secondary);transition: var(--transition);border: 1px solid transparent}.history-item:hover{background: rgba(255,255,255,0.1)}.history-item.latest{border-color: rgba(102,126,234,0.4);background: rgba(102,126,234,0.1)}.count-selector{display: flex;gap: 4px;background: rgba(255,255,255,0.05);border-radius: var(--border-radius-sm);padding: 4px}.count-btn{flex: 1;padding: 0.75rem 0;background: transparent;border: none;border-radius: calc(var(--border-radius-sm) - 4px);color: var(--text-primary);font-size: 1rem;font-weight: 600;cursor: pointer;transition: var(--transition);min-width: 0}.count-btn:hover{background: rgba(255,255,255,0.1)}.count-btn.active{background: var(--gradient-primary);color: var(--text-primary)}.clock-options{display: flex;flex-direction: column;gap: var(--spacing-lg)}.option-group{display: flex;flex-direction: column;gap: var(--spacing-sm)}.option-label{font-size: 0.875rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-primary)}.option-toggle{display: flex;gap: 4px;background: rgba(255,255,255,0.05);border-radius: var(--border-radius-sm);padding: 4px}.toggle-btn{flex: 1;min-width: 0;padding: 0.85rem 0.4rem;background: transparent;border: none;border-radius: calc(var(--border-radius-sm) - 4px);color: var(--text-primary);font-size: 1rem;font-weight: 500;cursor: pointer;transition: var(--transition)}.toggle-btn:hover{background: rgba(255,255,255,0.1)}.toggle-btn.active{background: var(--gradient-primary);color: var(--text-primary)}.option-switch{display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-md);background: rgba(255,255,255,0.05);border-radius: var(--border-radius-sm)}.option-switch .option-label{color: var(--text-primary)}.switch{position: relative;width: 48px;height: 24px;background: rgba(255,255,255,0.2);border-radius: 12px;cursor: pointer;transition: var(--transition)}.switch::after{content: '';position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;background: white;border-radius: 50%;transition: var(--transition)}.switch.active{background: var(--gradient-primary)}.switch.active::after{left: 26px}@keyframes riseIn{from{opacity: 0.35;transform: translateY(12px)}to{opacity: 1;transform: none}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.tool-head{width: 100%;max-width: 640px;text-align: center}.tool-head-title{margin: 0;font-size: clamp(1.5rem,4.5vw,2rem);font-weight: 700;line-height: 1.2;color: var(--text-primary)}.tool-head-sub{margin: 0.4rem 0 0;font-size: 0.98rem;color: var(--text-secondary)}body.fullscreen .tool-head{display: none}.calc-tool{width: 100%;max-width: 520px;display: flex;flex-direction: column;gap: var(--spacing-md);animation: riseIn 0.45s ease-out}.calc-card{width: 100%;background: linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.03) 100%);border: 1px solid rgba(255,255,255,0.14);border-radius: var(--border-radius);backdrop-filter: blur(var(--blur-amount));padding: var(--spacing-lg);display: flex;flex-direction: column;gap: var(--spacing-md)}.calc-inputs{display: grid;grid-template-columns: 1fr;gap: var(--spacing-md)}.calc-field{display: flex;flex-direction: column;gap: var(--spacing-xs)}.calc-label{font-size: 0.8rem;font-weight: 600;letter-spacing: 0.02em;color: var(--text-secondary)}.calc-input,.calc-select{width: 100%;padding: 0.9rem 1rem;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.14);border-radius: var(--border-radius-sm);color: var(--text-primary);font-size: 1.05rem;font-weight: 600;font-family: inherit;transition: border-color 0.2s ease,background 0.2s ease;-webkit-appearance: none;appearance: none}.calc-input::placeholder{color: var(--text-muted);font-weight: 500}textarea.calc-input{font-weight: 500;resize: vertical;scrollbar-width: thin;scrollbar-color: rgba(255,255,255,0.28) transparent}textarea.calc-input::-webkit-resizer{display: none}textarea.calc-input::-webkit-scrollbar{width: 12px}textarea.calc-input::-webkit-scrollbar-track{background: transparent;margin: 10px 0}textarea.calc-input::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.25);border: 4px solid transparent;background-clip: padding-box;border-radius: 999px}textarea.calc-input::-webkit-scrollbar-thumb:hover{background: rgba(255,255,255,0.4);background-clip: padding-box}.calc-input[type="number"]{-moz-appearance: textfield;appearance: textfield}.calc-input[type="number"]::-webkit-outer-spin-button,.calc-input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.calc-input:focus,.calc-select:focus{outline: none;border-color: rgba(102,126,234,0.7);background-color: rgba(255,255,255,0.09)}.calc-select option{background: var(--bg-secondary);color: var(--text-primary)}.calc-select,select.calc-input{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.55' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.9rem center;padding-right: 2.6rem;cursor: pointer}.calc-select:hover,select.calc-input:hover{border-color: rgba(255,255,255,0.24)}.calc-ftin{display: flex;gap: var(--spacing-sm)}.calc-ftin .calc-input{flex: 1;min-width: 0}.calc-seg{display: flex;gap: 4px;background: rgba(255,255,255,0.05);border-radius: var(--border-radius-sm);padding: 4px}.calc-seg-btn{flex: 1;padding: 0.7rem 0.5rem;background: transparent;border: none;border-radius: calc(var(--border-radius-sm) - 4px);color: var(--text-secondary);font-size: 0.9rem;font-weight: 600;font-family: inherit;cursor: pointer;transition: var(--transition);-webkit-tap-highlight-color: transparent}.calc-seg-btn:hover{color: var(--text-primary)}.calc-seg-btn.active{background: var(--gradient-primary);color: #fff}.calc-seg-btn:disabled{opacity: 0.35;cursor: not-allowed}.calc-seg-btn:disabled:hover{color: var(--text-secondary)}.calc-result{text-align: center;padding: var(--spacing-md) 0 var(--spacing-xs);animation: fadeInUp 0.4s ease-out}.calc-result[hidden]{display: none}.calc-result-label{display: block;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted);text-align: center;margin-bottom: 6px}select.calc-input{color: var(--text-primary)}select.calc-input option{background: #221f3f;color: #ffffff}.calc-result-value{font-size: clamp(2.5rem,11vw,3.75rem);font-weight: 700;line-height: 1;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-variant-numeric: tabular-nums;padding-bottom: 0.14em;margin-bottom: -0.14em}.calc-result-sentence{margin-top: var(--spacing-sm);font-size: 0.95rem;color: var(--text-secondary);line-height: 1.5}.calc-hint{text-align: center;font-size: 0.9rem;color: var(--text-muted);min-height: 1.2em;margin: 0}.calc-hint:empty{min-height: 0}.calc-category{margin-top: var(--spacing-sm);font-size: 1.15rem;font-weight: 700;letter-spacing: 0.01em}.calc-stats{display: grid;grid-template-columns: repeat(6,1fr);gap: var(--spacing-sm)}.calc-stats>*{grid-column: span 3}.calc-stats:has(>:last-child:nth-child(odd))>:first-child,.calc-stats>:only-child{grid-column: 1 / -1}.calc-stats[hidden]{display: none}.stat-box{display: flex;flex-direction: column;align-items: center;gap: 4px;padding: var(--spacing-md) var(--spacing-sm);background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius-sm);text-align: center}.stat-val{font-size: clamp(0.95rem,3.6vw,1.25rem);font-weight: 700;color: var(--text-primary);font-variant-numeric: tabular-nums}.stat-lbl{font-size: 0.68rem;font-weight: 500;text-transform: uppercase;letter-spacing: 0.03em;color: var(--text-muted)}@media (min-width: 560px){.calc-inputs.cols-2{grid-template-columns: 1fr 1fr}.calc-inputs.cols-2>:last-child:nth-child(odd):not(:only-child){grid-column: 1 / -1}.calc-inputs.cols-2.lead-full>:first-child{grid-column: 1 / -1}.calc-stats>*,.calc-stats:has(>:last-child:nth-child(odd))>:first-child{grid-column: span 2}.calc-stats:has(>:last-child:nth-child(3n+4))>:nth-last-child(-n+4),.calc-stats:has(>:last-child:nth-child(3n+2))>:nth-last-child(-n+2){grid-column: span 3}.calc-stats>:only-child{grid-column: 1 / -1}}.related-calc{width: 100%;max-width: 900px;margin: 0 auto}.related-calc-title{font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted);margin: 0 0 var(--spacing-sm);padding-left: 4px}body.fullscreen .related-calc{display: none}.tools-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--spacing-md)}@media (min-width: 640px){.tools-grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 900px){.tools-grid{grid-template-columns: repeat(4,1fr)}}.tool-card{display: flex;flex-direction: column;align-items: center;text-align: center;padding: var(--spacing-md);background: linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 100%);border: 1px solid rgba(255,255,255,0.15);border-radius: var(--border-radius-sm);backdrop-filter: blur(var(--blur-amount));transition: var(--transition);text-decoration: none;color: inherit;cursor: pointer;position: relative;overflow: hidden;animation: riseIn 0.45s ease-out}.tool-card::before{content: '';position: absolute;top: -50%;right: -50%;width: 150px;height: 150px;background: radial-gradient(circle,var(--card-color,var(--gradient-accent)) 0%,transparent 70%);opacity: 0;transition: var(--transition);pointer-events: none}.tool-card:hover{border-color: rgba(255,255,255,0.3);background: linear-gradient(135deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.05) 100%);transform: translateY(-4px);box-shadow: 0 12px 24px rgba(0,0,0,0.2)}.tool-card:hover::before{opacity: 0.08}.card-icon{width: 48px;height: 48px;margin-bottom: var(--spacing-sm);position: relative;z-index: 1;transition: var(--transition);color: var(--text-primary)}.card-icon svg{width: 100%;height: 100%}.tool-card:hover .card-icon{transform: scale(1.15);color: var(--card-color,var(--text-primary))}.card-title{font-size: 1rem;font-weight: 600;margin: 0 0 4px;color: var(--text-primary);position: relative;z-index: 1}.card-subtitle{font-size: 0.8rem;color: var(--text-secondary);margin: 0;position: relative;z-index: 1}@media (max-width: 640px){.tools-grid{grid-template-columns: repeat(2,1fr);gap: var(--spacing-sm)}.tool-card{padding: var(--spacing-sm)}.card-icon{width: 40px;height: 40px}.card-title{font-size: 0.9rem}.card-subtitle{font-size: 0.75rem}}.tool-card[data-tool="age-calculator"]{--card-color: #f472b6}.tool-card[data-tool="date-difference"]{--card-color: #60a5fa}.tool-card[data-tool="date-add"]{--card-color: #4ade80}.tool-card[data-tool="day-counter"]{--card-color: #fb923c}.tool-card[data-tool="week-number"]{--card-color: #22d3ee}.tool-card[data-tool="day-of-week"]{--card-color: #e879f9}.tool-card[data-tool="case-converter"]{--card-color: #c084fc}.tool-card[data-tool="vat-calculator"]{--card-color: #eab308}.tool-card[data-tool="discount-calculator"]{--card-color: #f59e0b}.tool-card[data-tool="compound-interest-calculator"]{--card-color: #84cc16}.tool-card[data-tool="salary-calculator"]{--card-color: #16a34a}.tool-card[data-tool="macro-calculator"]{--card-color: #a3e635}.tool-card[data-tool="pregnancy-calculator"]{--card-color: #f9a8d4}.tool-card[data-tool="ovulation-calculator"]{--card-color: #f43f5e}.tool-card[data-tool="percentage-calculator"]{--card-color: #38bdf8}.tool-card[data-tool="bmi-calculator"]{--card-color: #34d399}.tool-card[data-tool="body-fat-calculator"]{--card-color: #fb7185}.tool-card[data-tool="ideal-weight-calculator"]{--card-color: #a78bfa}.tool-card[data-tool="daily-calorie-calculator"]{--card-color: #fbbf24}.tool-card[data-tool="ffmi-calculator"]{--card-color: #2dd4bf}.tool-card[data-tool="bmr-calculator"]{--card-color: #f97316}.tool-card[data-tool="water-intake-calculator"]{--card-color: #38bdf8}.tool-card[data-tool="clock"]{--card-color: #667eea}.tool-card[data-tool="world-clock"]{--card-color: #06b6d4}.tool-card[data-tool="stopwatch"]{--card-color: #00f2fe}.tool-card[data-tool="countdown"]{--card-color: #f5576c}.tool-card[data-tool="pomodoro"]{--card-color: #fa7c92}.tool-card[data-tool="chess-clock"]{--card-color: #10b981}.tool-card[data-tool="dice-roll"]{--card-color: #f093fb}.tool-card[data-tool="random-number"]{--card-color: #4facfe}.tool-card[data-tool="password-generator"]{--card-color: #22c55e}.tool-card[data-tool="word-counter"]{--card-color: #818cf8}.tool-card[data-tool="unit-converter"]{--card-color: #14b8a6}.tool-card[data-tool="qr-generator"]{--card-color: #a855f7}.tool-card[data-tool="wheel-of-fortune"]{--card-color: #f59e0b}.tool-card[data-tool="scrabble-kelime-oyunu-turkce"]{--card-color: #00b894}.tool-card[data-tool="sudoku"]{--card-color: #0ea5e9}.tool-card[data-tool="sleep-calculator"]{--card-color: #6366f1}.tool-card[data-tool="coin-flip"]{--card-color: #eab308}.tool-card[data-tool="kidem-tazminati-hesaplama"]{--card-color: #fb923c}.tool-card[data-tool="issizlik-maasi-hesaplama"]{--card-color: #38bdf8}.tool-card[data-tool="loan-calculator"]{--card-color: #38bdf8}.tool-card[data-tool="roman-numerals"]{--card-color: #c084fc}.tool-card[data-tool="number-to-words"]{--card-color: #34d399}.tool-card[data-tool="font-generator"]{--card-color: #f472b6}.tool-card[data-tool="lorem-ipsum"]{--card-color: #94a3b8}.tool-card[data-tool="text-compare"]{--card-color: #fbbf24}.tool-card[data-tool="image-compress"]{--card-color: #fb7185}.tool-card[data-tool="image-resize"]{--card-color: #a3e635}.tool-card[data-tool="image-converter"]{--card-color: #22d3ee}.tool-card[data-tool="json-formatter"]{--card-color: #facc15}.tool-card[data-tool="base64"]{--card-color: #60a5fa}.tool-card[data-tool="hash-generator"]{--card-color: #4ade80}.tool-card[data-tool="uuid-generator"]{--card-color: #818cf8}.tool-card[data-tool="timestamp-converter"]{--card-color: #2dd4bf}.tool-card[data-tool="color-converter"]{--card-color: #e879f9}.tool-card[data-tool="mortgage-calculator"]{--card-color: #f97316}.tool-card[data-tool="pdf-merge"]{--card-color: #ef4444}.tool-card[data-tool="pdf-split"]{--card-color: #f472b6}.tool-card[data-tool="jpg-to-pdf"]{--card-color: #a78bfa}.tool-card[data-tool="pdf-rotate"]{--card-color: #34d399}.pdf-list{display: flex;flex-direction: column;gap: 0.5rem;margin-top: 0.8rem}.pdf-item{display: flex;align-items: center;gap: 0.7rem;padding: 0.55rem 0.8rem;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius-sm);font-size: 0.86rem;color: var(--text-secondary)}.pdf-item-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pdf-item-meta{flex: 0 0 auto;font-size: 0.75rem;color: var(--text-muted)}.pdf-item-btn{flex: 0 0 auto;width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.14);border-radius: 6px;color: var(--text-secondary);font-size: 0.9rem;cursor: pointer;transition: var(--transition)}.pdf-item-btn:hover{color: var(--text-primary);background: rgba(255,255,255,0.12)}.pdf-item-btn:disabled{opacity: 0.3;cursor: not-allowed}.pdf-action{margin-top: 1rem;width: 100%}.pdf-download{display: block;margin: 0.9rem auto 0;min-width: 200px;text-align: center;text-decoration: none}.pdf-busy{text-align: center;color: var(--text-muted);font-size: 0.85rem}.dev-area{resize: vertical;font-family: 'SF Mono','Consolas',monospace;font-size: 0.86rem;line-height: 1.5}.dev-out-wrap{margin-top: 0.4rem}.dev-out-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 4px}.dev-out-head .calc-result-label{margin-bottom: 0;text-align: left}.dev-out{background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius-sm);padding: 0.8rem 1rem;font-family: 'SF Mono','Consolas',monospace;font-size: 0.84rem;line-height: 1.55;color: var(--text-secondary);white-space: pre-wrap;word-break: break-all;max-height: 340px;overflow: auto;margin: 0;user-select: text}.dev-copy{padding: 0.35rem 0.75rem;background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.14);border-radius: calc(var(--border-radius-sm) - 4px);color: var(--text-secondary);font-size: 0.76rem;font-family: inherit;cursor: pointer;transition: var(--transition);flex: 0 0 auto}.dev-copy:hover{color: var(--text-primary);background: rgba(255,255,255,0.12)}.hg-list{display: flex;flex-direction: column;gap: 0.55rem}.hg-row{display: flex;align-items: center;gap: 0.7rem;padding: 0.6rem 0.8rem;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius-sm)}.hg-name{flex: 0 0 70px;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.04em;color: var(--text-muted)}.hg-val{flex: 1;min-width: 0;font-family: 'SF Mono','Consolas',monospace;font-size: 0.78rem;color: var(--text-primary);overflow-wrap: anywhere;user-select: text}.img-drop{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.5rem;padding: 2.2rem 1rem;border: 2px dashed rgba(255,255,255,0.22);border-radius: var(--border-radius-sm);color: var(--text-muted);text-align: center;cursor: pointer;transition: var(--transition)}.img-drop:hover,.img-drop.dragover{border-color: rgba(99,102,241,0.7);background: rgba(99,102,241,0.08);color: var(--text-secondary)}.img-drop svg{width: 34px;height: 34px;opacity: 0.7}.img-drop input[type="file"]{display: none}.img-preview-wrap{display: flex;justify-content: center;margin: 1rem 0 0.5rem}.img-preview{max-width: 100%;max-height: 240px;border-radius: var(--border-radius-sm);border: 1px solid rgba(255,255,255,0.12)}.img-meta{text-align: center;font-size: 0.8rem;color: var(--text-muted);margin-top: 0.3rem}.img-download{display: block;margin: 0.9rem auto 0;min-width: 180px;text-align: center;text-decoration: none}.static-page{width: 100%;max-width: 820px;margin: 0 auto;padding: var(--spacing-lg) var(--spacing-sm)}.static-content{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--border-radius);padding: var(--spacing-xl)}.static-content h1{font-size: clamp(1.6rem,4vw,2rem);font-weight: 700;color: var(--text-primary);margin: 0 0 var(--spacing-xs)}.static-content .last-updated{color: var(--text-muted);font-size: 0.9rem;margin-bottom: var(--spacing-lg)}.static-content section{margin-bottom: var(--spacing-lg)}.static-content h2{font-size: 1.25rem;font-weight: 600;color: var(--text-primary);margin: 0 0 var(--spacing-sm);padding-bottom: var(--spacing-xs);border-bottom: 1px solid rgba(255,255,255,0.1)}.static-content h3{font-size: 1.05rem;font-weight: 600;color: var(--text-secondary);margin: var(--spacing-md) 0 var(--spacing-xs)}.static-content p{color: var(--text-secondary);line-height: 1.75;margin-bottom: var(--spacing-md)}.static-content ul{color: var(--text-secondary);line-height: 1.75;margin: 0 0 var(--spacing-md) var(--spacing-lg)}.static-content li{margin-bottom: var(--spacing-xs)}.static-content a{color: #8aa2ff;text-decoration: none}.static-content a:hover{text-decoration: underline}.static-content strong{color: var(--text-primary)}.contact-methods{display: grid;grid-template-columns: 1fr;gap: var(--spacing-md);margin-top: var(--spacing-md)}.contact-card{display: flex;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius-sm);text-decoration: none;color: var(--text-primary);transition: var(--transition)}.contact-card:hover{background: rgba(255,255,255,0.1);transform: translateY(-2px)}.contact-card svg{width: 24px;height: 24px;flex-shrink: 0;color: #8aa2ff}@media (max-width: 768px){.static-content{padding: var(--spacing-lg)}}.embed-cta{max-width: 520px;margin: var(--spacing-lg) auto 0;text-align: center}body.fullscreen .embed-cta{display: none}.embed-cta-btn{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.12);border-radius: var(--border-radius-sm);color: var(--text-secondary);font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: var(--transition)}.embed-cta-btn:hover{background: rgba(255,255,255,0.1);color: var(--text-primary)}.embed-cta-btn svg{width: 18px;height: 18px}.embed-panel{margin-top: var(--spacing-md);padding: var(--spacing-md);background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius-sm);text-align: left}.embed-panel-title{margin: 0 0 var(--spacing-xs);font-size: 1rem;color: var(--text-primary)}.embed-panel-desc{margin: 0 0 var(--spacing-sm);font-size: 0.85rem;color: var(--text-muted);line-height: 1.5}.embed-code{width: 100%;box-sizing: border-box;padding: var(--spacing-sm);background: rgba(0,0,0,0.25);border: 1px solid rgba(255,255,255,0.12);border-radius: var(--border-radius-sm);color: var(--text-secondary);font-family: ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size: 0.78rem;line-height: 1.5;resize: vertical}.embed-copy-btn{margin-top: var(--spacing-sm);padding: var(--spacing-xs) var(--spacing-md);background: var(--gradient-primary);border: none;border-radius: var(--border-radius-sm);color: #fff;font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: var(--transition)}.embed-copy-btn:hover{opacity: 0.9}.embed-body{min-height: 100vh;margin: 0;padding: var(--spacing-md);box-sizing: border-box}.embed-main{max-width: 520px;margin: 0 auto}.embed-head{text-align: center;margin-bottom: var(--spacing-md)}.embed-title{margin: 0;font-size: 1.3rem;font-weight: 700;color: var(--text-primary)}.embed-sub{margin: 4px 0 0;font-size: 0.9rem;color: var(--text-muted)}.embed-attrib{display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: var(--spacing-md);padding: var(--spacing-xs) var(--spacing-sm);text-decoration: none;border-radius: var(--border-radius-sm);transition: var(--transition)}.embed-attrib{opacity: 0.85}.embed-attrib:hover{background: rgba(255,255,255,0.05);opacity: 1}.embed-attrib-logo{height: 16px;width: auto;display: block}.embed-attrib-seo{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.seo-list-block{width: 100%;max-width: 640px;margin: 0 auto}.seo-list-title{margin: 0 0 0.35rem;font-size: 1.25rem;font-weight: 700;color: var(--text-primary);text-align: center}.seo-list-desc{margin: 0 0 var(--spacing-md);font-size: 0.92rem;color: var(--text-secondary);text-align: center;line-height: 1.55}.seo-list-text{margin: 0;font-size: 1rem;color: var(--text-secondary);text-align: center;line-height: 1.6}.seo-list-text b{color: var(--text-primary)}.seo-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px}.seo-list li[hidden]{display: none}.seo-list-row{width: 100%;display: grid;grid-template-columns: 1fr auto;grid-template-areas: "name val" "date val";align-items: center;column-gap: 12px;padding: 10px 14px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;color: var(--text-primary);font: inherit;text-align: left;cursor: pointer;transition: var(--transition)}.seo-list-row:hover{background: rgba(255,255,255,0.09);border-color: rgba(255,255,255,0.18)}.slr-name{grid-area: name;font-weight: 600;font-size: 0.95rem}.slr-date{grid-area: date;font-size: 0.82rem;color: var(--text-muted);font-variant-numeric: tabular-nums}.slr-val{grid-area: val;font-weight: 700;font-size: 0.95rem;color: var(--text-primary);white-space: nowrap;font-variant-numeric: tabular-nums;text-align: right}@media (max-width: 480px){.seo-list-row{grid-template-columns: 1fr;grid-template-areas: "name" "date" "val";row-gap: 2px}.slr-val{text-align: left}}body.fullscreen .seo-list-block{display: none}.lc-list{display: flex;flex-direction: column;gap: 10px}.lc-item{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 14px 16px;display: flex;flex-direction: column;gap: 10px}.lc-text{margin: 0;font-size: 0.92rem;line-height: 1.6;color: var(--text-secondary);user-select: all}.lc-copy{align-self: flex-end;padding: 6px 14px;border: 1px solid rgba(255,255,255,0.16);border-radius: 999px;background: rgba(255,255,255,0.06);color: var(--text-primary);font: inherit;font-size: 0.82rem;font-weight: 600;cursor: pointer;transition: var(--transition)}.lc-copy:hover{background: rgba(255,255,255,0.12)}.sec-wrap{width: 100%;max-width: 900px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--spacing-lg)}.sec-crumbs{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;font-size: 0.85rem;color: var(--text-muted)}.sec-crumbs a{color: var(--text-secondary);text-decoration: none}.sec-crumbs a:hover{color: var(--text-primary)}.sec-hero{text-align: center;display: flex;flex-direction: column;align-items: center;gap: 0.5rem}.sec-dot{width: 12px;height: 12px;border-radius: 50%}.sec-title{margin: 0;font-size: clamp(1.7rem,5vw,2.4rem);font-weight: 700;line-height: 1.2;color: var(--text-primary)}.sec-sub{margin: 0;font-size: 1.02rem;color: var(--text-secondary);max-width: 640px}.sec-badge{display: inline-block;padding: 4px 12px;border-radius: 999px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.14);font-size: 0.8rem;color: var(--text-secondary)}.sec-intro{max-width: 760px;margin: 0 auto;display: flex;flex-direction: column;gap: 0.9rem}.sec-intro p{margin: 0;font-size: 1rem;line-height: 1.7;color: var(--text-secondary)}.sec-intro.sec-intro-left{margin: 0;max-width: 820px}.sec-intro a{color: #c4b5fd;text-decoration: underline;text-decoration-color: rgba(196,181,253,0.4);text-underline-offset: 3px}.sec-intro a:hover{color: #fff;text-decoration-color: currentColor}.sec-block{display: flex;flex-direction: column;gap: var(--spacing-sm)}.sec-h2{margin: 0;font-size: 1.15rem;font-weight: 700;color: var(--text-primary)}.sec-posts{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: var(--spacing-sm)}.sec-post{display: flex;flex-direction: column;gap: 6px;padding: 14px 16px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius-sm);text-decoration: none;color: inherit;transition: var(--transition)}.sec-post:hover{background: rgba(255,255,255,0.09);border-color: rgba(255,255,255,0.2)}.sec-post-title{font-weight: 600;line-height: 1.35}.sec-post-excerpt{font-size: 0.83rem;color: var(--text-muted);line-height: 1.5}.sec-chips{display: flex;flex-wrap: wrap;gap: 8px}.sec-chip{display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border-radius: 999px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.12);color: var(--text-primary);text-decoration: none;font-size: 0.9rem;transition: var(--transition)}.sec-chip:hover{background: rgba(255,255,255,0.12)}.sec-chip-dot{width: 8px;height: 8px;border-radius: 50%}.sec-chip-n{font-size: 0.78rem;color: var(--text-muted)}.sec-faq{display: flex;flex-direction: column;gap: 8px}.sec-faq details{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 0 16px}.sec-faq summary{cursor: pointer;padding: 14px 0;font-weight: 600;color: var(--text-primary);list-style: none;display: flex;justify-content: space-between;gap: 12px}.sec-faq summary::-webkit-details-marker{display: none}.sec-faq summary::after{content: "+";color: var(--text-muted);font-weight: 400}.sec-faq details[open] summary::after{content: "−"}.sec-faq details p{margin: 0 0 14px;color: var(--text-secondary);line-height: 1.65;font-size: 0.95rem}.sec-facts{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 10px}.sec-facts li{padding: 12px 14px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;font-size: 0.92rem;color: var(--text-secondary);line-height: 1.55}.sec-facts li b{color: var(--text-primary);font-weight: 600}a.seo-list-row{text-decoration: none}.sec-cta{display: flex;flex-direction: column;gap: 4px;padding: 16px 18px;border-radius: var(--border-radius-sm);background: linear-gradient(135deg,rgba(102,126,234,0.25),rgba(118,75,162,0.25));border: 1px solid rgba(165,180,252,0.35);text-decoration: none;color: inherit;transition: var(--transition)}.sec-cta:hover{border-color: rgba(165,180,252,0.7);transform: translateY(-2px)}.sec-cta-title{font-weight: 700}.sec-cta-sub{font-size: 0.85rem;color: var(--text-secondary)}.related-calc-all{display: inline-block;margin-top: var(--spacing-sm);font-size: 0.9rem;color: #a5b4fc;text-decoration: none}.related-calc-all:hover{text-decoration: underline}a.menu-category-link{display: flex;justify-content: space-between;align-items: center;text-decoration: none}a.menu-category-link:hover{color: var(--text-primary)}.menu-category-arrow{font-size: 1rem;opacity: 0.6}.cd-hero{text-align: center;display: flex;flex-direction: column;align-items: center;gap: 6px;padding: var(--spacing-md) var(--spacing-sm);background: linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 100%);border: 1px solid rgba(255,255,255,0.15);border-radius: var(--border-radius)}.cd-prefix{font-size: 0.9rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-muted)}.cd-big{font-size: clamp(4rem,18vw,7rem);font-weight: 700;line-height: 1;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-variant-numeric: tabular-nums}.cd-unit{font-size: 1rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-muted)}.cd-date{margin-top: 6px;font-size: 1.05rem;font-weight: 600;color: var(--text-secondary)}.cd-timer{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px;width: 100%;max-width: 480px;margin-top: var(--spacing-sm)}.cd-box{display: flex;flex-direction: column;align-items: center;padding: 10px 6px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: 12px}.cd-val{font-size: clamp(1.3rem,5vw,1.8rem);font-weight: 700;color: var(--text-primary);font-variant-numeric: tabular-nums}.cd-lbl{font-size: 0.68rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-muted)}.cd-note{font-size: 0.85rem;color: #fbbf24;margin-top: 6px}.cd-today .cd-big{font-size: clamp(2.4rem,10vw,4rem)}.ti-hero{text-align: center;display: flex;flex-direction: column;align-items: center;gap: 4px;padding: var(--spacing-md) var(--spacing-sm);background: linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 100%);border: 1px solid rgba(255,255,255,0.15);border-radius: var(--border-radius)}.ti-label{font-size: 0.85rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-muted)}.ti-clock{font-size: clamp(3.4rem,16vw,6.5rem);font-weight: 700;line-height: 1.05;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-variant-numeric: tabular-nums;letter-spacing: -0.02em}.ti-clock small{font-size: 0.45em;font-weight: 600}.ti-date{font-size: 1.05rem;font-weight: 600;color: var(--text-secondary)}.ti-tz{font-size: 0.9rem;color: var(--text-muted)}.ti-diffs{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 10px}.ti-diff{display: flex;flex-direction: column;gap: 2px;padding: 12px 14px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px}.ti-diff-k{font-size: 0.78rem;color: var(--text-muted)}.ti-diff-v{font-weight: 700;color: var(--text-primary)}.ti-table{width: 100%;border-collapse: collapse;font-size: 0.92rem}.ti-table th,.ti-table td{text-align: left;padding: 10px 12px;border-bottom: 1px solid rgba(255,255,255,0.08)}.ti-table th{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-muted);font-weight: 600}.ti-table td{color: var(--text-secondary)}.ti-table td:first-child{color: var(--text-primary);font-weight: 600}.ti-table .ti-live{font-variant-numeric: tabular-nums;font-weight: 700;color: var(--text-primary)}.ti-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 10px}.ti-card{display: flex;flex-direction: column;gap: 2px;padding: 12px 14px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 12px;text-decoration: none;color: inherit;transition: var(--transition)}.ti-card:hover{background: rgba(255,255,255,0.09);border-color: rgba(255,255,255,0.2)}.ti-card-name{font-weight: 600}.ti-card-time{font-size: 1.25rem;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--text-primary)}.ti-card-sub{font-size: 0.78rem;color: var(--text-muted)}@media (max-width: 480px){.ti-table th:nth-child(3),.ti-table td:nth-child(3){display: none}}body.fullscreen .sec-wrap{display: none}.cv-box{display: flex;flex-direction: column;align-items: center;gap: 10px;padding: var(--spacing-md) var(--spacing-sm);background: linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 100%);border: 1px solid rgba(255,255,255,0.15);border-radius: var(--border-radius)}.cv-io{display: grid;grid-template-columns: 1fr auto 1fr;gap: 12px;align-items: end;width: 100%;max-width: 640px}.cv-field{display: flex;flex-direction: column;gap: 6px;min-width: 0}.cv-field .calc-label{text-align: center}.cv-in{text-align: center;font-size: 1.4rem;font-weight: 700}.cv-eq{font-size: 1.6rem;font-weight: 700;color: var(--text-muted);padding-bottom: 10px}.cv-out{display: block;text-align: center;font-size: clamp(1.6rem,6vw,2.4rem);font-weight: 700;line-height: 1.2;padding: 6px 10px;min-height: 54px;background: var(--gradient-primary);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.cv-sentence{margin: 0;font-size: 1.05rem;font-weight: 600;color: var(--text-secondary);text-align: center}.cv-swap{font-size: 0.9rem;color: #a5b4fc;text-decoration: none}.cv-swap:hover{text-decoration: underline}.cv-stats .stat-val{font-size: 1.05rem;overflow-wrap: anywhere}.cv-tables{display: grid;grid-template-columns: 3fr 2fr;gap: var(--spacing-md);align-items: start}.cv-table-main,.cv-table-rev{display: flex;flex-direction: column;gap: var(--spacing-sm);min-width: 0}.cv-table td:first-child{font-variant-numeric: tabular-nums}.cv-table td:last-child{font-variant-numeric: tabular-nums;font-weight: 700;color: var(--text-primary)}.sec-chip b{color: var(--text-primary);font-weight: 700}@media (max-width: 640px){.cv-tables{grid-template-columns: 1fr}.cv-io{grid-template-columns: 1fr;gap: 6px}.cv-eq{padding: 0;text-align: center;line-height: 1}}.calc-input::-webkit-calendar-picker-indicator{cursor: pointer;opacity: 0.7;padding: 0;margin: 0 0 0 6px;border-radius: 6px;transition: opacity 0.2s,background 0.2s}.calc-input::-webkit-calendar-picker-indicator:hover{opacity: 1;background: rgba(255,255,255,0.1)}.calc-input::-webkit-datetime-edit-fields-wrapper{padding: 0}input.calc-input[type="date"],input.calc-input[type="time"],input.calc-input[type="datetime-local"]{line-height: 1.2;min-height: 3.2rem}.calc-input::-webkit-datetime-edit{padding: 0}:where(input[type="range"]){-webkit-appearance: none;appearance: none;width: 100%;height: 28px;margin: 6px 0 0;background: transparent;cursor: pointer;--fill: 50%}:where(input[type="range"]):focus{outline: none}:where(input[type="range"])::-webkit-slider-runnable-track{height: 6px;border-radius: 999px;background: linear-gradient(90deg,#667eea,#a78bfa) 0 0 / var(--fill) 100% no-repeat,rgba(255,255,255,0.14)}:where(input[type="range"])::-webkit-slider-thumb{-webkit-appearance: none;width: 22px;height: 22px;margin-top: -8px;border-radius: 50%;background: #fff;border: 4px solid #7c3aed;box-shadow: 0 2px 10px rgba(0,0,0,0.35);transition: transform 0.15s ease,box-shadow 0.15s ease}:where(input[type="range"]):hover::-webkit-slider-thumb{transform: scale(1.08)}:where(input[type="range"]):active::-webkit-slider-thumb,:where(input[type="range"]):focus-visible::-webkit-slider-thumb{transform: scale(1.15);box-shadow: 0 0 0 6px rgba(124,58,237,0.3)}:where(input[type="range"])::-moz-range-track{height: 6px;border-radius: 999px;background: rgba(255,255,255,0.14)}:where(input[type="range"])::-moz-range-progress{height: 6px;border-radius: 999px;background: linear-gradient(90deg,#667eea,#a78bfa)}:where(input[type="range"])::-moz-range-thumb{width: 16px;height: 16px;border-radius: 50%;background: #fff;border: 4px solid #7c3aed;box-shadow: 0 2px 10px rgba(0,0,0,0.35)}:where(input[type="checkbox"],input[type="radio"]){-webkit-appearance: none;appearance: none;flex: 0 0 auto;width: 22px;height: 22px;margin: 0;display: inline-grid;place-content: center;vertical-align: middle;background: rgba(255,255,255,0.06);border: 2px solid rgba(255,255,255,0.32);border-radius: 7px;cursor: pointer;transition: background 0.2s,border-color 0.2s,box-shadow 0.2s}:where(input[type="radio"]){border-radius: 50%}:where(input[type="checkbox"],input[type="radio"]):hover{border-color: rgba(255,255,255,0.55)}:where(input[type="checkbox"],input[type="radio"]):focus-visible{outline: none;box-shadow: 0 0 0 4px rgba(124,58,237,0.35)}:where(input[type="checkbox"]):checked{background: var(--gradient-primary);border-color: transparent}:where(input[type="checkbox"])::before{content: '';width: 12px;height: 12px;transform: scale(0);transition: transform 0.15s ease;background: #fff;clip-path: polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,37% 70%)}:where(input[type="checkbox"]):checked::before{transform: scale(1)}:where(input[type="radio"]):checked{border-color: #a78bfa}:where(input[type="radio"])::before{content: '';width: 10px;height: 10px;border-radius: 50%;transform: scale(0);transition: transform 0.15s ease;background: var(--gradient-primary)}:where(input[type="radio"]):checked::before{transform: scale(1)}:where(input[type="checkbox"],input[type="radio"]):disabled{opacity: 0.45;cursor: not-allowed}:where(input[type="color"]){-webkit-appearance: none;appearance: none;width: 48px;height: 48px;padding: 4px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.18);border-radius: 12px;cursor: pointer}:where(input[type="color"])::-webkit-color-swatch-wrapper{padding: 0}:where(input[type="color"])::-webkit-color-swatch{border: none;border-radius: 8px}:where(input[type="color"])::-moz-color-swatch{border: none;border-radius: 8px}:where(label):has(>input[type="checkbox"],>input[type="radio"]){display: inline-flex;align-items: center;gap: 0.6rem;cursor: pointer}.tools-grid,.ti-grid,.blog-grid,.sec-posts,.sec-facts,.home-sections{grid-template-columns: repeat(12,minmax(0,1fr))}@media (max-width: 639px){.tools-grid>*{grid-column: span 6}.tools-grid>:nth-child(2n+1):nth-last-child(1),.tools-grid>:nth-child(2n+1):nth-last-child(1) ~ *{grid-column: span 12}}@media (min-width: 640px) and (max-width: 899px){.tools-grid>*{grid-column: span 4}.tools-grid>:nth-child(3n+1):nth-last-child(1),.tools-grid>:nth-child(3n+1):nth-last-child(1) ~ *{grid-column: span 12}.tools-grid>:nth-child(3n+1):nth-last-child(2),.tools-grid>:nth-child(3n+1):nth-last-child(2) ~ *{grid-column: span 6}.tools-grid:has(>:nth-child(3n+1):last-child:not(:first-child))>:nth-last-child(-n+4){grid-column: span 6}.tools-grid:has(>:nth-child(3n+1):last-child:not(:first-child))>:nth-last-child(-n+2){grid-column: span 6}}@media (min-width: 900px){.tools-grid>*{grid-column: span 3}.tools-grid>:nth-child(4n+1):nth-last-child(1),.tools-grid>:nth-child(4n+1):nth-last-child(1) ~ *{grid-column: span 12}.tools-grid>:nth-child(4n+1):nth-last-child(2),.tools-grid>:nth-child(4n+1):nth-last-child(2) ~ *{grid-column: span 6}.tools-grid>:nth-child(4n+1):nth-last-child(3),.tools-grid>:nth-child(4n+1):nth-last-child(3) ~ *{grid-column: span 4}.tools-grid:has(>:nth-child(4n+1):last-child:not(:first-child))>:nth-last-child(-n+5){grid-column: span 4}.tools-grid:has(>:nth-child(4n+1):last-child:not(:first-child))>:nth-last-child(-n+2){grid-column: span 6}}@media (max-width: 479px){.ti-grid>*{grid-column: span 6}.ti-grid>:nth-child(2n+1):nth-last-child(1),.ti-grid>:nth-child(2n+1):nth-last-child(1) ~ *{grid-column: span 12}}@media (min-width: 480px) and (max-width: 819px){.ti-grid>*{grid-column: span 4}.ti-grid>:nth-child(3n+1):nth-last-child(1),.ti-grid>:nth-child(3n+1):nth-last-child(1) ~ *{grid-column: span 12}.ti-grid>:nth-child(3n+1):nth-last-child(2),.ti-grid>:nth-child(3n+1):nth-last-child(2) ~ *{grid-column: span 6}.ti-grid:has(>:nth-child(3n+1):last-child:not(:first-child))>:nth-last-child(-n+4){grid-column: span 6}.ti-grid:has(>:nth-child(3n+1):last-child:not(:first-child))>:nth-last-child(-n+2){grid-column: span 6}}@media (min-width: 820px){.ti-grid>*{grid-column: span 3}.ti-grid>:nth-child(4n+1):nth-last-child(1),.ti-grid>:nth-child(4n+1):nth-last-child(1) ~ *{grid-column: span 12}.ti-grid>:nth-child(4n+1):nth-last-child(2),.ti-grid>:nth-child(4n+1):nth-last-child(2) ~ *{grid-column: span 6}.ti-grid>:nth-child(4n+1):nth-last-child(3),.ti-grid>:nth-child(4n+1):nth-last-child(3) ~ *{grid-column: span 4}.ti-grid:has(>:nth-child(4n+1):last-child:not(:first-child))>:nth-last-child(-n+5){grid-column: span 4}.ti-grid:has(>:nth-child(4n+1):last-child:not(:first-child))>:nth-last-child(-n+2){grid-column: span 6}}@media (max-width: 699px){.blog-grid>*{grid-column: span 12}}@media (min-width: 700px) and (max-width: 999px){.blog-grid>*{grid-column: span 6}.blog-grid>:nth-child(2n+1):nth-last-child(1),.blog-grid>:nth-child(2n+1):nth-last-child(1) ~ *{grid-column: span 12}}@media (min-width: 1000px){.blog-grid>*{grid-column: span 4}.blog-grid>:nth-child(3n+1):nth-last-child(1),.blog-grid>:nth-child(3n+1):nth-last-child(1) ~ *{grid-column: span 12}.blog-grid>:nth-child(3n+1):nth-last-child(2),.blog-grid>:nth-child(3n+1):nth-last-child(2) ~ *{grid-column: span 6}.blog-grid:has(>:nth-child(3n+1):last-child:not(:first-child))>:nth-last-child(-n+4){grid-column: span 6}.blog-grid:has(>:nth-child(3n+1):last-child:not(:first-child))>:nth-last-child(-n+2){grid-column: span 6}}@media (max-width: 639px){.sec-posts>*{grid-column: span 12}}@media (min-width: 640px) and (max-width: 899px){.sec-posts>*{grid-column: span 6}.sec-posts>:nth-child(2n+1):nth-last-child(1),.sec-posts>:nth-child(2n+1):nth-last-child(1) ~ *{grid-column: span 12}}@media (min-width: 900px){.sec-posts>*{grid-column: span 4}.sec-posts>:nth-child(3n+1):nth-last-child(1),.sec-posts>:nth-child(3n+1):nth-last-child(1) ~ *{grid-column: span 12}.sec-posts>:nth-child(3n+1):nth-last-child(2),.sec-posts>:nth-child(3n+1):nth-last-child(2) ~ *{grid-column: span 6}.sec-posts:has(>:nth-child(3n+1):last-child:not(:first-child))>:nth-last-child(-n+4){grid-column: span 6}.sec-posts:has(>:nth-child(3n+1):last-child:not(:first-child))>:nth-last-child(-n+2){grid-column: span 6}}@media (max-width: 639px){.sec-facts>*{grid-column: span 12}}@media (min-width: 640px){.sec-facts>*{grid-column: span 6}.sec-facts>:nth-child(2n+1):nth-last-child(1),.sec-facts>:nth-child(2n+1):nth-last-child(1) ~ *{grid-column: span 12}}@media (max-width: 639px){.home-sections>*{grid-column: span 12}}@media (min-width: 640px) and (max-width: 999px){.home-sections>*{grid-column: span 6}.home-sections>:nth-child(2n+1):nth-last-child(1),.home-sections>:nth-child(2n+1):nth-last-child(1) ~ *{grid-column: span 12}}@media (min-width: 1000px){.home-sections>*{grid-column: span 3}.home-sections>:nth-child(4n+1):nth-last-child(1),.home-sections>:nth-child(4n+1):nth-last-child(1) ~ *{grid-column: span 12}.home-sections>:nth-child(4n+1):nth-last-child(2),.home-sections>:nth-child(4n+1):nth-last-child(2) ~ *{grid-column: span 6}.home-sections>:nth-child(4n+1):nth-last-child(3),.home-sections>:nth-child(4n+1):nth-last-child(3) ~ *{grid-column: span 4}.home-sections:has(>:nth-child(4n+1):last-child:not(:first-child))>:nth-last-child(-n+5){grid-column: span 4}.home-sections:has(>:nth-child(4n+1):last-child:not(:first-child))>:nth-last-child(-n+2){grid-column: span 6}}@media (max-width: 639px){.tools-grid>.tool-card:nth-child(2n+1):last-child{display: grid;grid-template-columns: auto 1fr;column-gap: 16px;row-gap: 2px;align-items: center;text-align: left;padding-left: var(--spacing-md)}.tools-grid>.tool-card:nth-child(2n+1):last-child .card-icon{grid-row: span 2;margin: 0}.tools-grid>.tool-card:nth-child(2n+1):last-child .card-title{align-self: end;margin: 0}.tools-grid>.tool-card:nth-child(2n+1):last-child .card-subtitle{align-self: start;margin: 0}}:where(input[type="number"]){-moz-appearance: textfield;appearance: textfield}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.tool-settings{width: 100%;max-width: 640px;margin: 0 auto;background: var(--bg-card);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius);scroll-margin-top: 84px;transition: border-color 0.3s ease,box-shadow 0.3s ease}.tool-settings.flash{border-color: rgba(167,139,250,0.8);box-shadow: 0 0 0 4px rgba(124,58,237,0.25)}.ts-head{width: 100%;display: flex;align-items: center;gap: 10px;padding: 16px 20px;background: none;border: none;border-radius: var(--border-radius);color: var(--text-primary);font-size: 1rem;font-weight: 700;text-align: left;cursor: pointer}.ts-head:hover{background: rgba(255,255,255,0.04)}.ts-head:focus-visible{outline: none;box-shadow: inset 0 0 0 2px rgba(167,139,250,0.7)}.ts-icon{width: 20px;height: 20px;flex: 0 0 auto;color: #a78bfa}.ts-title{flex: 0 0 auto}.ts-summary{flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.85rem;font-weight: 500;color: var(--text-muted)}.ts-summary:not(:empty)::before{content: '· '}.ts-chev{width: 18px;height: 18px;flex: 0 0 auto;margin-left: auto;color: var(--text-muted);transition: transform 0.25s ease}.tool-settings.open .ts-chev{transform: rotate(180deg)}.tool-settings.open .ts-head{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 1px solid rgba(255,255,255,0.08)}.ts-panel{padding: var(--spacing-md) 20px 20px}.ts-panel .drawer-body{padding: 0;overflow: visible;flex: none}.ts-panel .clock-options>div:empty{display: none}body.fullscreen .tool-settings{display: none}@media (max-width: 480px){.ts-head{padding: 14px 16px}.ts-panel{padding: var(--spacing-sm) 16px 16px}}body.fullscreen .tool-container:has(>.is-tool-root)>:not(.is-tool-root):not(script):not(style):not(link){display: none !important}body.fullscreen .fs-hide,body.fullscreen .is-tool-root .seo-list-block{display: none !important}.cr-icon-btn{min-width: 44px;height: 44px;padding: 0 14px;border-radius: 12px;border: 1px solid rgba(255,255,255,0.14);background: rgba(255,255,255,0.06);color: var(--text-primary);cursor: pointer;transition: var(--transition)}.cr-icon-btn:hover{background: rgba(255,255,255,0.12)}:is(.cd-big,.ti-clock,.dd-num,.age-num,.da-date,.dc-num,.wn-num,.dw-day,.pg-date,.ov-date,.pc-date,.met-bpm,.error-code,.gl-big .stat-val,#totalValue){padding-bottom: 0.14em;margin-bottom: -0.14em}.dv-status{display: flex;align-items: center;justify-content: center;gap: 10px;padding: 10px 14px;border-radius: 12px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);font-weight: 700;color: var(--text-secondary);text-align: center}.dv-status>span:last-child{min-width: 0;overflow-wrap: anywhere}.dv-dot{width: 10px;height: 10px;border-radius: 50%;background: #64748b;flex: 0 0 auto}.dv-status[data-s="wait"] .dv-dot{background: #f59e0b;animation: dvPulse 1s ease-in-out infinite}.dv-status[data-s="ok"]{color: #34d399;border-color: rgba(52,211,153,0.4);background: rgba(16,185,129,0.1)}.dv-status[data-s="ok"] .dv-dot{background: #10b981}.dv-status[data-s="err"]{color: #f87171;border-color: rgba(239,68,68,0.4);background: rgba(239,68,68,0.08)}.dv-status[data-s="err"] .dv-dot{background: #ef4444}@keyframes dvPulse{50%{opacity: 0.35}}.dv-scope{width: 100%;height: auto;aspect-ratio: 52 / 15;border-radius: 14px;background: #120f2a;border: 1px solid rgba(255,255,255,0.08);display: block}.dv-seg2{display: grid;grid-template-columns: 1fr 1fr}.dv-seg2 .calc-seg-btn{padding-left: 4px;padding-right: 4px;min-width: 0}.dv-actions{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 10px}.dv-main{width: 100%;max-width: none;padding-inline: 16px;white-space: nowrap;min-width: 0}.dv-side{height: auto;padding: 0 18px;font-weight: 700;white-space: nowrap}.dv-side:disabled{opacity: 0.4;cursor: not-allowed}.dv-side.rec{color: #f87171;border-color: rgba(239,68,68,0.5)}@media (max-width: 480px){.dv-actions{grid-template-columns: minmax(0,1fr)}.dv-side{min-height: 48px;justify-content: center}}.dv-msg{text-align: center;margin: 0}.dv-msg.err{color: #f87171}@media (prefers-reduced-motion: reduce){.calc-tool,.tool-card{animation: none}}.topbar{position: fixed;top: 0;left: 0;right: 0;box-sizing: border-box;height: calc(56px + env(safe-area-inset-top,0px));z-index: 1200;display: flex;align-items: center;justify-content: space-between;padding: env(safe-area-inset-top,0px) var(--spacing-md) 0;background: rgba(15,15,25,0.85);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid rgba(255,255,255,0.08);transition: transform 0.3s ease,background 0.3s ease}@media (min-width: 1200px){.topbar{padding: 0 calc(180px + var(--spacing-lg))}}.topbar-logo{display: flex;align-items: center;text-decoration: none;flex-shrink: 0;padding: 8px 12px;margin: -8px -12px;border-radius: 8px;transition: background 0.2s ease}.topbar-logo img,.topbar-logo svg{height: 24px;width: auto;opacity: 0.95;transition: opacity 0.2s ease;pointer-events: none}.topbar-logo:hover img,.topbar-logo:hover svg{opacity: 1}.topbar-left{display: flex;align-items: center;flex: 1 1 0;min-width: 0;justify-content: flex-start}.topbar-center{display: flex;align-items: center;gap: 4px;flex: 0 0 auto}.topbar-controls{display: flex;align-items: center;gap: 4px;flex: 1 1 0;justify-content: flex-end}.topbar-btn{position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: transparent;border: none;border-radius: 10px;color: rgba(255,255,255,0.7);cursor: pointer;transition: all 0.2s ease}.topbar-btn:hover{background: rgba(255,255,255,0.1);color: white}.topbar-btn:active{transform: scale(0.95)}.topbar-btn.active{background: rgba(102,126,234,0.2);color: white}.topbar-btn svg{width: 20px;height: 20px;flex-shrink: 0}.lang-dropdown{position: relative}.lang-btn{display: flex;align-items: center;justify-content: center;width: auto;padding: 6px;height: 40px;background: transparent;border: none;border-radius: 8px;cursor: pointer;transition: all 0.2s ease}.lang-btn:hover{background: rgba(255,255,255,0.1)}.lang-btn .current-flag{width: 30px;height: 20px;border-radius: 3px;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 3px rgba(0,0,0,0.3)}.lang-btn .current-flag svg{width: 30px;height: 20px}.lang-menu{position: absolute;top: calc(100% + 8px);right: 0;padding: 8px;background: rgba(20,20,35,0.95);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(255,255,255,0.1);border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,0.4);opacity: 0;transform: translateY(-8px) scale(0.95);pointer-events: none;transition: all 0.2s ease}.lang-menu:not([hidden]){opacity: 1;transform: translateY(0) scale(1);pointer-events: all}.lang-option{display: flex;align-items: center;justify-content: center;padding: 8px 12px;margin: 4px 0;border-radius: 8px;text-decoration: none;transition: all 0.15s ease}.lang-option:first-child{margin-top: 0}.lang-option:last-child{margin-bottom: 0}.lang-option:hover{background: rgba(255,255,255,0.1)}.lang-option.active{background: var(--gradient-primary)}.lang-option .flag-icon{width: 36px;height: 24px;border-radius: 3px;overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 4px rgba(0,0,0,0.3)}.lang-option .flag-icon svg{width: 36px;height: 24px}.flag-svg{display: block}body{padding-top: calc(56px + env(safe-area-inset-top,0px))}body.fullscreen .topbar{background: rgba(15,15,25,0.6)}.drawer{top: calc(56px + env(safe-area-inset-top,0px)) !important;height: calc(100% - 56px - env(safe-area-inset-top,0px)) !important}body.fullscreen .drawer{top: 0 !important;height: 100% !important}@media (max-width: 480px){.topbar{height: calc(52px + env(safe-area-inset-top,0px));padding: env(safe-area-inset-top,0px) var(--spacing-sm) 0}.topbar-logo{padding: 6px 10px;margin: -6px -10px}.topbar-logo img,.topbar-logo svg{height: 20px}.topbar-btn{width: 36px;height: 36px}.topbar-btn svg{width: 18px;height: 18px}.lang-btn{height: 36px;padding: 0 8px}.lang-btn .current-flag{width: 22px;height: 22px}.lang-btn .current-flag svg{width: 22px;height: 22px}body{padding-top: calc(52px + env(safe-area-inset-top,0px))}.drawer{top: calc(52px + env(safe-area-inset-top,0px)) !important;height: calc(100% - 52px - env(safe-area-inset-top,0px)) !important}}.tool-container{min-height: calc(100vh - 56px);min-height: calc(100dvh - 56px)}@media (max-width: 480px){.tool-container{min-height: calc(100vh - 52px);min-height: calc(100dvh - 52px)}}body.fullscreen .tool-container{min-height: calc(100vh - 56px);min-height: calc(100dvh - 56px);max-height: calc(100vh - 56px);max-height: calc(100dvh - 56px);overflow-y: auto;-webkit-overflow-scrolling: touch;justify-content: safe center}@media (max-width: 480px){body.fullscreen .tool-container{min-height: calc(100vh - 52px);min-height: calc(100dvh - 52px);max-height: calc(100vh - 52px);max-height: calc(100dvh - 52px)}}.fixed-controls,.app-header,.lang-switcher{display: none !important}@keyframes gearSpin{0%{transform: rotate(0deg)}20%{transform: rotate(360deg)}100%{transform: rotate(360deg)}}#optionsBtn svg{transform-origin: 50% 50%;animation: gearSpin 3.5s ease-in-out infinite}.topbar-btn.hint-pulse{background: rgba(102,126,234,0.22);color: #fff}.options-hint{position: absolute;top: calc(100% + 10px);right: 0;white-space: nowrap;padding: 7px 11px;border-radius: 9px;background: var(--gradient-primary);color: #fff;font-size: 0.8rem;font-weight: 600;line-height: 1;box-shadow: 0 8px 22px rgba(0,0,0,0.4);opacity: 0;transform: translateY(-6px);pointer-events: none;transition: opacity 0.28s ease,transform 0.28s ease;z-index: 1300}.options-hint::before{content: '';position: absolute;bottom: 100%;right: 13px;border: 5px solid transparent;border-bottom-color: #667eea}.options-hint.show{opacity: 1;transform: translateY(0)}@media (prefers-reduced-motion: reduce){#optionsBtn svg{animation: none}}@media all and (display-mode: standalone){#fullscreenBtn{display: none !important}}.seo-content{width: 100%;max-width: 900px;margin: 0 auto;padding: 2rem;background: linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 100%);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--border-radius-sm);backdrop-filter: blur(var(--blur-amount));animation: fadeInContent 0.8s ease-out}body.fullscreen .seo-content{display: none}.seo-header{text-align: center;margin-bottom: 2rem}.seo-headline{font-size: 1.75rem;font-weight: 700;color: var(--text-primary);margin: 0 0 0.75rem 0;line-height: 1.3}.seo-subheadline{font-size: 1.05rem;color: var(--text-secondary);margin: 0;font-weight: 400}.seo-intro{margin-bottom: 2rem}.seo-intro p{color: var(--text-secondary);line-height: 1.8;text-align: justify;margin: 0;font-size: 1rem}.seo-features{margin-bottom: 2rem}.seo-features h2{font-size: 1.5rem;font-weight: 600;color: var(--text-primary);margin: 0 0 1.5rem 0;text-align: center}.features-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem}.feature-card{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 1.25rem;text-align: center;transition: all 0.3s ease}.feature-card:hover{background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.15);transform: translateY(-2px)}.feature-icon{font-size: 2rem;display: block;margin-bottom: 0.75rem}.feature-card h3{font-size: 1rem;font-weight: 600;color: var(--text-primary);margin: 0 0 0.5rem 0}.feature-card p{font-size: 0.85rem;color: var(--text-secondary);margin: 0;line-height: 1.5}.seo-reference{margin-bottom: 2rem}.seo-reference>h2{font-size: 1.5rem;font-weight: 600;color: var(--text-primary);margin: 0 0 1.5rem 0;text-align: center}.ref-groups{display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem}.ref-group{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 1.25rem}.ref-group h3{font-size: 1.05rem;font-weight: 600;color: var(--text-primary);margin: 0 0 0.5rem 0}.ref-desc{font-size: 0.85rem;color: var(--text-muted);margin: 0 0 0.75rem 0;line-height: 1.5}.ref-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.4rem}.ref-list li{font-size: 0.92rem;color: var(--text-secondary);padding: 0.35rem 0;border-bottom: 1px solid rgba(255,255,255,0.06);font-variant-numeric: tabular-nums}.ref-list li:last-child{border-bottom: none}.seo-faq{margin-top: 2rem}.seo-faq h2{font-size: 1.5rem;font-weight: 600;color: var(--text-primary);margin: 0 0 1.5rem 0;text-align: center}.faq-list{display: flex;flex-direction: column;gap: 0.75rem}.faq-item{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 10px;overflow: hidden;transition: all 0.3s ease}.faq-item[open]{background: rgba(255,255,255,0.06);border-color: rgba(255,255,255,0.12)}.faq-item summary{padding: 1rem 1.25rem;cursor: pointer;font-weight: 500;color: var(--text-primary);display: flex;align-items: center;justify-content: space-between;list-style: none;user-select: none}.faq-item summary::-webkit-details-marker{display: none}.faq-item summary::after{content: '+';font-size: 1.25rem;font-weight: 300;color: var(--text-secondary);transition: transform 0.3s ease}.faq-item[open] summary::after{content: '−'}.faq-item p{padding: 0 1.25rem 1rem;margin: 0;color: var(--text-secondary);line-height: 1.7;font-size: 0.95rem}.tool-container{display: flex;flex-direction: column;align-items: center;gap: var(--spacing-xl)}@media (prefers-color-scheme: dark){.seo-content{background: linear-gradient(135deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);border-color: rgba(255,255,255,0.08)}}@media (min-width: 769px){.features-grid:has(>:nth-child(5)){grid-template-columns: repeat(3,1fr)}.ref-groups:has(>:last-child:nth-child(3)){grid-template-columns: repeat(3,1fr)}}.ref-groups>:only-child,.ref-groups>:last-child:nth-child(odd):nth-child(n+5){grid-column: 1 / -1}@media (max-width: 768px){.seo-content{margin: 0 auto;padding: 1.5rem}.seo-headline{font-size: 1.4rem}.seo-subheadline{font-size: 0.95rem}.seo-intro p{text-align: left}.seo-features h2,.seo-reference>h2,.seo-faq h2{font-size: 1.25rem}.ref-groups{grid-template-columns: 1fr}.features-grid{grid-template-columns: 1fr 1fr;gap: 0.75rem}.feature-card{padding: 1rem}.feature-icon{font-size: 1.5rem}.feature-card h3{font-size: 0.9rem}.feature-card p{font-size: 0.8rem}}@media (max-width: 480px){.features-grid{grid-template-columns: 1fr}}@media print{.seo-content{display: none}}@keyframes fadeInContent{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.seo-guides{margin-bottom: 2rem}.seo-guides>h2{font-size: 1.5rem;font-weight: 600;color: var(--text-primary);margin: 0 0 1rem 0;text-align: center}.guides-list{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 0.75rem}.guides-list li{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 1rem 1.1rem;display: flex;flex-direction: column;gap: 0.3rem}.guides-list a{color: var(--text-primary);font-weight: 600;text-decoration: none}.guides-list a:hover{text-decoration: underline}.guides-list span{font-size: 0.85rem;color: var(--text-muted);line-height: 1.5}