@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,600&family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg:#0e0e11;--bg-2:#15151a;--bg-3:#1c1c23;--border:#2a2a35;--border-2:#38384a;--gold:#c9a84c;--gold-light:#e8c96a;--gold-dim:#c9a84c26;--text:#e8e6df;--text-2:#9d9b96;--text-3:#5c5b58;--red:#e05c5c;--green:#5cb87a;--bg-header-blur:#0e0e11eb;--btn-primary-fg:#0e0e11;--spinner-border:#0000004d;--spinner-top:#0e0e11;--body-gradient:radial-gradient(ellipse 80% 50% at 50% -10%, #c9a84c12 0%, transparent 60%);--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow:0 4px 32px #00000073;--shadow-lg:0 8px 64px #0009;--space-xs:clamp(4px, .5vw, 8px);--space-sm:clamp(8px, 1vw, 16px);--space-md:clamp(12px, 1.5vw, 24px);--space-lg:clamp(20px, 2.5vw, 48px);--space-xl:clamp(32px, 4vw, 80px);--space-2xl:clamp(48px, 6vw, 120px);--text-xs:clamp(10px, 1vw, 13px);--text-sm:clamp(12px, 1.2vw, 15px);--text-base:clamp(14px, 1.4vw, 18px);--text-lg:clamp(16px, 1.8vw, 22px);--text-xl:clamp(20px, 2.5vw, 32px);--text-2xl:clamp(28px, 4vw, 52px);--text-3xl:clamp(36px, 6vw, 80px);--header-h:clamp(56px, 7vw, 80px);--content-w:min(720px, 92vw);--content-w-wide:min(960px, 88vw)}[data-theme=light]{--bg:#f5f4ef;--bg-2:#fff;--bg-3:#eeede8;--border:#dddbd4;--border-2:#ccc9c0;--gold:#a07828;--gold-light:#b98e30;--gold-dim:#a078281f;--text:#1a1a1a;--text-2:#555350;--text-3:#999690;--red:#c33;--green:#2e7d4f;--shadow:0 4px 32px #0000001a;--shadow-lg:0 8px 64px #00000026;--bg-header-blur:#f5f4efeb;--btn-primary-fg:#fff;--spinner-border:#fff6;--spinner-top:#fff;--body-gradient:radial-gradient(ellipse 80% 50% at 50% -10%, #a078280f 0%, transparent 60%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:var(--text-base);background-image:var(--body-gradient);min-height:100dvh;line-height:1.6}.app{flex-direction:column;min-height:100dvh;display:flex}.app__header{height:var(--header-h);border-bottom:1px solid var(--border);background:var(--bg-header-blur);-webkit-backdrop-filter:blur(16px);z-index:100;padding:0 clamp(16px,4vw,60px);padding-left:max(clamp(16px, 4vw, 60px), env(safe-area-inset-left));padding-right:max(clamp(16px, 4vw, 60px), env(safe-area-inset-right));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app__logo{flex-shrink:0;align-items:center;gap:clamp(8px,1vw,14px);display:flex}.app__logo-img{object-fit:contain;border-radius:clamp(6px,.8vw,10px);width:clamp(28px,4vw,44px);height:clamp(28px,4vw,44px)}.app__logo-text{letter-spacing:.02em;color:var(--text);white-space:nowrap;font-family:Playfair Display,serif;font-size:clamp(18px,2.2vw,26px);font-weight:700}.app__main{width:100%;max-width:var(--content-w);padding:var(--space-xl) clamp(16px, 4vw, 40px);flex:1;margin:0 auto}@media (width>=1440px){.app__main{max-width:var(--content-w-wide)}}.app__footer{text-align:center;padding:var(--space-md) clamp(16px, 4vw, 40px);font-size:var(--text-xs);color:var(--text-3);letter-spacing:.05em;border-top:1px solid var(--border);padding-bottom:max(var(--space-md), env(safe-area-inset-bottom));font-family:DM Mono,monospace}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;min-width:44px;min-height:44px;padding:clamp(9px,1.1vw,13px) clamp(16px,2vw,26px);font-family:DM Sans,sans-serif;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.btn--primary{background:var(--gold);color:var(--btn-primary-fg);letter-spacing:.02em;font-weight:600}.btn--primary:hover:not(:disabled){background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 20px #c9a84c59}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--outline{color:var(--gold);border:1px solid var(--gold);background:0 0}.btn--outline:hover{background:var(--gold-dim)}.btn--outline:active{background:#c9a84c40}.btn--ghost{color:var(--text-2);background:0 0}.btn--ghost:hover{color:var(--text);background:var(--bg-3)}.btn--theme{background:var(--bg-3);color:var(--text-2);border:1px solid var(--border-2);border-radius:var(--radius);width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:17px;line-height:1;transition:background .2s,color .2s,border-color .2s,transform .15s}.btn--theme:hover{background:var(--bg-2);color:var(--text);border-color:var(--gold);transform:rotate(15deg)}.btn--danger-ghost{color:var(--text-3);font-size:var(--text-xs);background:0 0;padding:6px 10px}.btn--danger-ghost:hover{color:var(--red)}.btn__spinner{border:2px solid var(--spinner-border);border-top-color:var(--spinner-top);border-radius:50%;flex-shrink:0;width:clamp(12px,1.2vw,16px);height:clamp(12px,1.2vw,16px);animation:.7s linear infinite spin}.btn__badge{color:var(--gold);font-size:var(--text-xs);background:#c9a84c33;border-radius:20px;padding:1px 8px;font-weight:600}.lookup__hero{text-align:center;margin-bottom:var(--space-xl)}.lookup__heading{font-family:Playfair Display,serif;font-size:var(--text-3xl);color:var(--text);margin-bottom:var(--space-md);line-height:1.1}.lookup__heading em{color:var(--gold);font-style:italic}.lookup__subtext{color:var(--text-2);font-size:var(--text-sm);max-width:480px;margin:0 auto;line-height:1.7}.lookup__credit{font-family:DM Mono,monospace;font-size:var(--text-xs);color:var(--text-3);letter-spacing:.08em;margin-top:10px}.input-group{align-items:stretch;gap:clamp(8px,1vw,12px);display:flex}.lookup__input{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius);min-width:0;color:var(--text);-webkit-appearance:none;outline:none;flex:1;padding:clamp(12px,1.4vw,16px) clamp(14px,1.6vw,20px);font-family:Playfair Display,serif;font-size:clamp(16px,1.8vw,20px);transition:border-color .2s,box-shadow .2s}.lookup__input::placeholder{color:var(--text-3)}.lookup__input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.lookup__btn{font-size:var(--text-base);flex-shrink:0;padding:clamp(12px,1.4vw,16px) clamp(20px,2.5vw,36px)}@media (width<=400px){.input-group{flex-direction:column}.lookup__btn{width:100%}}.alert{margin-top:var(--space-md);border-radius:var(--radius);font-size:var(--text-sm);padding:clamp(10px,1.2vw,14px) clamp(14px,1.6vw,18px);line-height:1.5;animation:.3s fadeIn}.alert--error{color:#ff8a8a;background:#e05c5c1f;border:1px solid #e05c5c4d}.alert--success{color:#7ee8a0;background:#5cb87a1f;border:1px solid #5cb87a4d}.lookup__result{margin-top:var(--space-lg);animation:.4s slideUp}.word-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:clamp(20px,3vw,40px);position:relative;overflow:hidden}.word-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.word-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.word-card__word{color:var(--text);text-transform:capitalize;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1}.word-card__badge{font-family:DM Mono,monospace;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);white-space:nowrap;border:1px solid #c9a84c40;border-radius:20px;flex-shrink:0;margin-top:4px;padding:4px 10px}.word-card__section{margin-bottom:clamp(16px,2vw,26px)}.word-card__label{font-family:DM Mono,monospace;font-size:var(--text-xs);letter-spacing:.15em;color:var(--text-3);margin-bottom:var(--space-xs);text-transform:uppercase;display:block}.word-card__text{color:var(--text);font-size:var(--text-base);line-height:1.65}.word-card__example{color:var(--text-2);border-left:2px solid var(--gold);padding-left:clamp(10px,1.2vw,16px);font-family:Playfair Display,serif;font-size:clamp(14px,1.5vw,18px);font-style:italic;line-height:1.6}.word-card__synonyms{gap:var(--space-xs);flex-wrap:wrap;display:flex}.word-card__synonym{background:var(--bg-3);border:1px solid var(--border-2);font-size:var(--text-sm);color:var(--text-2);border-radius:6px;padding:clamp(4px,.5vw,7px) clamp(10px,1.2vw,16px);font-family:DM Mono,monospace}.word-card__custom{border-top:1px solid var(--border);margin:clamp(16px,2vw,28px) 0;padding-top:clamp(16px,2vw,24px)}.word-card__toggle{align-items:center;gap:var(--space-sm);cursor:pointer;margin-bottom:var(--space-sm);min-height:44px;display:flex}.word-card__toggle input[type=checkbox]{width:clamp(16px,1.6vw,20px);height:clamp(16px,1.6vw,20px);accent-color:var(--gold);cursor:pointer;flex-shrink:0}.word-card__toggle-text{font-size:var(--text-sm);color:var(--text-2)}.word-card__textarea{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);width:100%;font-size:var(--text-sm);color:var(--text);resize:vertical;-webkit-appearance:none;outline:none;padding:clamp(10px,1.2vw,14px) clamp(12px,1.4vw,16px);font-family:DM Sans,sans-serif;line-height:1.55;transition:border-color .2s}.word-card__textarea::placeholder{color:var(--text-3)}.word-card__textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.library__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.library__title{font-family:Playfair Display,serif;font-size:var(--text-2xl);font-weight:700;line-height:1.1}.stats-row{margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,16px);display:grid}.stat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;gap:4px;padding:clamp(14px,2vw,24px) clamp(12px,1.5vw,20px);display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.stat-card__num{color:var(--gold);font-family:Playfair Display,serif;font-size:clamp(24px,3.5vw,40px);font-weight:700;line-height:1}.stat-card__label{font-family:DM Mono,monospace;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.search-input{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius);width:100%;font-size:var(--text-base);color:var(--text);margin-bottom:var(--space-md);-webkit-appearance:none;outline:none;padding:clamp(10px,1.2vw,14px) clamp(14px,1.6vw,18px);font-family:DM Sans,sans-serif;transition:border-color .2s}.search-input::placeholder{color:var(--text-3)}.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.library__list{flex-direction:column;gap:clamp(8px,1vw,12px);display:flex}.library__loading,.library__empty{text-align:center;color:var(--text-2);font-size:var(--text-base);padding:clamp(40px,8vw,80px) 20px}.library__loading{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.spinner{border:2px solid var(--border-2);border-top-color:var(--gold);border-radius:50%;width:clamp(24px,3vw,36px);height:clamp(24px,3vw,36px);animation:.8s linear infinite spin}.lib-entry{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.lib-entry:hover,.lib-entry--expanded{border-color:var(--border-2)}.lib-entry__header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:var(--space-sm);-webkit-tap-highlight-color:transparent;min-height:56px;padding:clamp(12px,1.5vw,18px) clamp(14px,2vw,22px);display:flex}.lib-entry__title{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.lib-entry__word{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-family:Playfair Display,serif;font-size:clamp(16px,1.8vw,22px);font-weight:600;overflow:hidden}.lib-entry__tag{font-family:DM Mono,monospace;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border:1px solid #c9a84c40;border-radius:20px;flex-shrink:0;padding:2px 8px}.lib-entry__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.lib-entry__date{font-family:DM Mono,monospace;font-size:var(--text-xs);color:var(--text-3)}@media (width<=380px){.lib-entry__date{display:none}}.lib-entry__chevron{font-size:var(--text-xs);color:var(--text-3);padding:0 2px}.lib-entry__body{border-top:1px solid var(--border);flex-direction:column;gap:clamp(12px,1.5vw,18px);padding:clamp(14px,2vw,22px);animation:.2s fadeIn;display:flex}.lib-entry__label{font-family:DM Mono,monospace;font-size:var(--text-xs);letter-spacing:.15em;color:var(--text-3);text-transform:uppercase;margin-bottom:6px;display:block}.lib-entry__example{color:var(--text-2);border-left:2px solid var(--gold);padding-left:clamp(10px,1.2vw,14px);font-family:Playfair Display,serif;font-size:clamp(13px,1.4vw,16px);font-style:italic;line-height:1.6}.lib-entry__dimmed{color:var(--text-3);font-size:var(--text-sm)}@media (width>=600px) and (width<=1023px){.stats-row{grid-template-columns:repeat(3,1fr)}}@media (width>=1920px){:root{--content-w:min(1100px, 75vw);--radius:14px;--radius-lg:22px}.app__header{padding:0 clamp(60px,6vw,120px)}.word-card{padding:clamp(40px,4vw,64px)}.lib-entry__header{padding:clamp(16px,1.8vw,28px) clamp(24px,2.5vw,40px)}}@media (width>=2560px){:root{--content-w:min(1400px, 60vw)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}