@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.snake-game[data-v-20273315]{position:relative;display:flex;flex-direction:column;align-items:center;touch-action:none;user-select:none;-webkit-user-select:none}.game-header[data-v-20273315]{display:flex;justify-content:space-between;width:100%;max-width:320px;margin-bottom:.5rem;font-size:.85rem;color:#aaa}.canvas-wrap[data-v-20273315]{position:relative;max-width:100%;overflow:hidden;border-radius:8px;border:1px solid #333}canvas[data-v-20273315]{display:block;max-width:100%;height:auto}.overlay[data-v-20273315]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:1.5rem 2rem;border-radius:8px;text-align:center;cursor:pointer}.overlay p[data-v-20273315]{font-size:1rem}.overlay .small[data-v-20273315]{font-size:.8rem;color:#aaa;margin-top:.5rem}.dpad[data-v-20273315]{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-top:.75rem}.dpad-mid[data-v-20273315]{display:flex;align-items:center;gap:.2rem}.dpad-center[data-v-20273315]{width:44px;height:44px}.dpad-btn[data-v-20273315]{width:44px;height:44px;border-radius:10px;border:1px solid rgba(100,108,255,.25);background:#646cff1a;color:#aaa;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;-webkit-tap-highlight-color:transparent}.dpad-btn[data-v-20273315]:active{background:#646cff4d;border-color:#646cff;color:#fff;transform:scale(.93)}.hint[data-v-20273315]{font-size:.72rem;color:#555;margin-top:.5rem;text-align:center}.reaction-game[data-v-f196e1c6]{width:320px;height:240px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;border:1px solid #333}.idle[data-v-f196e1c6],.result[data-v-f196e1c6]{background:#1a1a1a}.waiting[data-v-f196e1c6]{background:#8b0000}.ready[data-v-f196e1c6]{background:#006400}.big[data-v-f196e1c6]{font-size:1.4rem;font-weight:600}.small[data-v-f196e1c6]{font-size:.85rem;color:#aaa;margin-top:.5rem}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#f0e8d8;font-family:Nunito,system-ui,sans-serif;min-height:100dvh}.bg-overlay{position:fixed;inset:0;background:#1a1832;z-index:-1;overflow:hidden}.bg-overlay:after{content:"";position:absolute;inset:0;background:#00000059;z-index:1}.bg-img{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center 70%;opacity:0;transition:opacity 1.5s ease-in-out}.bg-img.active{opacity:1}.app{max-width:720px;margin:0 auto;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));display:flex;flex-direction:column;gap:1rem;min-height:100dvh}.top-bar{display:flex;align-items:center;justify-content:space-between}.tab-bar{display:flex;gap:.25rem}.tab-bar button{padding:.45rem 1rem;border-radius:10px;border:1px solid rgba(201,168,76,.2);background:#0003;color:#a09880;font-size:.85rem;font-family:Cinzel,serif;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.tab-bar button.active{background:#fffcf58c;border-color:#c9a84c66;color:#8b6914;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tab-bar button:hover:not(.active){border-color:#c9a84c;color:#f0d078}.lang-bar{display:flex;gap:.25rem}.lang-bar button{padding:.35rem .7rem;border-radius:8px;border:1px solid rgba(201,168,76,.2);background:#0003;color:#a09880;font-size:.75rem;font-family:Cinzel,serif;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.lang-bar button.active{background:#c9a84c40;border-color:#c9a84c;color:#f0d078}.lang-bar button:hover{border-color:#c9a84c;color:#f0d078}.card{background:#fffcf58c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(201,168,76,.3);border-radius:16px;padding:1.5rem}.hero-card{text-align:center;padding:2rem 1.5rem}h1{font-size:1.75rem;font-weight:700;font-family:Cinzel,serif;background:linear-gradient(135deg,#c9a84c,#f0d078,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle{color:#6b5c3e;font-size:.9rem;margin-bottom:1.25rem}.input-row{display:flex;gap:.5rem}input,select{flex:1;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(201,168,76,.35);background:#ffffff80;color:#2a2118;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c33}input::placeholder{color:#9a8d78}.btn-primary{padding:.8rem 1.75rem;border-radius:12px;border:none;background:linear-gradient(135deg,#c9a84c,#a8872e);color:#fff;font-size:.95rem;font-family:Cinzel,serif;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .2s;white-space:nowrap;letter-spacing:.5px}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #c9a84c66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.search-card{padding:.5rem}.search-loading{padding:1rem;text-align:center;color:#8a7e6a;font-size:.85rem}.search-results{display:flex;flex-direction:column}.search-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;cursor:pointer;border-radius:10px;transition:background .15s}.search-item:hover{background:#c9a84c1f}.search-thumb{width:80px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#e8dcc8}.search-item-info{flex:1;min-width:0}.search-item-title{font-size:.85rem;color:#2a2118;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-item-meta{font-size:.72rem;color:#8a7e6a;margin-top:.2rem}.quote-card{display:flex;align-items:stretch;cursor:pointer;transition:border-color .2s;padding:0;overflow:hidden}.quote-card:hover{border-color:#c9a84c66}.quote-accent{width:4px;flex-shrink:0;background:linear-gradient(180deg,#c9a84c,#8b6914);border-radius:4px 0 0 4px}.quote-content{padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.35rem}.quote-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:#c9a84c;font-weight:600;font-family:Cinzel,serif}.quote-text{font-size:.95rem;color:#3a2e1e;line-height:1.55}.quote-original{font-size:.78rem;color:#7a6e58;font-style:italic}.progress-card{text-align:center}.status{color:#5a4a2a;font-size:.9rem;margin-bottom:.75rem}.progress-bar{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#f0d078);border-radius:3px;transition:width .3s ease}.steps{display:flex;justify-content:center;gap:1.5rem}.step{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#a09880;transition:color .2s}.step-dot{width:8px;height:8px;border-radius:50%;background:#c4b89a;transition:background .2s,box-shadow .2s}.step.active{color:#f0d078;font-weight:600}.step.active .step-dot{background:#c9a84c;box-shadow:0 0 8px #c9a84c99}.step.done{color:#c9a84c}.step.done .step-dot{background:#c9a84c}.error-card{text-align:center;border-color:#ff6b6b33;padding:1.5rem}.error-sorry{font-size:1.05rem;font-weight:600;color:#f87171;margin-bottom:.5rem}.error-detail{font-size:.8rem;color:#6b5c3e;margin-bottom:.6rem;word-break:break-word}.error-promise{font-size:.85rem;color:#7a6e58;margin-bottom:1rem}.error-dismiss{padding:.45rem 1.25rem;border-radius:10px;border:1px solid rgba(201,168,76,.3);background:#c9a84c1a;color:#5a4a2a;font-size:.8rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s}.error-dismiss:hover{background:#c9a84c33;border-color:#c9a84c80}.player-card{padding:1.5rem}.yt-wrapper{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#000}.yt-wrapper iframe,.yt-wrapper #yt-player{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:12px}.subtitle-overlay{position:absolute;bottom:12%;left:50%;transform:translate(-50%);text-align:center;z-index:10;pointer-events:none;max-width:90%}.subtitle-text{display:inline-block;background:#000c;color:#fff;padding:.4rem .85rem;border-radius:6px;font-size:.95rem;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.9)}.yt-fullscreen-btn{position:absolute;bottom:8px;right:8px;z-index:20;background:#0009;border:none;border-radius:4px;padding:6px;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.yt-wrapper:hover .yt-fullscreen-btn{opacity:1}@media(hover:none){.yt-fullscreen-btn{opacity:.8}}.yt-fullscreen-btn:hover{background:#000000d9}.yt-wrapper:fullscreen{background:#000;padding-bottom:0;width:100vw;height:100dvh}.yt-wrapper:fullscreen #yt-player,.yt-wrapper:fullscreen iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0}.yt-wrapper:fullscreen .subtitle-overlay{bottom:8%}.yt-wrapper:fullscreen .subtitle-text{font-size:1.5rem;padding:.5rem 1.25rem}.yt-wrapper:fullscreen .yt-fullscreen-btn{bottom:16px;right:16px}.yt-wrapper.ios-fullscreen{position:fixed;inset:0;z-index:9999;background:#000;padding-bottom:0!important;width:100vw;height:100dvh;border-radius:0}.yt-wrapper.ios-fullscreen #yt-player,.yt-wrapper.ios-fullscreen iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0}.yt-wrapper.ios-fullscreen .subtitle-overlay{bottom:8%}.yt-wrapper.ios-fullscreen .subtitle-text{font-size:1.5rem;padding:.5rem 1.25rem}.yt-wrapper.ios-fullscreen .yt-fullscreen-btn{bottom:calc(16px + env(safe-area-inset-bottom));right:16px}.games-card{text-align:center}.games-title{color:#5a4a2a;font-size:.85rem;font-family:Cinzel,serif;font-weight:600;margin-bottom:.75rem}.game-picker{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.game-picker button{padding:.5rem 1rem;border-radius:10px;border:1px solid rgba(201,168,76,.25);background:#ffffff4d;color:#5a4a2a;font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s}.game-picker button.active{border-color:#c9a84c;color:#f0d078;background:#c9a84c26}.game-picker button:hover{border-color:#c9a84c;color:#f0d078}.game-area{display:flex;justify-content:center}.leaderboard{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(201,168,76,.15);text-align:left}.leaderboard-title{font-size:.75rem;color:#c9a84c;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;text-align:center}.leaderboard-empty{text-align:center;font-size:.8rem;color:#5a4a2a;padding:.5rem}.leaderboard-list{max-height:300px;overflow-y:auto}.leaderboard-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;font-size:.8rem;transition:background .15s}.leaderboard-row:hover{background:#c9a84c0d}.leaderboard-rank{width:1.5rem;text-align:center;font-weight:700;color:#c9a84c;font-size:.75rem}.leaderboard-score{flex:1;font-weight:600;color:#f0e8d8}.leaderboard-date{font-size:.7rem;color:#5a4a2a}.leaderboard-delete{background:none;border:none;color:#5a4a2a;cursor:pointer;font-size:.75rem;padding:.15rem .35rem;border-radius:4px;opacity:0;transition:all .15s}.leaderboard-row:hover .leaderboard-delete{opacity:1}.leaderboard-delete:hover{color:#ef4444;background:#ef44441a}.library-card{padding:1.25rem}.library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.library-title{font-size:1rem;font-weight:600;font-family:Cinzel,serif;color:#8b6914;background:none;-webkit-text-fill-color:#8b6914}.library-search{width:100%;margin-bottom:.75rem;padding:.6rem .85rem;font-size:.85rem}.library-empty{color:#555;font-size:.85rem;text-align:center}.library-list{display:flex;flex-direction:column;gap:.5rem}.library-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;cursor:pointer;transition:border-color .2s,background .2s;gap:.75rem}.library-item:hover{border-color:#c9a84c4d;background:#c9a84c14}.library-thumb{width:80px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#1a1a2e}.library-item-info{flex:1;min-width:0}.library-item-title{font-size:.9rem;color:#2a2118;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-delete{padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(255,107,107,.2);background:#ff6b6b14;color:#ff6b6b;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .2s;flex-shrink:0}.library-delete:hover{background:#ff6b6b33;border-color:#ff6b6b66}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fffcf5f2;border:1px solid rgba(201,168,76,.3);border-radius:16px;padding:1.5rem;max-width:360px;width:90%;text-align:center}.modal-title{font-size:1rem;font-weight:600;color:#3a2e1a;margin-bottom:.5rem}.modal-text{font-size:.85rem;color:#6b5c3e;margin-bottom:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-actions{display:flex;gap:.5rem;justify-content:center}.modal-cancel,.modal-confirm{padding:.55rem 1.25rem;border-radius:10px;font-size:.85rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s}.modal-cancel{border:1px solid rgba(0,0,0,.15);background:#0000000d;color:#5a4a2a}.modal-cancel:hover{border-color:#00000040;color:#3a2e1a}.modal-confirm{border:1px solid rgba(255,107,107,.3);background:#ff6b6b26;color:#ff6b6b}.modal-confirm:hover{background:#ff6b6b4d;border-color:#ff6b6b80}.lockout-page{justify-content:center;align-items:center}.lockout-card{text-align:center;padding:3rem 2rem;max-width:420px}.lockout-icon{font-size:4rem;margin-bottom:1.25rem}.lockout-message{font-size:1.35rem;font-weight:600;color:#3a2e1a;line-height:1.4;margin-bottom:.75rem}.customize-page{gap:1.25rem}.customize-hero{text-align:center;padding:1.5rem}.customize-title{font-family:Cinzel,serif;color:#c9a84c;font-size:1.3rem;margin-bottom:.25rem}.customize-subtitle{color:#5a4a2a;font-size:.85rem}.customize-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:#c9a84c;font-weight:600;margin-bottom:.75rem}.customize-empty{text-align:center;color:#5a4a2a;font-size:.85rem;padding:1rem}.customize-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.customize-thumb{position:relative;width:140px;height:88px;border-radius:8px;overflow:hidden;border:1px solid rgba(201,168,76,.2)}.customize-thumb img{width:100%;height:100%;object-fit:cover}.customize-delete{position:absolute;top:4px;right:4px;background:#000000b3;color:#ef4444;border:none;border-radius:4px;font-size:.7rem;padding:.1rem .35rem;cursor:pointer;opacity:0;transition:opacity .15s}.customize-thumb:hover .customize-delete{opacity:1}.customize-drop{border:2px dashed rgba(201,168,76,.25);border-radius:8px;padding:1.25rem;text-align:center;color:#5a4a2a;cursor:pointer;transition:all .2s;font-size:.85rem}.customize-drop:hover,.customize-drop.drag-over{border-color:#c9a84c;color:#c9a84c}.customize-refs{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.customize-refs img{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid rgba(201,168,76,.2)}.customize-ref-actions{display:flex;gap:.5rem;margin-top:.5rem}.customize-gen-row{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.customize-prompt{flex:1;background:#c9a84c0d;border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:.6rem .85rem;color:#f0e8d8;font-size:.85rem;outline:none}.customize-prompt:focus{border-color:#c9a84c}.customize-prompt::placeholder{color:#5a4a2a}.customize-count{width:55px;background:#c9a84c0d;border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:.6rem;color:#f0e8d8;font-size:.85rem}.customize-error{color:#ef4444;font-size:.8rem;margin-top:.5rem}.customize-status{color:#c9a84c;font-size:.8rem;margin-top:.5rem}.customize-back{color:#c9a84c;text-decoration:none;font-size:.85rem;opacity:.7;transition:opacity .15s}.customize-back:hover{opacity:1}@media(max-width:600px){.customize-thumb{width:100px;height:63px}.customize-gen-row{flex-direction:column}.customize-count{width:100%}}.hocam-page{gap:1.25rem}.hocam-hero{text-align:center;padding:2rem 1.5rem 1.5rem}.hocam-title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem}.hocam-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:#a0820a;margin-bottom:1rem;font-weight:600;font-family:Cinzel,serif}.hocam-form-card{padding:1.5rem}.hocam-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.hocam-field{display:flex;flex-direction:column;gap:.3rem}.hocam-field.full{grid-column:1 / -1}.hocam-field label{font-size:.75rem;color:#5a4a2a;font-weight:500}.hocam-field input{flex:none;padding:.65rem .75rem;font-size:.85rem;border-color:#f59e0b33}.hocam-field input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}input[type=datetime-local]{color-scheme:light}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;padding:2px;border-radius:4px;transition:background .2s}input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background:#c9a84c26}.hocam-add-btn{grid-column:1 / -1;background:linear-gradient(135deg,#f59e0b,#ef4444);margin-top:.25rem}.hocam-add-btn:hover:not(:disabled){box-shadow:0 4px 20px #f59e0b66}.hocam-list-card{padding:1.5rem}.hocam-empty{color:#8a7e6a;font-size:.85rem;text-align:center}.hocam-schedules{display:flex;flex-direction:column;gap:.6rem}.hocam-schedule-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(201,168,76,.15);background:#ffffff4d;transition:border-color .2s}.hocam-schedule-item.active{border-color:#f59e0b4d;background:#f59e0b0d}.hocam-schedule-info{flex:1;min-width:0}.hocam-schedule-times{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hocam-time-badge{font-size:.8rem;color:#3a2e1a;font-weight:500;font-variant-numeric:tabular-nums}.hocam-arrow{color:#8a7e6a;font-size:.8rem}.hocam-schedule-msg{font-size:.8rem;color:#6b5c3e;margin-top:.3rem;font-style:italic}.hocam-active-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:#f59e0b;font-weight:700;margin-top:.3rem}.hocam-remove-btn{padding:.4rem .85rem;border-radius:8px;border:1px solid rgba(255,107,107,.2);background:#ff6b6b14;color:#ff6b6b;font-size:.75rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s;margin-left:.75rem;flex-shrink:0}.hocam-remove-btn:hover{background:#ff6b6b33;border-color:#ff6b6b66}.hocam-back{display:block;text-align:center;color:#6b5c3e;font-size:.85rem;text-decoration:none;transition:color .2s}.hocam-back:hover{color:#3a2e1a}.hocam-settings-card,.hocam-errors-card{padding:1.5rem}.hocam-errors-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.hocam-errors-header .hocam-section-label{margin-bottom:0}.hocam-errors-list{display:flex;flex-direction:column;gap:.5rem}.hocam-error-item{padding:.7rem .85rem;border-radius:10px;background:#ef44440f;border:1px solid rgba(239,68,68,.15)}.hocam-error-date{font-size:.7rem;color:#6b5c3e;margin-bottom:.25rem;font-variant-numeric:tabular-nums}.hocam-error-msg{font-size:.85rem;color:#f87171;font-weight:500;word-break:break-word}.hocam-error-meta{display:flex;gap:.75rem;margin-top:.3rem;font-size:.7rem;color:#6b5c3e}.hocam-error-step{background:#0000000f;padding:.1rem .45rem;border-radius:4px;font-weight:500}.hocam-error-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.hocam-toggle-group{display:flex;flex-direction:column;gap:.85rem}.hocam-toggle{display:flex;align-items:center;gap:.65rem;cursor:pointer}.hocam-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#f59e0b;cursor:pointer;flex-shrink:0}.hocam-toggle-label{font-size:.9rem;color:#3a2e1a;font-weight:500}.hocam-quote-options{margin-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.hocam-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.82rem;color:#5a4a2a}.hocam-radio input[type=radio]{accent-color:#f59e0b;cursor:pointer}.hocam-custom-quote-input{padding:.6rem .75rem;font-size:.85rem;border-color:#f59e0b33;margin-top:.15rem}.hocam-custom-quote-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.logs-page{gap:1.25rem}.logs-hero{text-align:center;padding:2rem 1.5rem 1.5rem}.logs-title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#ef4444,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem}.logs-subtitle{color:#6b5c3e;font-size:.9rem}.logs-list-card{padding:1.5rem}.logs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.logs-count{font-size:.75rem;color:#6b5c3e;font-weight:500}.logs-clear-btn{padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(239,68,68,.2);background:#ef444414;color:#f87171;font-size:.75rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s}.logs-clear-btn:hover{background:#ef444433;border-color:#ef444466}.logs-empty{color:#8a7e6a;font-size:.85rem;text-align:center;padding:1rem 0}.logs-list{display:flex;flex-direction:column;gap:.6rem}.logs-item{padding:.85rem 1rem;border-radius:12px;background:#ef44440d;border:1px solid rgba(239,68,68,.12)}.logs-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.logs-date{font-size:.7rem;color:#6b5c3e;font-variant-numeric:tabular-nums}.logs-step{font-size:.65rem;background:#0000000f;color:#5a4a2a;padding:.15rem .5rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.logs-msg{font-size:.88rem;color:#f87171;font-weight:500;word-break:break-word;line-height:1.4}.logs-url{font-size:.72rem;color:#6b5c3e;margin-top:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.splash-page{display:flex;align-items:center;justify-content:center;min-height:100dvh}.splash-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top-color:#c9a84c;border-radius:50%;animation:splash-spin .8s linear infinite}@keyframes splash-spin{to{transform:rotate(360deg)}}.gift-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000b3;animation:gift-fade-in .5s ease;transition:opacity .6s ease}.gift-overlay.gift-fade-out{opacity:0;pointer-events:none}@keyframes gift-fade-in{0%{opacity:0}to{opacity:1}}.gift-box{position:relative;width:120px;height:120px;animation:gift-shake .4s ease .3s 2}@keyframes gift-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.gift-base{width:120px;height:80px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:6px;position:absolute;bottom:0;display:flex;align-items:center;justify-content:center}.gift-base-ribbon{width:20px;height:100%;background:#f1c40f}.gift-lid{width:130px;height:30px;background:linear-gradient(135deg,#c0392b,#a93226);border-radius:6px;position:absolute;top:10px;left:-5px;display:flex;align-items:center;justify-content:center;transition:transform .6s ease,opacity .6s ease}.gift-lid-ribbon{width:20px;height:100%;background:#f1c40f}.gift-opening .gift-lid{transform:translateY(-80px) rotate(-15deg);opacity:0}.gift-particles{position:absolute;top:50%;left:50%;pointer-events:none}.gift-particle{position:absolute;width:10px;height:10px;border-radius:50%;animation:gift-scatter .8s ease var(--d) forwards;opacity:0}@keyframes gift-scatter{0%{transform:translate(0) scale(0);opacity:1}60%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(1);opacity:0}}.app>.lang-bar,.app>.card,.app>.library-card{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.app.intro-visible>.lang-bar,.app.intro-visible>.card{opacity:1;transform:translateY(0)}.app.intro-visible>:nth-child(1){transition-delay:0s}.app.intro-visible>:nth-child(2){transition-delay:.1s}.app.intro-visible>:nth-child(3){transition-delay:.2s}.app.intro-visible>:nth-child(4){transition-delay:.3s}.app.intro-visible>:nth-child(5){transition-delay:.4s}.app.intro-visible>:nth-child(6){transition-delay:.5s}.app.intro-visible>:nth-child(7){transition-delay:.6s}.app.intro-visible>:nth-child(8){transition-delay:.7s}@media(max-width:600px){.app{padding:.75rem .75rem 1rem}.card{padding:1.25rem;border-radius:12px}h1,.hocam-title{font-size:1.35rem}.input-row{flex-direction:column}.btn-primary{width:100%}.steps{gap:.75rem;flex-wrap:wrap}.step{font-size:.75rem}.hocam-form{grid-template-columns:1fr}.hocam-schedule-times{flex-direction:column;align-items:flex-start;gap:.2rem}.hocam-arrow{display:none}.library-thumb{width:60px;height:34px}}