body { background: #0a0a0a; color: #f5f5f5; font-family: 'Inter', sans-serif; }
    .logo-font { font-family: 'Press Start 2P', monospace; }
    .gold { color: #FFD700; }
    .btn-primary {
      background: #FFD700; color: #0a0a0a; font-weight: 700;
      padding: 0.75rem 1.5rem; border-radius: 0.5rem; border: none;
      cursor: pointer; transition: opacity 0.2s; font-size: 0.95rem;
    }
    .btn-primary:hover { opacity: 0.85; }
    .btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
    .btn-ghost {
      background: transparent; color: #FFD700; font-weight: 600;
      padding: 0.6rem 1.2rem; border-radius: 0.5rem;
      border: 1px solid #FFD700; cursor: pointer; transition: all 0.2s;
      font-size: 0.85rem;
    }
    .btn-ghost:hover { background: #FFD700; color: #0a0a0a; }
    .card {
      background: #141414; border: 1px solid #2a2a2a;
      border-radius: 0.75rem; padding: 1.5rem;
    }
    .input-field {
      background: #1a1a1a; border: 1px solid #333; color: #f5f5f5;
      padding: 0.75rem 1rem; border-radius: 0.5rem; width: 100%;
      font-size: 0.95rem; outline: none; transition: border-color 0.2s;
    }
    .input-field:focus { border-color: #FFD700; }
    .input-field::placeholder { color: #555; }
    .badge-gold { background: #2a2000; color: #FFD700; border: 1px solid #FFD700; padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; font-weight: 700; }
    .badge-silver { background: #1a1a1a; color: #C0C0C0; border: 1px solid #C0C0C0; padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; font-weight: 700; }
    .badge-bronze { background: #1a0f00; color: #CD7F32; border: 1px solid #CD7F32; padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; font-weight: 700; }
    .badge-none { background: #1a1a1a; color: #555; border: 1px solid #333; padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; }
    .score-bar-bg { background: #1a1a1a; border-radius: 999px; height: 6px; overflow: hidden; }
    .score-bar-fill { height: 100%; border-radius: 999px; transition: width 0.6s ease; }
    .nav { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 2rem; border-bottom: 1px solid #1f1f1f; max-width: 1280px; margin: 0 auto; }
    .nav-logo { font-family: 'Press Start 2P', monospace; font-size: 0.85rem; color: #FFD700; text-decoration: none; }
    .nav-links { display: flex; align-items: center; gap: 1.5rem; font-size: 0.95rem; }
    .nav-links a { text-decoration: none; color: #888; }
    .nav-links a:hover { color: #fff; }
    /* profile dropdown */
    .nav-profile { position: relative; }
    .nav-avatar-btn { background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; }
    .nav-avatar-btn img { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #333; display: block; }
    .nav-avatar-btn:hover img { border-color: #FFD700; }
    .nav-dropdown {
      display: none; position: absolute; right: 0; top: calc(100% + 8px);
      background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 8px;
      min-width: 160px; overflow: hidden; z-index: 100;
      box-shadow: 0 8px 24px rgba(0,0,0,0.5);
    }
    .nav-dropdown.open { display: block; }
    .nav-dropdown-email { padding: 0.65rem 1rem; font-size: 0.72rem; color: #555; border-bottom: 1px solid #2a2a2a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px; }
    .nav-dropdown button { width: 100%; background: none; border: none; padding: 0.65rem 1rem; text-align: left; font-size: 0.8rem; color: #ccc; cursor: pointer; font-family: inherit; }
    .nav-dropdown button:hover { background: #222; color: #fff; }
    .spinner { border: 2px solid #333; border-top-color: #FFD700; border-radius: 50%; width: 18px; height: 18px; animation: spin 0.7s linear infinite; display: inline-block; }
    @keyframes spin { to { transform: rotate(360deg); } }
    .result-row { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid #1e1e1e; }
    .result-row:last-child { border-bottom: none; }
    .dot-yes { color: #4ade80; }
    .dot-no { color: #ef4444; }
    /* Dimension tooltip */
    .dim-tip {
      display:inline-flex;align-items:center;justify-content:center;
      width:13px;height:13px;border-radius:50%;
      background:#1e1e1e;border:1px solid #333;
      color:#444;font-size:8px;font-weight:700;line-height:1;
      cursor:help;margin-left:5px;vertical-align:middle;
      position:relative;flex-shrink:0;
    }
    .dim-tip::after {
      content:attr(data-tip);
      position:absolute;left:18px;top:50%;transform:translateY(-50%);
      background:#141414;border:1px solid #2a2a2a;color:#bbb;
      padding:8px 11px;border-radius:7px;font-size:11px;font-weight:400;
      width:210px;white-space:normal;line-height:1.5;
      opacity:0;pointer-events:none;z-index:200;
      transition:opacity 0.15s;
    }
    .dim-tip:hover::after { opacity:1; }
    .dim-no-hint { font-size:0.7rem;color:#444;margin-top:2px; }
    /* 3탭 바 */
    .dash-tabs-bar {
      display: flex; gap: 2px; border-bottom: 1px solid #1f1f1f;
      margin-bottom: 1.5rem;
    }
    .dash-tab {
      background: none; border: none; border-bottom: 2px solid transparent;
      padding: 0.65rem 1.25rem; font-size: 0.85rem; color: #666;
      cursor: pointer; font-family: inherit; font-weight: 500;
      transition: all 0.15s; margin-bottom: -1px;
    }
    .dash-tab:hover { color: #aaa; }
    .dash-tab.active { color: #FFD700; border-bottom-color: #FFD700; }
    /* 섹션 헤더 */
    .section-header { margin-bottom: 1.5rem; }
    .section-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.25rem; }
    .section-sub { font-size: 0.78rem; color: #555; }
    /* 툴즈 카드 */
    .tools-card { background: #0f0f0f; border: 1px solid #222; border-radius: 8px; padding: 1.25rem; margin-bottom: 1rem; }
    .coming-soon-badge { font-size: 0.65rem; color: #555; border: 1px solid #333; padding: 1px 6px; border-radius: 10px; }
    .tool-tab { background:none; border:1px solid #333; color:#888; padding:0.3rem 0.85rem; border-radius:6px; cursor:pointer; font-size:0.78rem; font-family:inherit; transition:all 0.15s; }
    .tool-tab.active { border-color:#FFD700; color:#FFD700; background:rgba(255,215,0,0.05); }
    /* 2026-05-02 Badge Embed redesign */
    .be-size-tab { background:#0d0d0d; border:1px solid #2a2a2a; padding:0.5rem 0.85rem; border-radius:6px; cursor:pointer; transition:all 0.15s; min-width:96px; text-align:center; }
    .be-size-tab:hover { border-color:#444; }
    .be-size-tab.active { border-color:#FFD700; background:rgba(255,215,0,0.06); }
    .lt-input { background:#1a1a1a; border:1px solid #333; color:#f5f5f5; padding:0.55rem 0.7rem; border-radius:6px; width:100%; box-sizing:border-box; font-size:0.82rem; outline:none; font-family:inherit; }
    .lt-input:focus { border-color:#FFD700; }
    .lt-textarea { background:#1a1a1a; border:1px solid #333; color:#f5f5f5; padding:0.55rem 0.7rem; border-radius:6px; width:100%; box-sizing:border-box; font-size:0.82rem; outline:none; font-family:inherit; resize:vertical; min-height:78px; line-height:1.5; }
    .lt-textarea:focus { border-color:#FFD700; }
    .lt-label { font-size:0.72rem; color:#666; display:block; margin-bottom:0.3rem; }
    /* Settings Modal */
    .settings-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:9998;align-items:center;justify-content:center;padding:1.25rem; }
    .settings-overlay.open { display:flex; }
    .settings-box { background:#111;border:1px solid #2a2a2a;border-radius:14px;padding:2rem;max-width:440px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,0.6);max-height:90vh;overflow-y:auto; }
    .settings-title { font-size:1rem;font-weight:700;margin-bottom:1.75rem;display:flex;align-items:center;justify-content:space-between; }
    .settings-close { background:none;border:none;color:#555;cursor:pointer;font-size:1.2rem;padding:0;line-height:1; }
    .settings-close:hover { color:#fff; }
    .settings-section { margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid #1f1f1f; }
    .settings-section:last-child { margin-bottom:0;padding-bottom:0;border-bottom:none; }
    .settings-section-label { font-size:0.65rem;font-family:'Press Start 2P',monospace;color:#444;letter-spacing:0.1em;margin-bottom:1rem; }
    .settings-row { display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem; }
    .settings-row-label { font-size:0.85rem;color:#ccc; }
    .settings-row-value { font-size:0.8rem;color:#555;word-break:break-all;text-align:right;max-width:180px; }
    /* Toggle */
    .toggle-wrap { display:flex;align-items:center;gap:0.6rem; }
    .toggle { position:relative;width:40px;height:22px;flex-shrink:0; }
    .toggle input { opacity:0;width:0;height:0; }
    .toggle-track { position:absolute;inset:0;background:#2a2a2a;border-radius:22px;cursor:pointer;transition:background 0.2s; }
    .toggle input:checked + .toggle-track { background:#FFD700; }