:root{--color-primary: #a57ef0;--color-cta: #e8508a;--color-heading: #1a1423;--color-background: #fffdf7;--color-accent: #ffc929;--color-error: #c0392b;--color-white: #ffffff;--color-sun-100: #fff3c4;--color-sun-300: #ffd966;--color-petal-50: #fff0f6;--color-petal-100: #ffd6e8;--color-petal-300: #ffaacf;--color-lavender-50: #f5f0ff;--color-lavender-100: #e6d9ff;--color-lavender-300: #c4a8f7;--color-ink-300: #b8a9cc;--color-ink-500: #6b5d80;--font-heading: "Fraunces", Georgia, serif;--font-body: "DM Sans", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--line-height-body: 1.65;--line-height-heading: 1.15}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:1rem;line-height:var(--line-height-body);color:var(--color-heading);background-color:var(--color-background);min-height:100vh}.gradient-bg{background-color:var(--color-background);background-image:radial-gradient(ellipse at 10% 0%,rgba(255,217,102,.3) 0%,transparent 50%),radial-gradient(ellipse at 95% 5%,rgba(255,170,207,.28) 0%,transparent 45%),radial-gradient(ellipse at 80% 80%,rgba(196,168,247,.22) 0%,transparent 50%),radial-gradient(ellipse at 0% 90%,rgba(255,214,232,.25) 0%,transparent 45%);min-height:100vh;padding:var(--space-md)}@media(min-width:768px){.gradient-bg{padding:var(--space-xl)}}h1,h2,h3{font-family:var(--font-heading);line-height:var(--line-height-heading);color:var(--color-heading)}.content-container{max-width:720px;margin:0 auto}.app-footer{text-align:center;padding:var(--space-lg) var(--space-md);margin-top:var(--space-xl)}footer a{font-weight:600;text-decoration:none}footer a:hover{text-decoration:underline}.app-header{text-align:center;padding:var(--space-md) var(--space-md)}.app-header__title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-heading);letter-spacing:-.5px}@media(min-width:768px){.app-header__title{font-size:2.8rem}}.app-header__tagline{font-size:1.6rem;color:var(--color-ink-500);margin-top:var(--space-xs);font-weight:600}.app-header__word{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-primary);margin-top:var(--space-md)}.app-header__phonetic{font-size:1.2rem;color:var(--color-ink-500);font-style:italic;margin-bottom:0}.search-bar{display:flex;flex-direction:column;gap:var(--space-sm);max-width:600px;margin:0 auto var(--space-lg)}@media(min-width:480px){.search-bar{flex-direction:row}}.search-bar__input{flex:1;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-lavender-100);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;background-color:var(--color-white);color:var(--color-heading);transition:border-color .2s ease,box-shadow .2s ease}.search-bar__input::placeholder{color:var(--color-ink-300)}.search-bar__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #a57ef02e}.search-bar__input-wrapper{position:relative}.search-bar__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:2rem;line-height:1;color:var(--color-primary);cursor:pointer;padding:0 4px}.search-bar__clear:hover{color:var(--color-ink-500)}.search-bar__button{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-cta));color:var(--color-white);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap;box-shadow:0 3px 14px #a57ef059;will-change:transform}.search-bar__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a57ef073}.search-bar__button:active{transform:scale(.97)}.search-bar__button:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.search-bar__button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.w-100{width:100%}.flex-grow-1{flex-grow:1}.search-error{color:var(--color-error);font-size:.875rem;margin-top:.25rem}.loading-wrapper{display:flex;justify-content:center;padding:var(--space-xl)}.spinner{width:32px;height:32px;border:3px solid var(--color-lavender-100);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-error);text-align:center;max-width:600px;margin:var(--space-md) auto;font-size:.95rem}.definition-card{background-color:#ffffffe0;border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:0 2px 16px #7c4dcc14;border-left:4px solid var(--color-primary)}.definition-card__pos{font-family:var(--font-heading);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;display:inline-block;background:var(--color-sun-100);color:var(--color-heading);border:1px solid var(--color-sun-300);border-radius:100px;padding:3px 12px;margin-bottom:var(--space-sm)}.definition-card__definition{font-size:1rem;line-height:var(--line-height-body);color:var(--color-heading);margin-bottom:var(--space-sm)}.definition-card__example{font-style:italic;color:var(--color-ink-500);font-size:.9rem;font-weight:500;padding:var(--space-xs) var(--space-md);border-left:3px solid var(--color-petal-300);background:var(--color-petal-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-sm)}.definition-card__synonyms{font-size:.85rem;font-weight:600;color:var(--color-primary)}.definition-card__synonyms span{font-weight:700;color:var(--color-heading)}.audio-player{display:flex;align-items:center;gap:var(--space-sm);justify-content:center;margin:var(--space-sm) auto var(--space-md);padding-bottom:var(--space-sm)}.audio-player__button{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-cta));color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #a57ef059;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease;will-change:transform}.audio-player__button:hover{transform:scale(1.08);box-shadow:0 4px 12px #a57ef073}.audio-player__button:active{transform:scale(.96)}.audio-player__track{width:120px;height:4px;border-radius:999px;background:var(--color-lavender-100);overflow:hidden}.audio-player__progress{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-cta));transition:width .1s linear}.audio-player__label{font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--color-primary);letter-spacing:.05em;min-width:60px}.photo-grid-section{margin-top:var(--space-lg)}.photo-grid-section h2{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-heading);margin-bottom:var(--space-lg)}.photo-grid-section h2 span{color:var(--color-primary)}.photo-grid-section--loading{min-height:300px}.photo-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);list-style-type:none;padding:0}@media(min-width:480px)and (max-width:599px){.photo-grid{grid-template-columns:1fr}}@media(min-width:600px){.photo-grid{grid-template-columns:repeat(3,1fr)}}.photo-card{border-radius:var(--radius-md);border:1px solid var(--color-ink-500);overflow:hidden;background-color:var(--color-lavender-100);aspect-ratio:1 / 1;position:relative;box-shadow:0 2px 12px #a57ef01a;transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.photo-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #a57ef033}.photo-card img{width:100%;height:100%;object-fit:cover;display:block}.photo-card figcaption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xs) var(--space-sm);background:linear-gradient(transparent,#1a1423a6);color:var(--color-white);font-size:.7rem;opacity:0;transition:opacity .2s ease}.photo-card:hover figcaption,.photo-card:focus-within figcaption{opacity:1}.photo-card a{color:var(--color-white);text-decoration:underline}.photo-skeleton{border-radius:var(--radius-md);aspect-ratio:1 / 1;min-height:200px;background:linear-gradient(90deg,var(--color-lavender-100) 25%,var(--color-lavender-50) 50%,var(--color-lavender-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pexels-attribution{margin-top:var(--space-md);text-align:right;font-size:.75rem;color:var(--color-ink-500)}.pexels-attribution a{color:var(--color-primary);text-decoration:none;font-weight:600}.pexels-attribution a:hover{text-decoration:underline}