#namegen {overflow:visible;}
#namegen .form-control::placeholder {font-size:.95rem;}
#namegen .ng-gender-group .btn {height:38px; display:flex; align-items:center; justify-content:center;}

#namegen.ng-ui,.ng-ui {color:#2c2420;}



#namegen .ng-autocomplete {position:relative;}
#namegen .ng-autocomplete-menu {position:absolute; top:calc(100% + .35rem); left:0; z-index:35; width:100%; background:#fff; border:1px solid #e2d9ce; border-radius:12px; box-shadow:0 12px 30px rgba(44,36,32,.08); padding:.35rem; max-height:260px; overflow:auto;}
#namegen .ng-autocomplete-item {display:flex; align-items:center; justify-content:space-between; gap:.75rem; width:100%; background:transparent; border:0; border-radius:10px; color:#2c2420; padding:.6rem .75rem; text-align:left;}
#namegen .ng-autocomplete-item:hover,#namegen .ng-autocomplete-item.is-active {background:#faf7f2; color:#c17b4e;}
#namegen .ng-autocomplete-main {font-size:.92rem; line-height:1.25;}
#namegen .ng-autocomplete-meta {color:#8a7e78; font-size:.75rem; line-height:1.2; white-space:nowrap;}
#namegen .ng-autocomplete-empty {padding:.55rem .7rem; color:#8a7e78; font-size:.82rem;}
#namegen .ng-tag {display:inline-flex; align-items:center; gap:.45rem; background:#f5ebe2; border:1px solid #ead8c8; border-radius:999px; color:#2c2420; padding:.38rem .7rem; font-size:.82rem; line-height:1;}
#namegen .ng-tag-remove {display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; background:transparent; border:0; color:#8a7e78; padding:0; font-size:1rem; line-height:1;}
#namegen .ng-tag-remove:hover {color:#c17b4e;}
#namegen .ng-national-dropdown {position:relative; width:100%; max-width:320px;}
#namegen .ng-national-trigger {display:flex; align-items:center; justify-content:space-between; gap:.6rem; width:100%; min-height:40px; background:#faf7f2; border:1.5px solid #e2d9ce; border-radius:20px; color:#2c2420; padding:.45rem .95rem; font-size:.83rem; text-align:left;}
#namegen .ng-national-trigger:hover {background:#faf7f2; border-color:#c17b4e; color:#c17b4e;}
#namegen .ng-national-trigger.active {background:#2c2420; border-color:#2c2420; color:#fff;}
#namegen .ng-national-trigger.active:hover {color:#fff;}
#namegen .ng-national-trigger.open {border-color:#c17b4e;}
#namegen .ng-national-arrow {font-size:.7rem; transition:transform .2s;}
#namegen .ng-national-trigger.open .ng-national-arrow {transform:rotate(180deg);}
#namegen .ng-national-menu {position:absolute; top:calc(100% + .45rem); left:0; z-index:30; width:100%; background:#fff; border:1px solid #e2d9ce; border-radius:12px; box-shadow:0 10px 30px rgba(44,36,32,.08); padding:.35rem;}
#namegen .ng-national-item {display:block; width:100%; background:transparent; border:0; border-radius:10px; color:#2c2420; padding:.6rem .75rem; font-size:.88rem; text-align:left;}
#namegen .ng-national-item:hover {background:#faf7f2; color:#c17b4e;}
#namegen .ng-national-item.is-active {background:#f5ebe2; color:#2c2420;}




.ng-ui .ng-serif {font-weight:400; letter-spacing:-.01em;}
.ng-ui .ng-muted {color:#8a7e78!important;}
.ng-ui .ng-opt {font-weight:300; color:#8a7e78; font-size:.92em;}
.ng-ui .ng-card {background:#fff; border:1px solid #e2d9ce; border-radius:16px; padding:2rem;}

.ng-ui .ng-card #ng-more-btn { font-size: 16px}
.ng-ui .ng-sub {background:#faf7f2; border-color:#e2d9ce;}
.ng-ui .ng-label {font-size:.72rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:#8a7e78; margin-bottom:1rem;}
.ng-ui .form-label {font-size:.82rem;}
.ng-ui .form-control {background:#faf7f2; border:1.5px solid #e2d9ce; border-radius:10px; padding:.65rem .9rem; font-size:.95rem;}
.ng-ui .form-control:focus {background:#fff; border-color:#c17b4e; box-shadow:none;}
.ng-ui .form-control::placeholder {color:#c4bab3;}
.ng-ui .ng-choice {display:flex; align-items:center; justify-content:center; gap:.5rem; min-height:50px; border:1.5px solid #e2d9ce; border-radius:10px; background:#faf7f2; font-size:.95rem; font-weight:400;}
.ng-ui .ng-pill {border:1.5px solid #e2d9ce; border-radius:50px; background:#faf7f2; color:#2c2420; padding:.45rem .9rem; font-size:.83rem;}
.ng-ui .btn-check:checked+.ng-choice,.ng-ui .btn-check:checked+.ng-pill {background:#2c2420; border-color:#2c2420; color:#fff;}
.ng-ui .ng-choice:hover,.ng-ui .ng-pill:hover,.ng-ui .ng-toggle:hover {border-color:#c17b4e; color:#c17b4e;}
.ng-ui .btn-check:checked+.ng-choice:hover,.ng-ui .btn-check:checked+.ng-pill:hover {color:#fff;}
.ng-ui .ng-badge {display:inline-flex; align-items:center; gap:.4rem; background:#f5ebe2; color:#c17b4e; font-size:.76rem; font-weight:500; padding:.3rem .7rem; border-radius:20px;}
.ng-ui .ng-field-head {display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap;}
.ng-ui .ng-inline-hint {display:inline-flex; align-items:center; gap:.35rem; background:#fff; border:1px dashed #e2d9ce; border-radius:999px; color:#8a7e78; padding:.2rem .55rem; font-size:.73rem; line-height:1.2;}
.ng-ui .ng-progress-box {position:sticky; top:12px; z-index:25; background:rgba(250,247,242,.96); border:1px solid #e2d9ce; border-radius:16px; padding:.8rem .95rem; box-shadow:0 10px 26px rgba(44,36,32,.08); backdrop-filter:blur(6px);}
.ng-ui .ng-progress-top {display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.55rem;}
.ng-ui .ng-progress-left {display:flex; align-items:center; gap:.45rem; min-width:0;}
.ng-ui .ng-progress-left .ng-label {margin-bottom:0;}
.ng-ui .ng-progress-help {position:relative; display:inline-flex; align-items:center;}
.ng-ui .ng-progress-help-btn {display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border:1px solid #d9ccbf; border-radius:50%; background:#fff; color:#8a7e78; padding:0; font-size:.78rem; line-height:1; cursor:pointer;}
.ng-ui .ng-progress-help-btn:hover,.ng-ui .ng-progress-help-btn:focus {border-color:#c17b4e; color:#c17b4e; outline:none; box-shadow:none;}
.ng-ui .ng-progress-tooltip {position:absolute; top:calc(100% + .55rem); left:0; min-width:220px; max-width:280px; background:#fff; border:1px solid #e2d9ce; border-radius:12px; box-shadow:0 12px 30px rgba(44,36,32,.1); padding:.75rem .85rem; opacity:0; visibility:hidden; transform:translateY(-4px); transition:opacity .18s ease,transform .18s ease,visibility .18s ease; z-index:40;}
.ng-ui .ng-progress-help:hover .ng-progress-tooltip,.ng-ui .ng-progress-help:focus-within .ng-progress-tooltip {opacity:1; visibility:visible; transform:translateY(0);}
.ng-ui .ng-progress-value {flex:0 0 auto; min-width:48px; text-align:right; font-size:1rem; font-weight:600; color:#2c2420;}
.ng-ui .ng-progress-track {height:8px; background:#efe6dc; border-radius:999px; overflow:hidden;}
.ng-ui .ng-progress-fill {height:100%; background:linear-gradient(90deg,#c17b4e 0%,#2c2420 100%); border-radius:999px; transition:width .25s ease;}
.ng-ui #ng-progress-text {color:#5f544f; line-height:1.35;}

.ng-ui .ng-toggle {display:inline-flex; align-items:center; gap:.6rem; background:transparent; border:1.5px solid #e2d9ce; border-radius:50px; padding:.5rem 1.1rem; font-size:.83rem; color:#8a7e78; cursor:pointer; transition:all .15s; margin-bottom:.5rem;}
.ng-ui .ng-toggle.open {border-color:#2c2420; color:#2c2420;}
.ng-ui .ng-arrow {font-size:.7rem; transition:transform .2s;}
.ng-ui .ng-toggle.open .ng-arrow {transform:rotate(180deg);}

.ng-ui .ng-rating .btn-link {text-decoration:none;}
.ng-ui .alert-secondary {background:#f8f5f1; border-color:#e2d9ce; color:#5f544f;}
@media (max-width:575.98px) {.ng-ui .ng-card {padding:1.5rem;} .ng-ui .ng-progress-box {top:8px; padding:.72rem .8rem;} .ng-ui .ng-progress-value {min-width:42px; font-size:.96rem;} .ng-ui .ng-progress-tooltip {left:auto; right:0; min-width:200px; max-width:240px;} .ng-ui .ng-inline-hint {font-size:.69rem; padding:.18rem .45rem;}}
.ng-ui #ng-impression-limit {color:#c17b4e;}
.ng-ui .ng-toggle {margin-bottom:.5rem;}
.ng-ui .ng-pill {text-align:left;}




.ng-ui .ng-rate-box {background:#f5ebe2; border:1px solid #ead8c8; border-radius:16px; padding:1.25rem 1.5rem;}
.ng-ui .ng-rate-panel {background:#fff; border:1px solid #e2d9ce; border-radius:14px; padding:1rem 1rem .85rem;}
.ng-ui #ng-rate-status {color:#c17b4e; font-weight:500;}
.ng-ui #ng-next-hint {max-width:700px; margin-left:auto; margin-right:auto;}
.ng-ui .ng-rating .ng-rate-star {line-height:1; text-decoration:none;}



#ng-teasers .card {min-height:100%;}
.ng-teaser-blur {display:inline-block; filter:blur(7px); user-select:none; pointer-events:none;}
.ng-teaser-name {letter-spacing:.04em;}