.hf-root{--nb-accent:#ed712e;--nb-fill:color-mix(in srgb,var(--foreground) 6%,#0000);--nb-press:color-mix(in srgb,var(--foreground) 12%,#0000);--nb-sel:color-mix(in srgb,#ed712e 10%,var(--modal-bg,#fff));--nb-note-bg:color-mix(in srgb,#ed712e 7%,var(--modal-bg,#fff));--nb-note-border:color-mix(in srgb,#ed712e 22%,#0000);color:var(--foreground);font-family:var(--font-roboto),"Roboto",sans-serif}.hf-header,.hf-root{background:var(--background)}.hf-header{flex-shrink:0}.hf-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;padding:0 16px}@media (min-width:640px){.hf-header-row{padding:0 32px}}.hf-progress{height:3px;background:var(--card-border)}.hf-progress>span{display:block;height:100%;background:var(--nb-accent);transition:width .35s cubic-bezier(.4,0,.2,1)}.hf-title{font-family:var(--font-poppins),"Poppins",sans-serif;font-size:clamp(1.6rem,3.4vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;outline:none}.hf-sub{color:var(--text-muted);font-size:1rem;line-height:1.5;margin-top:.5rem}.hf-card{background:var(--modal-bg);border:1px solid var(--card-border);border-radius:20px}.hf-tip{border:1px solid var(--nb-note-border);border-radius:28px;padding:28px}.hf-tip,.hf-tip-mobile{background:var(--nb-note-bg)}.hf-tip-mobile{border:1px solid var(--nb-note-border);border-radius:16px;padding:12px 16px}.hf-tip-mobile summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;align-items:center;gap:8px}.hf-tip-mobile summary::-webkit-details-marker{display:none}.hf-label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.hf-input{width:100%;box-sizing:border-box;padding:14px 16px;font-size:16px;line-height:1.4;border-radius:14px;border:2px solid var(--card-border);background:var(--modal-bg);color:var(--foreground);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.hf-input--sm{padding:10px 12px;font-size:15px;border-radius:12px}.hf-input::placeholder{color:var(--text-muted);opacity:.85}@media (hover:hover){.hf-input:hover{border-color:color-mix(in srgb,var(--foreground) 28%,#0000)}}.hf-input:focus{border-color:var(--nb-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--nb-accent) 20%,#0000)}.hf-input[aria-invalid=true]{border-color:#dc2626}.hf-input:disabled{opacity:.6;cursor:not-allowed}textarea.hf-input{resize:vertical;min-height:140px}.hf-input--prefix{padding-left:40px}.hf-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--text-muted);pointer-events:none}.hf-hint{color:var(--text-muted);line-height:1.4}.hf-err,.hf-hint{font-size:12.5px;margin-top:6px}.hf-err{color:#dc2626}.hf-option{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;min-height:56px;padding:14px 16px;text-align:left;border-radius:16px;border:2px solid var(--card-border);background:var(--modal-bg);color:var(--foreground);cursor:pointer;touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease,transform .12s ease}@media (hover:hover){.hf-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--foreground) 35%,#0000)}}.hf-option:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}.hf-option:active:not(:disabled){transform:scale(.99)}.hf-option:disabled{opacity:.45;cursor:not-allowed}.hf-option[aria-pressed=true]{border-color:var(--nb-accent);background:var(--nb-sel)}.hf-option-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--nb-fill);flex-shrink:0}.hf-option[aria-pressed=true] .hf-option-icon{background:var(--modal-bg);color:var(--nb-accent)}.hf-option-label{font-weight:600;font-size:15px;line-height:1.3}.hf-option-desc{font-size:13px;color:var(--text-muted);margin-top:2px;line-height:1.4}.hf-option--tile{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:96px;padding:14px 8px}.hf-option-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--nb-accent);color:#fff}.hf-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:2px solid var(--card-border);background:var(--modal-bg);color:var(--foreground);font-size:13.5px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease}.hf-chip:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}.hf-chip[aria-pressed=true]{border-color:var(--nb-accent);background:var(--nb-sel);color:var(--nb-accent)}.hf-chip:disabled{opacity:.45;cursor:not-allowed}.hf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border:0;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,box-shadow .15s ease,transform .12s ease,filter .15s ease;text-decoration:none}.hf-btn:focus-visible{outline:2px solid var(--nb-accent);outline-offset:3px}.hf-btn--ghost{background:var(--nb-fill);color:var(--foreground)}@media (hover:hover){.hf-btn--ghost:hover{background:var(--nb-press)}}.hf-btn--solid{color:#fff;background-image:linear-gradient(180deg,#e0682a,#c4501a);box-shadow:0 2px 8px #ed712e4d}@media (hover:hover){.hf-btn--solid:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 6px 16px #ed712e66}}.hf-btn--solid:active:not(:disabled){transform:scale(.98)}.hf-btn--solid:disabled{background-image:none;background-color:var(--nb-press);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.hf-btn--sm{min-height:40px;padding:0 16px;font-size:14px}.hf-footer{position:sticky;bottom:0;z-index:5;background:color-mix(in srgb,var(--background) 92%,#0000);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--card-border);padding:14px 16px max(14px,env(safe-area-inset-bottom))}.hf-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--card-border)}.hf-row:last-child{border-bottom:0}.hf-stepper-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--card-border);background:var(--modal-bg);color:var(--foreground);cursor:pointer;touch-action:manipulation;transition:border-color .15s ease,color .15s ease}.hf-stepper-btn--sm{width:38px;height:38px}@media (hover:hover){.hf-stepper-btn:hover:not(:disabled){border-color:var(--nb-accent);color:var(--nb-accent)}}.hf-stepper-btn:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}.hf-stepper-btn:disabled{opacity:.35;cursor:not-allowed}.hf-room{background:var(--modal-bg);border:1px solid var(--card-border);border-radius:18px;padding:16px;display:grid;gap:12px}.hf-more>summary{cursor:pointer;font-size:13.5px;font-weight:700;list-style:none;padding:6px 0}.hf-more>summary::-webkit-details-marker{display:none}.hf-more>summary:after{content:" ▾";color:var(--text-muted)}.hf-more[open]>summary:after{content:" ▴"}.hf-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width:640px){.hf-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}.hf-photos--sm{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (min-width:640px){.hf-photos--sm{grid-template-columns:repeat(4,minmax(0,1fr))}}.hf-photo{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--nb-fill);border:1px solid var(--card-border)}.hf-photo-actions{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;padding:24px 6px 6px;background:linear-gradient(0deg,#000000a6,#0000)}.hf-chipbtn{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 9px;border:0;border-radius:999px;font-size:12px;font-weight:600;background:#fffffff0;color:#111;cursor:pointer}.hf-chipbtn:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}.hf-badge{position:absolute;top:6px;left:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#000000b3;color:#fff}.hf-addtile,.hf-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:2px dashed var(--card-border);background:#0000;color:var(--text-muted);font-weight:600;font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.hf-addtile{aspect-ratio:1/1}.hf-dropzone{width:100%;padding:40px 16px}@media (hover:hover){.hf-addtile:hover,.hf-dropzone:hover{border-color:var(--nb-accent);color:var(--nb-accent)}}.hf-addtile:focus-visible,.hf-dropzone:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}.hf-spin{animation:hf-spin .8s linear infinite}@keyframes hf-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.hf-btn,.hf-chip,.hf-input,.hf-option,.hf-progress>span,.hf-stepper-btn{transition:none!important}.hf-spin{animation-duration:2s}}