*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--hf-primary: #1a1a2e;--hf-accent: #e94560;--hf-bg: #f5f5f5;--hf-white: #ffffff;--hf-radius: 12px;--hf-shadow: 0 4px 20px rgba(0,0,0,.12);--hf-transition: .18s ease}.hf-voting{max-width:720px;margin:0 auto;padding:12px}@media (max-width: 480px){.hf-voting{padding:6px}}.hf-voting__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.hf-voting__hint{font-size:1rem;font-weight:600;color:var(--hf-primary);flex:1}.hf-voting__mode-hint{text-align:center;font-size:.8rem;color:#aaa;margin-bottom:10px}.hf-voting__count{text-align:center;font-size:.85rem;color:#888;margin-top:16px}.hf-view-toggle{display:flex;border:1.5px solid #e5e7eb;border-radius:8px;overflow:hidden;flex-shrink:0}.hf-view-toggle__btn{background:none;border:none;padding:6px 11px;font-size:.78rem;font-weight:600;cursor:pointer;color:#9ca3af;transition:background .15s,color .15s;white-space:nowrap;line-height:1.3}.hf-view-toggle__btn+.hf-view-toggle__btn{border-left:1.5px solid #e5e7eb}.hf-view-toggle__btn--active{background:var(--hf-primary);color:#fff}.hf-view-toggle__btn:not(.hf-view-toggle__btn--active):hover{background:#f3f4f6;color:var(--hf-primary)}.hf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.hf-grid--voted{pointer-events:none;transition:opacity var(--hf-transition)}.hf-photo-btn{position:relative;border:none;border-radius:var(--hf-radius);overflow:hidden;cursor:pointer;background:#1a1a2e;width:100%;padding:0;box-shadow:var(--hf-shadow);transition:transform var(--hf-transition),box-shadow var(--hf-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:block}.hf-photo-btn:active{transform:scale(.97);box-shadow:0 2px 8px #0003}.hf-photo-btn--pressed{transform:scale(.97)}.hf-photo-btn--disabled{cursor:default}.hf-photo-img{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.hf-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;align-items:center;justify-content:center;transition:background .2s ease;pointer-events:none}.hf-photo-heart{font-size:3.5rem;opacity:0;transform:scale(0) rotate(-15deg);filter:drop-shadow(0 3px 12px rgba(0,0,0,.4));line-height:1}.hf-photo-btn--pressed .hf-photo-overlay{background:#22c55e6b}.hf-photo-btn--pressed .hf-photo-heart{animation:hf-heart-pop .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes hf-heart-pop{0%{opacity:0;transform:scale(0) rotate(-15deg)}60%{opacity:1;transform:scale(1.25) rotate(5deg)}80%{transform:scale(.92) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.hf-upload{max-width:520px;margin:0 auto;padding:16px}.hf-upload__title{font-size:1.3rem;font-weight:700;margin-bottom:16px;color:var(--hf-primary)}.hf-upload__dropzone{border:2px dashed #ccc;border-radius:var(--hf-radius);overflow:hidden;cursor:pointer;min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:border-color var(--hf-transition),background var(--hf-transition);outline:none;background:#fafafa}.hf-upload__dropzone:hover,.hf-upload__dropzone:focus{border-color:var(--hf-accent)}.hf-upload__dropzone--drag{border-color:var(--hf-accent);background:#e945600d;transform:scale(1.01)}.hf-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#888;padding:32px;text-align:center}.hf-upload__icon{font-size:2.5rem}.hf-upload__preview{width:100%;max-height:300px;object-fit:cover;display:block}.hf-upload__input{display:none}.hf-my-photos{margin-top:28px}.hf-my-photos h3{font-size:1rem;margin-bottom:10px;color:var(--hf-primary)}.hf-my-photos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hf-my-photos__item{position:relative;border-radius:8px;overflow:hidden}.hf-my-photos__item img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.hf-my-photos__item .hf-badge{position:absolute;bottom:4px;left:4px}.hf-results{max-width:700px;margin:0 auto;padding:16px}.hf-results__title{font-size:1.3rem;font-weight:700;color:var(--hf-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.hf-results__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 500px){.hf-results__grid{grid-template-columns:repeat(3,1fr)}}.hf-results__card{border-radius:var(--hf-radius);overflow:hidden;background:var(--hf-white);box-shadow:var(--hf-shadow);position:relative}.hf-results__card--top{box-shadow:0 4px 24px #e9456040}.hf-results__rank{position:absolute;top:8px;left:8px;font-size:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));z-index:1}.hf-results__img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.hf-results__stats{padding:8px 10px;display:flex;justify-content:space-between;align-items:center}.hf-results__winrate{font-weight:700;font-size:1rem;color:var(--hf-accent)}.hf-results__shown{font-size:.75rem;color:#888}.hf-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--hf-transition),opacity var(--hf-transition)}.hf-btn--primary{background:var(--hf-accent);color:#fff}.hf-btn--primary:hover{background:#c73652}.hf-btn--primary:disabled{opacity:.6;cursor:not-allowed}.hf-btn--outline{background:transparent;color:var(--hf-primary);border:1.5px solid #d1d5db}.hf-btn--outline:hover{border-color:var(--hf-primary);background:#f9fafb}.hf-btn--full{width:100%}.hf-notice{padding:14px 18px;border-radius:8px;margin-bottom:16px;font-size:.95rem}.hf-notice--error{background:#fee2e2;color:#991b1b}.hf-notice--warning{background:#fef3c7;color:#92400e}.hf-notice--success{background:#d1fae5;color:#065f46}.hf-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:600}.hf-badge--green{background:#d1fae5;color:#065f46}.hf-badge--yellow{background:#fef3c7;color:#92400e}.hf-badge--red{background:#fee2e2;color:#991b1b}.hf-status{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.8rem;font-weight:600;text-transform:uppercase}.hf-status--voting{background:#d1fae5;color:#065f46}.hf-status--submission{background:#fef3c7;color:#92400e}.hf-status--closed{background:#e5e7eb;color:#374151}.hf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#888}.hf-spinner{width:36px;height:36px;border:3px solid #eee;border-top-color:var(--hf-accent);border-radius:50%;animation:hf-spin .7s linear infinite}@keyframes hf-spin{to{transform:rotate(360deg)}}.hf-reg-form{background:var(--hf-white);border-radius:16px;padding:32px 28px;box-shadow:var(--hf-shadow)}.hf-reg-form__title{font-size:1.5rem;font-weight:700;color:var(--hf-primary);margin-bottom:6px}.hf-reg-form__sub{font-size:.9rem;color:#9ca3af;margin-bottom:22px}.hf-reg-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--hf-primary);cursor:pointer;margin-bottom:10px;line-height:1.5}.hf-reg-checkbox input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--hf-accent)}.hf-reg-photo-note{background:#fef3c7;color:#92400e;border-radius:8px;padding:10px 14px;font-size:.85rem;margin-bottom:12px;line-height:1.5}.hf-reg-error{color:#dc2626;font-size:.87rem;margin:8px 0 0;background:#fee2e2;padding:8px 12px;border-radius:8px}.hf-reg-form__login{text-align:center;font-size:.87rem;color:#9ca3af;margin-top:18px}.hf-reg-success{text-align:center;padding:48px 24px;background:var(--hf-white);border-radius:16px;box-shadow:var(--hf-shadow)}.hf-reg-success__icon{font-size:3.5rem;margin-bottom:16px}.hf-reg-success__title{font-size:1.5rem;font-weight:700;color:var(--hf-primary);margin-bottom:12px}.hf-reg-success__msg{color:#6b7280;line-height:1.7;font-size:.95rem}@media (max-width: 380px){.hf-grid{gap:6px}.hf-photo-btn{border-radius:8px}}.hf-photo-btn:not(.hf-photo-btn--disabled):hover .hf-photo-overlay{background:#0000002e}.hf-photo-btn:not(.hf-photo-btn--disabled):hover .hf-photo-heart{opacity:.9;transform:scale(1) rotate(0);animation:none;font-size:2rem}.hf-single-view{display:flex;flex-direction:column;gap:12px}.hf-single-view__main{position:relative;border-radius:var(--hf-radius);overflow:hidden;background:#111;box-shadow:var(--hf-shadow);-webkit-tap-highlight-color:transparent;touch-action:pan-y;-webkit-user-select:none;user-select:none}.hf-single-view__img{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;max-height:65vh;object-fit:contain}.hf-single-view__voted-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:5rem;background:#22c55e59;animation:hf-heart-pop .45s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}.hf-single-view__actions{display:flex;flex-direction:column;align-items:center;gap:6px}.hf-single-view__vote-btn{background:var(--hf-accent);color:#fff;border:none;border-radius:50px;padding:12px 32px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .15s,background .15s,opacity .15s;letter-spacing:.02em}.hf-single-view__vote-btn:hover{background:#c73652;transform:scale(1.03)}.hf-single-view__vote-btn:active{transform:scale(.97)}.hf-single-view__vote-btn:disabled{opacity:.45;cursor:default;transform:none}.hf-single-view__hint{font-size:.75rem;color:#aaa;text-align:center}.hf-single-view__strip{display:flex;gap:8px;justify-content:center}.hf-single-view__thumb{flex:1;max-width:120px;position:relative;border:2.5px solid transparent;border-radius:8px;overflow:hidden;padding:0;background:#eee;cursor:pointer;transition:border-color .15s,transform .15s;-webkit-tap-highlight-color:transparent}.hf-single-view__thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.hf-single-view__thumb--active{border-color:var(--hf-accent);transform:scale(1.04)}.hf-single-view__thumb--voted{border-color:#22c55e}.hf-single-view__thumb-heart{position:absolute;bottom:3px;right:4px;font-size:.9rem;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}@media (max-width: 480px){.hf-single-view__img{max-height:55vh}.hf-single-view__vote-btn{padding:11px 26px;font-size:.95rem}.hf-single-view__thumb{max-width:80px}}.hf-upload__queue{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:10px}.hf-upload__queue-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;font-size:.85rem}.hf-upload__queue-item--done{background:#d1fae5;border-color:#6ee7b7}.hf-upload__queue-item--error{background:#fee2e2;border-color:#fca5a5}.hf-upload__queue-item--uploading{background:#eff6ff;border-color:#93c5fd}.hf-upload__queue-thumb{width:36px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0}.hf-upload__queue-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.hf-upload__queue-status{color:#6b7280;white-space:nowrap;font-size:.8rem}.hf-upload__queue-remove{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1rem;padding:2px 6px;border-radius:4px;flex-shrink:0;transition:color .15s}.hf-upload__queue-remove:hover{color:#ef4444}.hf-upload__dsgvo{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:#374151;cursor:pointer;margin-top:10px;line-height:1.5;padding:12px 14px;border-radius:8px;background:#fef9ec;border:1px solid #fde68a}.hf-upload__dsgvo input{margin-top:3px;flex-shrink:0;accent-color:var(--hf-accent)}.hf-my-photos__meta{padding:6px 6px 8px;display:flex;flex-direction:column;gap:4px;background:#fff}.hf-my-photos__rejection{font-size:.76rem;color:#991b1b;margin:0;line-height:1.4}.hf-btn--sm{padding:6px 14px;font-size:.82rem}.hf-btn--danger{background:#fee2e2;color:#991b1b}.hf-btn--danger:hover{background:#fca5a5}