:root{--bg: #e8f5e9;--surface: #ffffff;--ink: #1b2e1f;--muted: #4a6b50;--accent: #2e7d32;--accent-dark: #1b5e20;--accent-light: #c8e6c9;--border: #a5d6a7;--empty: #c62828;--chip: #f1f8e9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 4px 6px -1px rgba(27, 94, 32, .1), 0 2px 4px -2px rgba(27, 94, 32, .06);--shadow-lg: 0 10px 15px -3px rgba(27, 94, 32, .1), 0 4px 6px -4px rgba(27, 94, 32, .05);--radius: 16px;--radius-sm: 10px;--arabic-font: "Amiri", "Scheherazade New", "Traditional Arabic", "Noto Naskh Arabic", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;min-height:100dvh}.app{max-width:900px;margin:0 auto;padding:1rem 1rem 6rem;min-height:100dvh}.app__masthead{text-align:center;margin-bottom:1.25rem;padding-top:.5rem}.app__title{margin:0;font-size:2.5rem;font-weight:800;color:var(--accent-dark);letter-spacing:-.5px;font-family:var(--arabic-font)}.app__subtitle{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.app__layout{display:flex;flex-direction:column;gap:1rem}.app__main{min-width:0}.mobile-nav{display:none}.input-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.input-bar__label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.85rem;color:var(--muted)}.input-bar__row{display:flex;gap:.5rem}.input-bar__field{flex:1;min-width:0;padding:.85rem 1rem;font-size:1.4rem;font-family:var(--arabic-font);border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;transition:border-color .15s}.input-bar__field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input-bar__submit{padding:0 1.5rem;font-size:1rem;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s}.input-bar__submit:hover:not(:disabled){background:var(--accent-dark)}.input-bar__submit:active:not(:disabled){transform:scale(.97)}.input-bar__submit:disabled{opacity:.6;cursor:progress}.loading{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.75rem 1rem;background:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent-dark);font-size:.9rem;font-weight:500}.loading__spinner{width:1rem;height:1rem;border:2.5px solid var(--accent-light);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{margin-top:1rem;padding:.85rem 1rem;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.5}.word-selector,.root-selector{margin-top:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.word-selector__hint,.root-selector__hint{margin:0 0 .75rem;font-size:.85rem;color:var(--muted)}.word-selector__list,.root-selector__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.word-selector__chip,.root-selector__chip{cursor:pointer;border:2px solid var(--border);background:var(--chip);border-radius:999px;padding:.5rem 1.1rem;font-family:var(--arabic-font);font-size:1.4rem;color:var(--ink);transition:border-color .15s,background .15s,transform .1s}.word-selector__chip:hover,.root-selector__chip:hover{border-color:var(--accent);background:var(--accent-light)}.word-selector__chip:active,.root-selector__chip:active{transform:scale(.95)}.word-selector__chip--active{border-color:var(--accent);background:var(--accent-light);font-weight:700}.root-selector__chip{display:inline-flex;align-items:baseline;gap:.5rem}.root-selector__meta{font-family:-apple-system,sans-serif;font-size:.75rem;color:var(--muted)}.tashrif{margin-top:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.tashrif__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;border-bottom:1px solid var(--border);padding-bottom:.85rem;margin-bottom:.85rem}.tashrif__root{display:flex;align-items:baseline;gap:.6rem}.tashrif__root-label{font-size:.8rem;color:var(--muted);font-weight:500}.tashrif__root-arabic{font-family:var(--arabic-font);font-size:2.2rem;font-weight:700;color:var(--ink)}.tashrif__root-meta{font-size:.75rem;color:var(--muted)}.tashrif__wazan-label{font-size:.85rem;font-weight:600;color:var(--accent-dark);background:var(--accent-light);padding:.35rem .8rem;border-radius:999px}.tashrif__root-tr{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.9rem;margin-bottom:1rem}.tashrif__cards{display:grid;gap:.75rem}.tashrif-card{background:var(--chip);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;transition:box-shadow .15s}.tashrif-card:hover{box-shadow:var(--shadow-sm)}.tashrif-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.tashrif-card__form-name{font-size:.78rem;font-weight:700;color:var(--accent-dark);text-transform:uppercase;letter-spacing:.3px}.tashrif-card__harakat-note{font-size:.7rem;color:var(--muted);background:#fef3c7;padding:.15rem .5rem;border-radius:999px}.tashrif-card__arabic{font-family:var(--arabic-font);font-size:1.8rem;line-height:1.6;direction:rtl;color:var(--ink);margin-bottom:.4rem}.tashrif-card__arabic.is-empty{color:var(--empty);font-style:italic;font-size:.9rem;font-family:-apple-system,sans-serif;direction:ltr}.tashrif-card__translations{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.85rem}.tashrif-card__tr-label{font-weight:600;color:var(--muted);font-size:.7rem;text-transform:uppercase}.tashrif-card__tr-text{color:var(--ink)}.tashrif-card__tr-text.is-empty{color:var(--empty);font-style:italic}.tashrif__table-wrap{display:none;overflow-x:auto}.tashrif__table{width:100%;border-collapse:collapse}.tashrif__table th,.tashrif__table td{border:1px solid var(--border);padding:.65rem .8rem;text-align:start;vertical-align:middle}.tashrif__table thead th{background:var(--accent-light);font-size:.78rem;color:var(--accent-dark);text-transform:uppercase;letter-spacing:.3px;font-weight:700}.tashrif__form-name{font-weight:700;white-space:nowrap;background:var(--chip);font-size:.85rem}.tashrif__arabic{font-family:var(--arabic-font);font-size:1.6rem;line-height:1.8;white-space:nowrap}.tashrif__harakat-note{font-family:-apple-system,sans-serif;font-size:.7rem;color:var(--muted)}.tashrif__tr{font-size:.9rem}.is-empty{color:var(--empty);font-style:italic}.tashrif__notice{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;padding:.85rem 1rem;margin-bottom:1rem;border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a}.tashrif__badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;letter-spacing:.2px}.tashrif__badge--ai{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.tashrif__badge--saved{background:#c8e6c9;color:#1b5e20;border:1px solid #4caf50}.tashrif__notice-text{margin:0;font-size:.82rem;color:#78350f;line-height:1.45}.tashrif__save{cursor:pointer;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:.85rem;padding:.55rem 1rem;border-radius:var(--radius-sm);transition:background .15s,transform .1s}.tashrif__save:hover{background:var(--accent-dark)}.tashrif__save:active{transform:scale(.97)}.history{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}.history__title{margin:0 0 .6rem;font-size:.95rem;font-weight:700}.history__empty{margin:0;color:var(--muted);font-size:.85rem}.history__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.history__item{cursor:pointer;border:1px solid var(--border);background:var(--chip);border-radius:999px;padding:.4rem .9rem;font-family:var(--arabic-font);font-size:1.15rem;color:var(--ink);transition:border-color .15s,transform .1s}.history__item:hover{border-color:var(--accent)}.history__item:active{transform:scale(.95)}.app__sidebar{display:flex;flex-direction:column;gap:1rem}.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}.auth-panel--logged-in{background:#e8f5e9;border-color:#a5d6a7}.auth-panel__hint{margin:0 0 .75rem;font-size:.82rem;color:var(--muted)}.auth-panel__form{display:flex;flex-direction:column;gap:.5rem}.auth-panel__input{padding:.6rem .75rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;transition:border-color .15s}.auth-panel__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.auth-panel__submit{padding:.6rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;cursor:pointer;transition:background .15s}.auth-panel__submit:hover{background:var(--accent-dark)}.auth-panel__toggle{margin-top:.5rem;background:none;border:none;color:var(--accent);font-size:.78rem;cursor:pointer;padding:0}.auth-panel__toggle:hover{text-decoration:underline}.auth-panel__error{margin:.5rem 0 0;font-size:.8rem;color:#dc2626}.auth-panel__success{margin:.5rem 0 0;font-size:.8rem;color:#16a34a}.auth-panel__user{margin:0;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.auth-panel__dot{width:8px;height:8px;background:#4caf50;border-radius:50%;display:inline-block}.auth-panel__note{margin:.3rem 0 .6rem;font-size:.78rem;color:var(--muted)}.auth-panel__logout{padding:.4rem .7rem;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.78rem;cursor:pointer;color:var(--muted);transition:color .15s,border-color .15s}.auth-panel__logout:hover{border-color:#dc2626;color:#dc2626}@media (min-width: 768px){.app{padding-bottom:3rem}.app__layout{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}.tashrif-card__arabic{font-size:2rem}.tashrif__cards{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:none!important}}@media (min-width: 1024px){.tashrif__cards{display:none}.tashrif__table-wrap{display:block}.tashrif__arabic{font-size:1.75rem}}@media (max-width: 767px){.app__title{font-size:1.5rem}.app__subtitle{font-size:.78rem}.input-bar__field{font-size:1.2rem;padding:.75rem .85rem}.input-bar__submit{padding:0 1rem;font-size:.9rem}.word-selector__chip,.root-selector__chip{font-size:1.2rem;padding:.45rem .9rem}.tashrif__root-arabic{font-size:1.8rem}.tashrif-card__arabic{font-size:1.6rem}.tashrif__table-wrap{display:none!important}.tashrif__cards{display:grid;grid-template-columns:1fr}}.dict-manager{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm)}.dict-manager__title{margin:0 0 .6rem;font-size:.9rem;font-weight:700}.dict-manager__btn{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--chip);font-size:.82rem;cursor:pointer;color:var(--muted);transition:border-color .15s,color .15s}.dict-manager__btn:hover{border-color:#c62828;color:#c62828}.dict-manager__btn--danger{background:#c62828;color:#fff;border-color:#c62828}.dict-manager__btn--danger:hover{background:#991b1b;border-color:#991b1b;color:#fff}.dict-manager__btn--cancel{background:var(--chip);color:var(--ink);border-color:var(--border)}.dict-manager__btn--cancel:hover{border-color:var(--accent);color:var(--accent)}.dict-manager__confirm{display:flex;flex-direction:column;gap:.5rem}.dict-manager__warn{margin:0;font-size:.8rem;color:#c62828;line-height:1.4}.dict-manager__actions{display:flex;gap:.5rem}.dict-manager__actions .dict-manager__btn{flex:1}.dict-manager__status{margin:.5rem 0 0;font-size:.78rem;color:var(--accent-dark)}.ai-selector{display:flex;align-items:center;gap:.6rem;margin-top:.75rem;padding:.5rem 0}.ai-selector__label{font-size:.8rem;font-weight:600;color:var(--muted)}.ai-selector__options{display:flex;gap:.4rem}.ai-selector__chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border:2px solid var(--border);border-radius:999px;background:var(--chip);font-size:.8rem;font-weight:600;color:var(--muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .1s}.ai-selector__chip:hover{border-color:var(--accent);color:var(--accent-dark)}.ai-selector__chip:active{transform:scale(.95)}.ai-selector__chip--active{border-color:var(--accent);background:var(--accent-light);color:var(--accent-dark)}.ai-selector__icon{font-size:.9rem}