.tattoo-converter{background:#f6f8ff;border:1px solid #dfe5f5;border-radius:8px;padding:2rem;max-width:600px;margin:2rem auto;}.date-inputs{display:flex;gap:1rem;justify-content:center;align-items:center}.date-inputs input{width:80px;font-size:1.5rem;padding:.75rem;border:1px solid #ccc;border-radius:4px;text-align:center;background:#fff;}.date-inputs span{font-size:1.8rem;line-height:1;color:#ccc;user-select:none}#tattoo-result{margin-top:1.5rem;text-align:center;font-size:2rem;font-weight:700;letter-spacing:2px;padding:1rem;background:#fff;border:1px solid #eee;border-radius:6px;word-break:break-all;}.style-showcase{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:1rem;justify-items:center;text-align:center;}.font-example{display:block;font-size:1.6rem;margin:.5rem auto;padding:.75rem 1rem;border:1px dashed #e6e6e6;border-radius:6px;background:#fff;width:max-content;max-width:100%;}.font-serif{font-family:"Times New Roman",Times,serif;letter-spacing:2px}.font-sans-serif{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:3px}.font-monospace{font-family:"Courier New",Courier,monospace;letter-spacing:4px}.font-script{font-family:"Brush Script MT","Lucida Handwriting",cursive;text-transform:lowercase;letter-spacing:3px}.tips-list{margin:1rem auto 0;padding-left:1.2rem;max-width:700px}.tips-list li+li{margin-top:.5rem}#tips,#tips h2,#tips p,#tips ul,#tips li{text-align:left}#tips .tips-list{margin-left:0}@media (max-width:480px){.tattoo-converter{padding:1.25rem;margin:1rem auto}.date-inputs{gap:.3rem;flex-wrap:nowrap}.date-inputs input{width:48px;font-size:1.25rem;padding:.5rem}#tattoo-result{font-size:1.4rem;padding:.75rem}.font-example{font-size:1.2rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}}