.tip-calculator-wrapper{display:flex;flex-direction:column;gap:20px}.currency-selector-group{display:flex;flex-direction:column;gap:8px}.currency-selector-group select{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-size:16px;cursor:pointer}.input-group-large{display:flex;flex-direction:column;gap:8px}.input-group-large label{font-size:14px;font-weight:500;color:var(--text-secondary)}.input-with-prefix{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.currency-prefix{padding:0 12px;color:var(--accent-primary);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-with-prefix input{flex:1;border:none;background:transparent;padding:12px;color:var(--text-primary);font-size:18px}.input-with-prefix input::-moz-placeholder{color:var(--text-muted)}.input-with-prefix input::placeholder{color:var(--text-muted)}.tip-presets-section{display:flex;flex-direction:column;gap:12px}.tip-presets-section label{font-size:14px;font-weight:500;color:var(--text-secondary)}.tip-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:480px){.tip-presets-grid{grid-template-columns:repeat(2,1fr)}}.preset-btn{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .2s;font-size:14px}.preset-btn:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.preset-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.custom-tip-section,.tip-slider-group{display:flex;flex-direction:column;gap:12px}.tip-slider-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.tip-slider-group{display:flex;flex-direction:column;gap:8px}#tip-slider{width:100%;height:6px;cursor:pointer;accent-color:var(--accent-primary)}.tip-slider-group input[type=number]{padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);width:80px}.slider-unit{position:absolute;right:12px;color:var(--text-muted)}.input-group-split{display:flex;flex-direction:column;gap:8px}.input-group-split label{font-size:14px;font-weight:500;color:var(--text-secondary)}.number-input-group{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px}.btn-small{padding:8px 12px;background:var(--accent-primary);border:none;color:#fff;border-radius:4px;cursor:pointer;font-weight:600;min-width:40px}.btn-small:active{transform:scale(.95)}.number-input-group input{flex:1;border:none;background:transparent;text-align:center;color:var(--text-primary);font-size:16px;font-weight:600}.rounding-options{display:flex;flex-direction:column;gap:12px}.rounding-options label{font-size:14px;font-weight:500;color:var(--text-secondary)}.rounding-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.round-btn{padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s;font-size:13px}.round-btn:hover{border-color:var(--accent-primary)}.round-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.results-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media(max-width:480px){.results-card{grid-template-columns:1fr}}.result-item{display:flex;flex-direction:column;gap:6px}.result-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.result-value{font-size:24px;font-weight:700;color:var(--accent-primary)}.breakdown-visual{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.breakdown-visual h3{margin:0 0 15px;font-size:14px;color:var(--text-secondary)}.breakdown-bar{width:100%;margin-bottom:15px;height:auto}.breakdown-labels{display:flex;flex-direction:column;gap:8px}.breakdown-label{display:flex;align-items:center;gap:10px;font-size:14px}.label-color{width:16px;height:16px;border-radius:3px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.action-buttons{grid-template-columns:1fr}}.btn{padding:14px 20px;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c3ce14d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-secondary)}.btn-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover{background:var(--accent-primary);color:#fff}.split-unequally-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:15px}.split-unequally-section summary{cursor:pointer;font-weight:600;color:var(--accent-primary);outline:none}.split-unequally-section summary:hover{color:var(--accent-secondary)}.unequal-split-content{margin-top:15px}.unequal-split-content p{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.split-container{display:flex;flex-direction:column;gap:10px}.unequal-split-input-group{display:flex;flex-direction:column;gap:6px}.unequal-split-input-group label{font-size:12px;color:var(--text-muted)}.unequal-input-wrapper{display:flex;align-items:center;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.unequal-input-wrapper input{flex:1;border:none;background:transparent;padding:8px;color:var(--text-primary);font-size:14px}.service-guide-section{margin-top:30px}.service-guide-section h3{margin-bottom:15px;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:480px){.service-grid{grid-template-columns:1fr}}.service-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:15px;text-align:center;display:flex;flex-direction:column;gap:10px}.service-icon{font-size:28px}.service-card strong{font-size:14px;color:var(--text-primary)}.service-card p{font-size:12px;color:var(--text-muted);margin:0}.service-preset-btn{padding:8px 12px;background:var(--accent-secondary);border:none;color:#fff;border-radius:4px;cursor:pointer;font-weight:500;font-size:12px;transition:all .2s}.service-preset-btn:hover{background:var(--accent-primary)}.history-section{margin-top:30px}.history-section h3{margin-bottom:12px;font-size:16px}.history-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px}.history-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:14px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--border-color);font-size:13px;gap:8px}.history-item:last-child{border-bottom:none}.history-time{color:var(--text-muted);min-width:70px}.history-detail{flex:1;color:var(--text-primary)}.history-delete-btn{padding:4px 8px;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);border-radius:3px;cursor:pointer;font-weight:600;min-width:28px}.history-delete-btn:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff}.faq-content{margin-top:15px}.faq-content details{margin-bottom:10px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.faq-content summary{cursor:pointer;font-weight:600;color:var(--accent-primary)}.faq-content summary:hover{color:var(--accent-secondary)}.faq-content p{margin-top:10px;font-size:14px;color:var(--text-secondary)}