body{margin:0 auto}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:#f5f5f7;position:relative;transition:background .3s ease}.containerDark{background:#1a1a1a}.themeToggle{position:fixed;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #e5e7eb;background-color:#fff;box-shadow:0 2px 8px #00000014;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1000}.themeToggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001f;border-color:#d1d5db}.card{width:80%;max-width:28rem;padding:3rem;background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease}@media (max-width: 640px){.card{padding:2rem 1.5rem}}.cardDark{background-color:#2a2a2a;box-shadow:0 4px 20px #0000004d}.bubblesSection{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:2.5rem;position:relative;gap:1.5rem}@media (max-width: 640px){.bubblesSection{gap:1rem}}.bubblesImage{width:7rem;height:7rem;flex-shrink:0}@media (min-width: 640px){.bubblesImage{width:8rem;height:8rem}}.bubblesImageElement{width:100%;height:100%;object-fit:contain}.speechBubble{padding:1.5rem 1.75rem;border-radius:1.25rem;text-align:left;max-width:30rem;position:relative;background-color:#fbbf24;box-shadow:0 2px 12px #fbbf2433}@media (max-width: 640px){.speechBubble{text-align:center;max-width:100%;padding:1.25rem 1.5rem}}.speechBubblePointer{position:absolute;left:-.5rem;top:50%;transform:translateY(-50%) rotate(45deg);width:1rem;height:1rem;background-color:#fbbf24}.speechBubbleText{font-size:1rem;font-weight:600;color:#1f2937;margin:0;line-height:1.5}@media (min-width: 768px){.speechBubbleText{font-size:1.0625rem}}.formSection{margin-bottom:1.25rem}.label{display:block;font-size:.9375rem;font-weight:600;color:#374151;margin-bottom:.625rem}.labelDark{color:#e5e7eb}.inputContainer{position:relative}.inputIcon{position:absolute;top:50%;transform:translateY(-50%);left:1rem;display:flex;align-items:center;pointer-events:none;z-index:10}.iconSvg{height:1.25rem;width:1.25rem;color:#9ca3af}.input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;outline:none;font-size:.9375rem;background-color:#fafafa;transition:all .2s ease;color:#1f2937;box-sizing:border-box}.input::placeholder{color:#9ca3af}.input:hover{border-color:#d1d5db;background-color:#fff}.input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.inputDark{background-color:#3a3a3a;border-color:#4a4a4a;color:#f1f5f9}.inputDark::placeholder{color:#6b7280}.inputDark:hover{border-color:#5a5a5a;background-color:#3f3f3f}.inputDark:focus{border-color:#3b82f6;background-color:#3f3f3f;box-shadow:0 0 0 3px #3b82f626}.primaryButton{width:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.875rem 1.5rem;border-radius:.75rem;border:none;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f640}.primaryButton:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.primaryButton:active{transform:translateY(0)}.primaryButton:focus{outline:none;box-shadow:0 0 0 3px #3b82f666}.buttonIcon{height:1.25rem;width:1.25rem;margin-right:.5rem}.errorContainer{margin-top:1.25rem;padding:1rem 1.25rem;background-color:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c;border-radius:.5rem}.errorContainerDark{background-color:#7f1d1d40;color:#fca5a5;border-left-color:#ef4444}.errorContent{display:flex;align-items:center}.errorIcon{height:1.25rem;width:1.25rem;margin-right:.75rem;flex-shrink:0}.resultContainer{margin-top:1.75rem;padding:1.5rem;background-color:#f0fdf4;border-radius:1rem;border:2px solid #bbf7d0}.resultContainerDark{background-color:#15803d1a;border-color:#22c55e40}.resultTitle{font-size:1.0625rem;font-weight:600;color:#166534;margin-bottom:1rem;margin-top:0}.resultTitleDark{color:#86efac}.resultSection{margin-bottom:1rem}.resultLabel{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.resultLabelDark{color:#e5e7eb}.copyContainer{display:flex;flex-direction:column;gap:0}@media (min-width: 640px){.copyContainer{flex-direction:row}}.copyInput{flex:1;padding:.875rem 1rem;border:2px solid #d1d5db;background-color:#fff;border-radius:.5rem .5rem 0 0;font-size:.875rem;word-break:break-all;color:#1f2937;font-family:Courier New,monospace}@media (min-width: 640px){.copyInput{border-radius:.5rem 0 0 .5rem;border-right:none}}.copyInputDark{background-color:#3a3a3a;border-color:#4a4a4a;color:#f1f5f9}@media (min-width: 640px){.copyInputDark{border-right:none}}.copyButton{padding:.875rem 1.5rem;background-color:#f3f4f6;border:2px solid #d1d5db;border-top:none;border-radius:0 0 .5rem .5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:600;color:#374151}@media (min-width: 640px){.copyButton{border-top:2px solid #d1d5db;border-left:none;border-radius:0 .5rem .5rem 0;white-space:nowrap}}.copyButton:hover{background-color:#e5e7eb}.copyButton:focus{outline:none;box-shadow:0 0 0 3px #3b82f640}.copyButtonDark{background-color:#4a4a4a;border-color:#5a5a5a;color:#f1f5f9}@media (min-width: 640px){.copyButtonDark{border-top-color:#5a5a5a}}.copyButtonDark:hover{background-color:#5a5a5a}.copyButtonContent{display:flex;align-items:center;justify-content:center;gap:.5rem}.copyIcon{height:1.125rem;width:1.125rem}.copyIconSuccess{height:1.125rem;width:1.125rem;color:#22c55e}.trackingSection{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #bbf7d0}.trackingTitle{font-size:.875rem;font-weight:600;color:#166534;margin-bottom:.75rem;margin-top:0}.trackingTitleDark{color:#86efac}.trackingList{list-style-type:disc;padding-left:1.5rem;font-size:.875rem;color:#15803d;margin:0}.trackingList li{margin-bottom:.5rem}.trackingListDark{color:#86efac}.footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center;font-size:.875rem;color:#6b7280}.footer p{margin:0}.footerDark{border-top-color:#4a4a4a;color:#9ca3af}
