@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap');

:root {
  --bg: #0a0a0f; --bg2: #12121a; --card: #1a1a26; --card-hover: #222233;
  --surface: rgba(255,255,255,0.04); --border: rgba(255,255,255,0.08);
  --border-h: rgba(255,255,255,0.15);
  --t1: #f0f0f5; --t2: #8888a0; --t3: #5c5c72;
  --accent: #7c6aef; --accent-l: #9b8cf5;
  --accent-glow: rgba(124,106,239,0.25);
  --accent-g: linear-gradient(135deg,#7c6aef,#5a45d6);
  --success: #34d399; --success-glow: rgba(52,211,153,0.25);
  --warning: #fbbf24;
  --kanto: #3b82f6; --kansai: #f97316; --tokai: #10b981; --kyushu: #ec4899;
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Inter','Noto Sans JP',sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;line-height:1.6;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 800px 600px at 20% 10%,rgba(124,106,239,.08),transparent),radial-gradient(ellipse 600px 400px at 80% 80%,rgba(90,69,214,.05),transparent);pointer-events:none;z-index:0}

.progress-bar{position:sticky;top:0;z-index:100;background:rgba(10,10,15,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1rem 1.5rem}
.progress-track{max-width:600px;margin:0 auto .75rem;height:4px;background:var(--surface);border-radius:100px;overflow:hidden}
.progress-fill{height:100%;width:33.33%;background:var(--accent-g);border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1)}
.progress-steps{max-width:600px;margin:0 auto;display:flex;justify-content:space-between}
.step-indicator{display:flex;align-items:center;gap:.5rem;opacity:.35;transition:opacity .25s}
.step-indicator.active{opacity:1}
.step-indicator.completed{opacity:.7}
.step-dot{width:24px;height:24px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;transition:all .25s}
.step-indicator.active .step-dot{background:var(--accent-g);border-color:transparent;box-shadow:0 0 12px var(--accent-glow)}
.step-indicator.completed .step-dot{background:var(--success);border-color:transparent}
.step-label{font-size:.75rem;color:var(--t2)}

.app-section{display:none;position:relative;z-index:1;animation:fadeInUp .5s ease forwards}
.app-section.active{display:block}
.section-container{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}
.section-header{text-align:center;margin-bottom:2rem}
.section-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--t1),var(--accent-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-subtitle{font-size:.9rem;color:var(--t2)}
.highlight-store{color:var(--accent-l);font-weight:600}

.search-container{position:relative;max-width:500px;margin:0 auto 1.25rem}
.search-input{width:100%;padding:.7rem 1rem .7rem 2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:100px;color:var(--t1);font-size:.9rem;font-family:inherit;transition:all .25s;outline:none}
.search-input::placeholder{color:var(--t3)}
.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--t3);font-size:.875rem;pointer-events:none}

.area-tabs{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}
.area-tab{padding:.45rem 1rem;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--t2);font-size:.8rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .25s}
.area-tab:hover{color:var(--t1);border-color:var(--border-h);background:var(--surface)}
.area-tab.active{color:#fff;border-color:transparent}
.area-tab[data-area="all"].active{background:var(--accent-g);box-shadow:0 0 30px var(--accent-glow)}
.area-tab[data-area="関東"].active{background:var(--kanto)}
.area-tab[data-area="関西"].active{background:var(--kansai)}
.area-tab[data-area="東海"].active{background:var(--tokai)}
.area-tab[data-area="九州"].active{background:var(--kyushu)}

.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}
.store-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .4s ease forwards;opacity:0}
.store-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .25s}
.store-card[data-area="関東"]::before{background:var(--kanto)}
.store-card[data-area="関西"]::before{background:var(--kansai)}
.store-card[data-area="東海"]::before{background:var(--tokai)}
.store-card[data-area="九州"]::before{background:var(--kyushu)}
.store-card:hover{background:var(--card-hover);border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.5)}
.store-card:hover::before{opacity:1}
.store-card.selected{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow);background:var(--card-hover)}
.store-card.selected::before{opacity:1;background:var(--accent-g)!important}

.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}
.store-name{font-size:1rem;font-weight:600;color:var(--t1)}
.area-badge{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:100px;flex-shrink:0}
.area-badge.関東{background:rgba(59,130,246,.15);color:var(--kanto)}
.area-badge.関西{background:rgba(249,115,22,.15);color:var(--kansai)}
.area-badge.東海{background:rgba(16,185,129,.15);color:var(--tokai)}
.area-badge.九州{background:rgba(236,72,153,.15);color:var(--kyushu)}
.card-details{display:flex;flex-direction:column;gap:.4rem}
.detail-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.775rem;color:var(--t2);line-height:1.4}
.detail-icon{flex-shrink:0;width:16px;text-align:center;opacity:.7}
.detail-text{flex:1;word-break:break-all}
.prefecture-label{font-size:.7rem;color:var(--t3);margin-top:.1rem}
.btn-select-store{width:100%;margin-top:.75rem;padding:.5rem;border-radius:var(--r-sm);border:none;background:var(--accent-g);color:#fff;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}
.btn-select-store:hover{filter:brightness(1.1);box-shadow:0 0 30px var(--accent-glow)}

/* ===== Survey Form ===== */
.survey-form{display:flex;flex-direction:column;gap:1.25rem}
.form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem}
.form-card-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--t1)}
.form-card-subtitle{font-size:.8rem;color:var(--t2);margin-bottom:1rem}
.form-group{margin-bottom:1rem}
.form-group:last-child{margin-bottom:0}
.form-label{display:block;font-size:.825rem;font-weight:500;color:var(--t2);margin-bottom:.4rem}
.required{color:#ef4444;font-size:.75rem}
.form-input{width:100%;padding:.65rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--t1);font-size:.875rem;font-family:inherit;outline:none;transition:all .25s}
.form-input::placeholder{color:var(--t3)}
.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.form-hint{display:block;font-size:.7rem;color:var(--t3);margin-top:.3rem}
.form-textarea{width:100%;padding:.65rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--t1);font-size:.875rem;font-family:inherit;outline:none;resize:vertical;min-height:80px;transition:all .25s}
.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}

/* Star Rating */
.star-rating{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}
.star{background:none;border:none;font-size:2.25rem;color:var(--t3);cursor:pointer;transition:all .15s;padding:.25rem}
.star:hover,.star.active{color:var(--warning);transform:scale(1.15);text-shadow:0 0 12px rgba(251,191,36,.4)}
.star.active{transform:scale(1.1)}
.rating-label{text-align:center;font-size:.825rem;color:var(--t3);transition:color .25s}

/* Chips */
.category-section{margin-bottom:1.25rem}
.category-section:last-child{margin-bottom:0}
.category-name{font-size:.825rem;font-weight:500;color:var(--t2);margin-bottom:.5rem}
.chip-group{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{padding:.4rem .9rem;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--t2);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .15s}
.chip:hover{border-color:var(--border-h);color:var(--t1);background:var(--surface)}
.chip.selected{background:var(--accent-g);border-color:transparent;color:#fff;box-shadow:0 0 10px var(--accent-glow)}

/* Buttons */
.btn-next{width:100%;padding:.9rem;border-radius:var(--r-md);border:none;background:var(--accent-g);color:#fff;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;box-shadow:0 0 30px var(--accent-glow);margin-top:.5rem}
.btn-next:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}

/* Review */
.review-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:1.25rem;margin-bottom:1rem}
.review-text{font-size:.9rem;line-height:1.8;color:var(--t1);white-space:pre-wrap}
.btn-regenerate{width:100%;padding:.5rem;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--t2);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .15s}
.btn-regenerate:hover{background:var(--surface);color:var(--t1)}

.action-buttons{margin-top:1.5rem;text-align:center}
.btn-copy{width:100%;padding:1rem;border-radius:var(--r-md);border:none;background:linear-gradient(135deg,#34d399,#059669);color:#fff;font-size:1.05rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;box-shadow:0 0 25px var(--success-glow)}
.btn-copy:hover{filter:brightness(1.1);transform:translateY(-2px)}
.action-hint{font-size:.75rem;color:var(--t3);margin-top:.75rem;line-height:1.6}

/* Toast */
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(120px);background:var(--success);color:#fff;padding:.75rem 1.5rem;border-radius:100px;font-size:.85rem;font-weight:500;box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:999;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.toast.show{transform:translateX(-50%) translateY(0)}

/* Thank You */
.thank-you-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:2.5rem;text-align:center;margin-top:2rem}
.thank-icon{font-size:3rem;margin-bottom:1rem}
.thank-you-card h2{font-size:1.25rem;margin-bottom:.5rem}
.thank-you-card p{color:var(--t2);font-size:.875rem;margin-bottom:1.25rem}
.btn-restart{padding:.5rem 1.5rem;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--t2);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .15s}
.btn-restart:hover{background:var(--surface);color:var(--t1)}

/* Empty */
.empty-state{text-align:center;padding:3rem 1rem;color:var(--t3);grid-column:1/-1}
.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}
.empty-title{font-size:1rem;color:var(--t2);margin-bottom:.3rem}
.empty-text{font-size:.8rem}

@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* ===== Simple Store Buttons ===== */
.store-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.store-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1.1rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--card);color:var(--t1);font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .25s;animation:fadeInUp .4s ease forwards;opacity:0;animation-delay:calc(var(--i,0)*.02s);min-width:200px}
.store-btn:hover{background:var(--card-hover);border-color:var(--border-h);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.4)}
.store-btn:active{transform:scale(.97)}
.store-btn[data-area="関東"]:hover{border-color:rgba(59,130,246,.4);box-shadow:0 0 15px rgba(59,130,246,.15)}
.store-btn[data-area="関西"]:hover{border-color:rgba(249,115,22,.4);box-shadow:0 0 15px rgba(249,115,22,.15)}
.store-btn[data-area="東海"]:hover{border-color:rgba(16,185,129,.4);box-shadow:0 0 15px rgba(16,185,129,.15)}
.store-btn[data-area="九州"]:hover{border-color:rgba(236,72,153,.4);box-shadow:0 0 15px rgba(236,72,153,.15)}
.store-btn-name{white-space:nowrap}

/* ===== Prefecture Chips ===== */
.pref-chips{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-bottom:1.25rem}
.pref-chip{padding:.35rem .85rem;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--t2);font-size:.75rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s}
.pref-chip:hover{color:var(--t1);border-color:var(--border-h);background:var(--surface)}
.pref-chip.active{background:rgba(124,106,239,.15);border-color:var(--accent);color:var(--accent-l);font-weight:600}

/* ===== Select Dropdown ===== */
.form-select{width:100%;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--t1);font-size:.9rem;font-family:inherit;outline:none;transition:all .25s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238888a0' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}
.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.form-select option{background:var(--card);color:var(--t1)}
.form-select optgroup{color:var(--accent-l);font-weight:600}

/* ===== Option Buttons (single select) ===== */
.option-group{display:flex;flex-wrap:wrap;gap:.5rem}
.option-btn{padding:.55rem 1.1rem;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--t2);font-size:.85rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s;flex:1;min-width:fit-content;text-align:center}
.option-btn:hover{color:var(--t1);border-color:var(--border-h);background:var(--surface)}
.option-btn.selected{background:var(--accent-g);border-color:transparent;color:#fff;box-shadow:0 0 12px var(--accent-glow)}

/* ===== Inline Input ===== */
.inline-input{display:flex;align-items:center;gap:.5rem;justify-content:center}
.inline-label{color:var(--t2);font-size:.9rem;font-weight:500}
.form-input-mini{width:80px;padding:.55rem .7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--t1);font-size:1rem;font-family:inherit;outline:none;text-align:center;transition:all .25s}
.form-input-mini:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.form-input-mini::placeholder{color:var(--t3)}

/* ===== Star Labels ===== */
.star-labels{display:flex;justify-content:space-around;padding:0 1rem;margin-bottom:.25rem}
.star-labels span{font-size:.7rem;color:var(--t3)}

/* ===== Star Rating Fixed ===== */
.star-rating-fixed{display:flex;gap:.35rem;justify-content:center;margin-bottom:.5rem}
.star-fixed{font-size:2.25rem;color:var(--warning);text-shadow:0 0 12px rgba(251,191,36,.4)}

/* ===== Photo Upload ===== */
.photo-upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:var(--r-md);border:2px dashed var(--border);background:var(--surface);color:var(--t2);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .25s;text-align:center}
.photo-upload-btn:hover{border-color:var(--accent);color:var(--accent-l);background:rgba(124,106,239,.06)}
.photo-icon{font-size:1.3rem}
.photo-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.photo-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border);animation:fadeInUp .3s ease}
.photo-count{font-size:.75rem;color:var(--accent-l);margin-top:.4rem}

/* ===== Photo Remind ===== */
.photo-remind{margin-top:1.25rem}
.remind-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2);border-radius:var(--r-md)}
.remind-icon{font-size:1.5rem;flex-shrink:0}
.remind-text strong{font-size:.9rem;color:var(--warning);display:block;margin-bottom:.15rem}
.remind-text p{font-size:.75rem;color:var(--t2);margin:0}

/* ===== Mobile-First Responsive ===== */
@media(max-width:640px){
  /* Layout & spacing */
  .section-container{padding:1rem .85rem 5rem}
  .section-header{margin-bottom:1.25rem}
  .section-title{font-size:1.2rem}
  .section-subtitle{font-size:.8rem}

  /* Progress bar */
  .progress-bar{padding:.6rem .85rem;position:sticky;top:0}
  .progress-track{margin-bottom:.5rem;height:3px}
  .step-dot{width:20px;height:20px;font-size:.6rem}
  .step-label{font-size:.65rem}

  /* Form cards */
  .form-card{padding:1rem;border-radius:var(--r-md)}
  .form-card-title{font-size:.9rem;margin-bottom:.6rem}
  .survey-form{gap:1rem}

  /* Select dropdown */
  .form-select{font-size:1rem;padding:.75rem .9rem;border-radius:var(--r-md)}

  /* Option buttons - full width grid for mobile */
  .option-group{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
  .option-btn{padding:.65rem .5rem;font-size:.8rem;min-width:0;border-radius:var(--r-md);min-height:44px;display:flex;align-items:center;justify-content:center}

  /* Chips - wrap & touch friendly */
  .chip-group{gap:.35rem}
  .chip{padding:.5rem .75rem;font-size:.75rem;min-height:38px;display:flex;align-items:center}

  /* Star rating */
  .star-rating-fixed{gap:.2rem;margin-bottom:.35rem}
  .star-fixed{font-size:1.8rem}
  .rating-label{font-size:.75rem}

  /* Text inputs */
  .form-input{font-size:1rem;padding:.7rem .85rem;border-radius:var(--r-md)}
  .form-textarea{font-size:1rem;padding:.7rem .85rem;min-height:70px;border-radius:var(--r-md)}

  /* Photo */
  .photo-upload-btn{padding:.75rem 1rem;font-size:.85rem;border-radius:var(--r-md)}
  .photo-thumb{width:56px;height:56px}
  .photo-preview{gap:.35rem}

  /* Main action button */
  .btn-next{padding:.85rem;font-size:.95rem;border-radius:var(--r-md);position:sticky;bottom:1rem;z-index:50;box-shadow:0 -4px 20px rgba(0,0,0,.5),0 0 30px var(--accent-glow)}

  /* Step 2 */
  .review-preview{padding:1rem;border-radius:var(--r-md)}
  .review-text{font-size:.85rem;line-height:1.75}
  .btn-regenerate{padding:.6rem;font-size:.8rem;border-radius:var(--r-md)}

  /* Copy button */
  .btn-copy{padding:.9rem;font-size:.95rem;border-radius:var(--r-md)}
  .action-hint{font-size:.7rem;line-height:1.5}

  /* Thank you */
  .thank-you-card{padding:1.75rem 1.25rem;border-radius:var(--r-lg)}
  .thank-icon{font-size:2.5rem;margin-bottom:.75rem}
  .thank-you-card h2{font-size:1.1rem}
  .thank-you-card p{font-size:.8rem}

  /* Toast */
  .toast{font-size:.78rem;padding:.6rem 1.1rem;bottom:1.25rem}

  /* Photo remind */
  .remind-card{padding:.75rem 1rem;gap:.5rem}
  .remind-icon{font-size:1.2rem}
  .remind-text strong{font-size:.8rem}
  .remind-text p{font-size:.7rem}

  /* Store buttons */
  .store-grid{gap:.4rem}
  .store-btn{padding:.6rem .9rem;font-size:.82rem;min-width:0;flex:1 1 calc(50% - .2rem);min-height:44px}

  /* Area tabs */
  .area-tabs{gap:.3rem;margin-bottom:1rem}
  .area-tab{padding:.35rem .65rem;font-size:.7rem}

  /* Form hint */
  .form-hint{font-size:.65rem}

  /* Custom questions container cards */
  #customQuestionsContainer .form-card{padding:1rem}
  #customQuestionsContainer .option-group{grid-template-columns:1fr 1fr}

  /* Safe area padding for newer iPhones */
  body{padding-bottom:env(safe-area-inset-bottom,0)}
}

/* Extra small phones (iPhone SE, etc.) */
@media(max-width:375px){
  .section-container{padding:.85rem .7rem 5rem}
  .option-group{grid-template-columns:1fr}
  .option-btn{font-size:.78rem}
  .form-card{padding:.85rem}
  .form-card-title{font-size:.85rem}
  .star-fixed{font-size:1.5rem}
  .chip{padding:.4rem .6rem;font-size:.7rem}
  .store-btn{flex:1 1 100%}
  .btn-next{font-size:.9rem}
  .btn-copy{font-size:.9rem}
}

/* Tablet */
@media(min-width:641px) and (max-width:1024px){
  .section-container{max-width:680px;padding:1.5rem 1.25rem 3rem}
  .option-group{display:flex;flex-wrap:wrap}
}

/* ===== Form Hint improved ===== */
.form-hint{display:block;font-size:.7rem;color:var(--t3);margin-top:.35rem;line-height:1.5}