@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#f9f7f2;color:#334155;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:24px 24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{body{background:#fff;background-image:none}.print-hidden{display:none!important}.print-shadow-none{box-shadow:none!important}.print-border-none{border:none!important}}.app-container{min-height:100vh;align-items:center;justify-content:center;display:flex;flex-direction:column;padding:3rem 1rem;background-color:#f9f7f2}@media(min-width:640px){.app-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.app-container{padding-left:2rem;padding-right:2rem}}.app-container .logo-container{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.app-container .logo-container img{height:16rem;width:auto}.app-card{width:100%;max-width:56rem;background-color:#fff;border-radius:1.5rem;border:1px solid #ffffff;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #e2e8f080}.progress-bar-container{position:absolute;top:0;left:0;right:0;height:.25rem;background-color:#f1f5f9}.progress-bar{height:100%;background-color:#1e293b;transition:width .5s ease-out}.card-content{padding:2rem}@media(min-width:640px){.card-content{padding:2.5rem}}.btn-back{position:absolute;top:1.5rem;left:1.5rem;color:#94a3b8;transition:color .2s ease-in-out}.btn-back:hover{color:#475569}.step-welcome{text-align:center;padding-top:2rem;padding-bottom:2rem}.step-welcome>*+*{margin-top:2rem}.step-welcome h1{font-size:2.25rem;color:#1e293b;margin-bottom:1rem}.step-welcome p{font-size:1.125rem;color:#64748b;font-weight:300}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#0f172a;color:#fff;border-radius:9999px;font-weight:500;transition:background-color,transform .2s ease-in-out}.btn-primary:hover{background-color:#1e293b}.btn-primary.btn-lg{padding:1rem 2rem;font-size:1.125rem;box-shadow:0 10px 15px -3px #0f172a33}.btn-primary.btn-lg:hover{transform:scale(1.05)}.btn-primary.btn-lg:active{transform:scale(.95)}.btn-primary.btn-md{padding:.75rem 1.5rem;border-radius:.75rem}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.step-container>*+*{margin-top:1.5rem}.step-header,.result-header{text-align:center;margin-bottom:1.5rem}.step-header h2,.result-header h2{font-size:1.5rem;color:#1e293b}.step-header p,.result-header p{color:#64748b;font-size:.875rem}.result-header{margin-bottom:1rem}.result-actions{display:flex;gap:.75rem;padding-top:1rem}.result-actions .btn-print{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#0f172a;color:#fff;padding-top:.75rem;padding-bottom:.75rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:background-color .2s ease-in-out}.result-actions .btn-print:hover{background-color:#1e293b}.result-actions .btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fff;color:#334155;border:1px solid #e2e8f0;padding-top:.75rem;padding-bottom:.75rem;border-radius:.75rem;transition:background-color .2s ease-in-out}.result-actions .btn-secondary:hover{background-color:#f8fafc}.step-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.validation-error{margin-top:1rem;padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#b91c1c;font-size:.875rem;text-align:center}.unplaced-names-container{width:100%;max-width:56rem;margin-top:1.5rem;padding:1.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:1rem}.unplaced-names-container .unplaced-header{display:flex;align-items:center;gap:.5rem;color:#b91c1c;margin-bottom:.5rem}.unplaced-names-container .unplaced-header h3{font-size:1.125rem;font-weight:600;margin:0}.unplaced-names-container .unplaced-hint{font-size:.875rem;color:#991b1b;margin-bottom:1rem;opacity:.9}.unplaced-names-container .unplaced-tags{display:flex;flex-wrap:wrap;gap:.5rem}.unplaced-names-container .unplaced-tags .unplaced-tag{display:inline-flex;align-items:center;padding:.5rem .75rem;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:9999px;color:#991b1b;font-size:.875rem;font-weight:500}.screen-only{display:block}.print-only{display:none}@media print{.screen-only{display:none!important}.print-only{display:block!important}.print-hidden-always{display:none!important}.print-page-1,.print-page-2{page-break-after:always;page-break-inside:avoid}.print-title{text-align:center;font-size:1.5rem;margin-bottom:1.5rem;color:#1e293b}.result-actions,.btn-back,.logo-container{display:none!important}.app-card{box-shadow:none;border:none;max-width:100%}.app-container{padding:0}}.name-input-container>*+*{margin-top:1.5rem}.section-header{display:flex;align-items:center;gap:.5rem;color:#1e293b;margin-bottom:.5rem}.section-header .icon{color:#94a3b8}.section-header h2{font-size:1.125rem;font-weight:600;letter-spacing:-.025em;font-family:Inter,sans-serif}.input-group{display:flex;gap:.5rem;position:relative}.input-group input{flex:1;padding:.75rem 5rem .75rem 1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;color:#334155;transition:all .2s ease-in-out}.input-group input::placeholder{color:#94a3b8}.input-group input:focus{outline:none;box-shadow:0 0 0 2px #e2e8f0;border-color:#94a3b8}.input-group .btn-add{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);background-color:#0f172a;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease-in-out}.input-group .btn-add:hover{background-color:#1e293b}.bulk-input-group textarea{width:100%;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;height:6rem;color:#334155;resize:none;font-size:.875rem;transition:all .2s ease-in-out}.bulk-input-group textarea::placeholder{color:#94a3b8}.bulk-input-group textarea:focus{outline:none;box-shadow:0 0 0 2px #e2e8f0;border-color:#94a3b8}.bulk-input-group .btn-bulk-add{margin-top:.5rem;width:100%;padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;font-weight:500;color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s ease-in-out}.bulk-input-group .btn-bulk-add:hover{background-color:#f8fafc}.bulk-input-group .btn-bulk-add:disabled{opacity:.5;cursor:not-allowed}.guest-list>*+*{margin-top:.5rem}.guest-list .list-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem;padding-right:.25rem}.guest-list .list-content{max-height:16rem;overflow-y:auto;padding-right:.25rem}.guest-list .list-content::-webkit-scrollbar{width:6px}.guest-list .list-content>*+*{margin-top:.5rem}.guest-list .guest-item{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:.75rem;border-radius:.75rem;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out}.guest-list .guest-item:hover{border-color:#cbd5e1}.guest-list .guest-item span{color:#334155;font-weight:500}.guest-list .guest-item .btn-delete{color:#94a3b8;padding:.25rem;opacity:1;transition:color .2s ease-in-out}.guest-list .guest-item .btn-delete:hover{color:#f87171}.guest-list .empty-state{text-align:center;padding-top:2rem;padding-bottom:2rem;border:2px dashed #f1f5f9;border-radius:.75rem}.guest-list .empty-state p{color:#94a3b8;font-size:.875rem}.configuration-container>*+*{margin-top:1.5rem}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.config-item>*+*{margin-top:.5rem}.config-item label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.config-item input{width:100%;padding:.75rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;color:#334155;font-weight:500;text-align:center;transition:all .2s ease-in-out}.config-item input:focus{outline:none;box-shadow:0 0 0 2px #e2e8f0;border-color:#94a3b8}.toggle-container{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s ease-in-out}.toggle-container:hover{border-color:#cbd5e1}.toggle-container .toggle-label{display:flex;align-items:center;gap:.75rem}.toggle-container .toggle-label .icon-wrapper{padding:.5rem;background-color:#fff;border-radius:.5rem;border:1px solid #f1f5f9;color:#94a3b8}.toggle-container .toggle-label .text-wrapper{display:flex;flex-direction:column}.toggle-container .toggle-label .text-wrapper .main-text{font-size:.875rem;font-weight:500;color:#334155}.toggle-container .toggle-label .text-wrapper .sub-text{font-size:.75rem;color:#94a3b8}.toggle-container .toggle-switch{width:3rem;height:1.5rem;border-radius:9999px;padding:.25rem;transition:background-color .2s ease-in-out}.toggle-container .toggle-switch.active{background-color:#1e293b}.toggle-container .toggle-switch.inactive{background-color:#e2e8f0}.toggle-container .toggle-switch .toggle-knob{width:1rem;height:1rem;border-radius:9999px;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:transform .2s}.toggle-container .toggle-switch .toggle-knob.active{transform:translate(1.5rem)}.toggle-container .toggle-switch .toggle-knob.inactive{transform:translate(0)}.puzzle-idle-state{flex-direction:column;display:flex;align-items:center;justify-content:center;min-height:600px;background-color:#fff;border-radius:1rem;border:2px dashed #e2e8f0;color:#94a3b8}.puzzle-idle-state .icon-container{width:4rem;height:4rem;margin-bottom:1rem;border-radius:9999px;background-color:#f8fafc;display:flex;align-items:center;justify-content:center}.puzzle-idle-state .icon-container span{font-size:1.875rem}.puzzle-idle-state .icon-container .loading-spinner{width:2.5rem;height:2.5rem;border:3px solid #e2e8f0;border-top-color:#c5a059;border-radius:50%;animation:spin 1s linear infinite}.puzzle-idle-state .title{font-size:1.125rem;font-weight:500;color:#64748b}.puzzle-idle-state .subtitle{font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.puzzle-container{background-color:#fff;padding:1.5rem;border-radius:1rem;border:1px solid #f1f5f9;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-width:100%}@media(min-width:640px){.puzzle-container{padding:2rem}}.puzzle-container .puzzle-header{text-align:center;margin-bottom:2rem}.puzzle-container .puzzle-header h3{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.puzzle-container .puzzle-header .divider{height:.25rem;width:5rem;background-color:#e2e8f0;margin:0 auto;border-radius:9999px}.puzzle-container .error-message{margin-bottom:2rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;display:flex;align-items:flex-start;gap:.75rem;color:#b91c1c}.puzzle-container .error-message svg{flex-shrink:0;margin-top:.125rem}.puzzle-container .error-message .error-content p.error-title{font-weight:600;margin-bottom:.25rem}.puzzle-container .error-message .error-content ul{list-style-type:disc;list-style-position:inside;font-size:.875rem;opacity:.9}.puzzle-container .error-message .error-content ul li{margin-top:.125rem}.puzzle-container .error-message .error-content .error-hint{font-size:.75rem;margin-top:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.puzzle-container .grid-container{position:relative;width:fit-content;margin:0 auto}.puzzle-container .grid-wrapper{display:grid;gap:1px;background-color:#f1f5f9;border:1px solid #f1f5f9;border-radius:.5rem;overflow:auto;max-width:100%;box-shadow:0 1px 2px #0000000d}.puzzle-container .grid-wrapper .grid-cell{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-family:Playfair Display,serif;color:#334155;background-color:#fff;cursor:default;-webkit-user-select:none;user-select:none;transition:background-color .2s ease-in-out}.puzzle-container .grid-wrapper .grid-cell:hover{background-color:#f8fafc}@media(min-width:640px){.puzzle-container .grid-wrapper .grid-cell{width:1.75rem;height:1.75rem;font-size:1rem}}@media(min-width:768px){.puzzle-container .grid-wrapper .grid-cell{width:2rem;height:2rem;font-size:1.125rem}}.puzzle-container .word-highlights{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}@media print{.puzzle-container .print-hidden{display:none!important}}.puzzle-container .puzzle-footer{margin-top:2rem;text-align:center}.puzzle-container .puzzle-footer p{font-size:.875rem;color:#94a3b8;font-weight:300;font-style:italic}