.french-phrasebook-page{--phrasebook-ink:var(--theme-text-primary,#111827);--phrasebook-muted:var(--theme-text-secondary,#475569);--phrasebook-soft:var(--theme-text-tertiary,#64748b);--phrasebook-line:var(--theme-border,#e2e8f0);--phrasebook-surface:var(--theme-card-bg,#fff);--phrasebook-surface-soft:var(--theme-bg-secondary,#f8fafc);--phrasebook-accent:var(--theme-accent,#1677ff);width:min(1180px,100% - 32px);color:var(--phrasebook-ink);margin:0 auto;padding:42px 0 96px}.french-phrasebook-hero{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:22px;display:grid}.french-phrasebook-hero-copy,.french-phrasebook-hero-card,.french-phrasebook-method,.french-phrasebook-toolbar,.french-phrasebook-category,.french-phrasebook-empty{border:1px solid color-mix(in srgb, var(--phrasebook-line) 82%, transparent);background:color-mix(in srgb, var(--phrasebook-surface) 94%, transparent);box-shadow:0 18px 50px #0f172a14,inset 0 1px #fffc}.french-phrasebook-hero-copy{background:radial-gradient(circle at 92% 16%, color-mix(in srgb, var(--phrasebook-accent) 14%, transparent), transparent 28%), color-mix(in srgb, var(--phrasebook-surface) 94%, transparent);border-radius:30px;min-height:300px;padding:34px 38px}.french-phrasebook-kicker{border:1px solid color-mix(in srgb, var(--phrasebook-accent) 22%, var(--phrasebook-line));background:color-mix(in srgb, var(--phrasebook-accent) 8%, var(--phrasebook-surface));width:fit-content;min-height:31px;color:var(--phrasebook-accent);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:760;display:inline-flex}.french-phrasebook-hero h1{max-width:760px;color:var(--phrasebook-ink);letter-spacing:-.055em;text-wrap:balance;margin:19px 0 12px;font-size:clamp(32px,5vw,58px);font-weight:850;line-height:1.02}.french-phrasebook-hero-copy>p{max-width:720px;color:var(--phrasebook-muted);margin:0;font-size:16px;line-height:1.72}.french-phrasebook-hero-actions{flex-wrap:wrap;align-items:center;gap:11px;margin-top:26px;display:flex}.french-phrasebook-primary-action,.french-phrasebook-secondary-action,.french-phrasebook-review-action,.french-phrasebook-category-link{align-items:center;gap:8px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.french-phrasebook-primary-action{border:1px solid var(--phrasebook-accent);background:var(--phrasebook-accent);min-height:44px;box-shadow:0 8px 20px color-mix(in srgb, var(--phrasebook-accent) 26%, transparent);border-radius:13px;padding:0 17px;font-size:14px;font-weight:760;color:#fff!important}.french-phrasebook-primary-action:hover,.french-phrasebook-secondary-action:hover,.french-phrasebook-review-action:hover,.french-phrasebook-category-link:hover{transform:translateY(-1px)}.french-phrasebook-secondary-action{border:1px solid var(--phrasebook-line);background:var(--phrasebook-surface-soft);border-radius:13px;min-height:44px;padding:0 15px;font-size:14px;font-weight:700;color:var(--phrasebook-muted)!important}.french-phrasebook-review-action{border:1px solid color-mix(in srgb, var(--phrasebook-accent) 25%, var(--phrasebook-line));background:color-mix(in srgb, var(--phrasebook-accent) 7%, var(--phrasebook-surface));border-radius:13px;min-height:44px;padding:0 14px;font-size:14px;font-weight:760;color:var(--phrasebook-accent)!important}.french-phrasebook-hero-card{background:linear-gradient(145deg, color-mix(in srgb, var(--phrasebook-accent) 15%, var(--phrasebook-surface)), var(--phrasebook-surface)), var(--phrasebook-surface);border-radius:30px;flex-direction:column;justify-content:center;min-height:300px;padding:28px;display:flex;position:relative;overflow:hidden}.french-phrasebook-hero-card:after{border:1px solid color-mix(in srgb, var(--phrasebook-accent) 25%, transparent);width:190px;height:190px;box-shadow:0 0 0 22px color-mix(in srgb, var(--phrasebook-accent) 7%, transparent), 0 0 0 44px color-mix(in srgb, var(--phrasebook-accent) 5%, transparent);content:"";pointer-events:none;border-radius:50%;position:absolute;bottom:-64px;right:-52px}.french-phrasebook-hero-card-topline{color:var(--phrasebook-muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:760;display:flex}.french-phrasebook-hero-card-topline svg{color:var(--phrasebook-accent)}.french-phrasebook-hero-card>strong{z-index:1;color:var(--phrasebook-ink);letter-spacing:-.06em;margin-top:22px;font-size:58px;font-weight:850;line-height:.95;position:relative}.french-phrasebook-hero-card>span{z-index:1;color:var(--phrasebook-soft);margin-top:8px;font-size:13px;position:relative}.french-phrasebook-mini-stats{z-index:1;border-top:1px solid color-mix(in srgb, var(--phrasebook-line) 76%, transparent);gap:22px;margin-top:29px;padding-top:16px;display:flex;position:relative}.french-phrasebook-mini-stats span{color:var(--phrasebook-soft);flex-direction:column;gap:4px;font-size:12px;display:flex}.french-phrasebook-mini-stats b{color:var(--phrasebook-ink);font-size:20px;font-weight:800}.french-phrasebook-method{border-radius:22px;grid-template-columns:minmax(170px,.85fr) repeat(3,1fr);gap:0;margin-top:18px;display:grid;overflow:hidden}.french-phrasebook-method-label,.french-phrasebook-method-step{min-height:112px;padding:20px 22px}.french-phrasebook-method-label{background:color-mix(in srgb, var(--phrasebook-accent) 7%, var(--phrasebook-surface));flex-direction:column;justify-content:center;gap:6px;display:flex}.french-phrasebook-method-label span{color:var(--phrasebook-accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.french-phrasebook-method-label strong{color:var(--phrasebook-ink);font-size:16px;line-height:1.3}.french-phrasebook-method-step{border-left:1px solid color-mix(in srgb, var(--phrasebook-line) 78%, transparent);background:var(--phrasebook-surface)}.french-phrasebook-method-step>span{color:var(--phrasebook-accent);letter-spacing:.08em;font-size:11px;font-weight:850;display:block}.french-phrasebook-method-step p{color:var(--phrasebook-muted);margin:13px 0 0;font-size:13px;line-height:1.5}.french-phrasebook-method-step p b{color:var(--phrasebook-ink);margin-bottom:3px;font-size:14px;display:block}.french-phrasebook-toolbar{border-radius:22px;margin-top:30px;padding:17px}.french-phrasebook-search-wrap{border:1px solid var(--phrasebook-line);background:var(--phrasebook-surface-soft);min-height:48px;color:var(--phrasebook-soft);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.french-phrasebook-search-wrap:focus-within{border-color:color-mix(in srgb, var(--phrasebook-accent) 55%, var(--phrasebook-line));box-shadow:0 0 0 3px color-mix(in srgb, var(--phrasebook-accent) 12%, transparent)}.french-phrasebook-search-wrap input{min-width:0;color:var(--phrasebook-ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.french-phrasebook-search-wrap input::placeholder{color:var(--phrasebook-soft)}.french-phrasebook-clear-search,.french-phrasebook-icon-button,.french-phrasebook-favorite-filter,.french-phrasebook-filter-group button,.french-phrasebook-segmented button,.french-phrasebook-small-segmented button,.french-phrasebook-results-bar button,.french-phrasebook-empty button{cursor:pointer;font:inherit;border:0}.french-phrasebook-clear-search{width:26px;height:26px;color:var(--phrasebook-soft);background:0 0;border-radius:8px;place-items:center;display:grid}.french-phrasebook-clear-search:hover{background:color-mix(in srgb, var(--phrasebook-line) 65%, transparent);color:var(--phrasebook-ink)}.french-phrasebook-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.french-phrasebook-filter-row--secondary{border-top:1px solid color-mix(in srgb, var(--phrasebook-line) 70%, transparent);justify-content:flex-start;align-items:flex-start;padding-top:13px}.french-phrasebook-segmented,.french-phrasebook-small-segmented{background:color-mix(in srgb, var(--phrasebook-surface-soft) 90%, var(--phrasebook-line));border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.french-phrasebook-segmented button,.french-phrasebook-small-segmented button{min-height:32px;color:var(--phrasebook-soft);white-space:nowrap;background:0 0;border-radius:9px;padding:0 12px;font-size:12px;font-weight:720;transition:background .18s,color .18s,box-shadow .18s}.french-phrasebook-small-segmented button{min-height:29px;padding:0 9px;font-size:11px}.french-phrasebook-segmented button:hover,.french-phrasebook-small-segmented button:hover{color:var(--phrasebook-ink)}.french-phrasebook-segmented button.is-active,.french-phrasebook-small-segmented button.is-active{background:var(--phrasebook-surface);color:var(--phrasebook-ink);box-shadow:0 1px 4px #0f172a1a}.french-phrasebook-favorite-filter{border:1px solid var(--phrasebook-line);background:var(--phrasebook-surface);min-height:40px;color:var(--phrasebook-muted);border-radius:11px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:760;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.french-phrasebook-favorite-filter:hover,.french-phrasebook-favorite-filter.is-active{border-color:color-mix(in srgb, var(--phrasebook-accent) 38%, var(--phrasebook-line));background:color-mix(in srgb, var(--phrasebook-accent) 8%, var(--phrasebook-surface));color:var(--phrasebook-accent)}.french-phrasebook-filter-group{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.french-phrasebook-filter-group>span{color:var(--phrasebook-soft);font-size:11px;font-weight:760}.french-phrasebook-results-bar{justify-content:space-between;align-items:center;gap:16px;margin:22px 2px 13px;display:flex}.french-phrasebook-results-bar p{color:var(--phrasebook-soft);margin:0;font-size:13px}.french-phrasebook-results-bar strong{color:var(--phrasebook-ink);font-size:16px}.french-phrasebook-results-bar button{color:var(--phrasebook-accent);background:0 0;padding:0;font-size:12px;font-weight:760}.french-phrasebook-category-list{gap:18px;display:grid}.french-phrasebook-category{border-radius:22px;overflow:hidden}.french-phrasebook-category-header{border-bottom:1px solid color-mix(in srgb, var(--phrasebook-line) 76%, transparent);background:color-mix(in srgb, var(--phrasebook-accent) 5%, var(--phrasebook-surface));align-items:center;gap:14px;min-height:112px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.french-phrasebook-category-icon{z-index:1;border:1px solid color-mix(in srgb, var(--phrasebook-accent) 22%, var(--phrasebook-line));background:var(--phrasebook-surface);width:42px;height:42px;color:var(--phrasebook-accent);border-radius:13px;flex:none;place-items:center;display:grid;position:relative}.french-phrasebook-category-title{z-index:1;flex:1;min-width:0;position:relative}.french-phrasebook-category-meta{color:var(--phrasebook-accent);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:5px;font-size:10px;font-weight:820;display:flex}.french-phrasebook-category-meta span+span:before{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 7px 2px 0;display:inline-block}.french-phrasebook-category h2{color:var(--phrasebook-ink);letter-spacing:-.025em;margin:0;font-size:19px;font-weight:820}.french-phrasebook-category-title p{max-width:700px;color:var(--phrasebook-muted);margin:5px 0 0;font-size:12px;line-height:1.5}.french-phrasebook-category-link{z-index:1;border:1px solid color-mix(in srgb, var(--phrasebook-accent) 24%, var(--phrasebook-line));background:color-mix(in srgb, var(--phrasebook-surface) 80%, transparent);white-space:nowrap;border-radius:10px;flex:none;min-height:35px;padding:0 10px 0 13px;font-size:12px;font-weight:760;position:relative;color:var(--phrasebook-accent)!important}.french-phrasebook-category-watermark{color:color-mix(in srgb, var(--phrasebook-accent) 10%, transparent);pointer-events:none;position:absolute;bottom:-24px;right:105px}.french-phrasebook-phrases{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.french-phrasebook-phrase{border-bottom:1px solid color-mix(in srgb, var(--phrasebook-line) 70%, transparent);background:var(--phrasebook-surface);justify-content:space-between;align-items:flex-start;gap:15px;min-width:0;min-height:134px;padding:19px 21px;display:flex}.french-phrasebook-phrase:nth-child(odd){border-right:1px solid color-mix(in srgb, var(--phrasebook-line) 70%, transparent)}.french-phrasebook-phrase:nth-last-child(-n+2){border-bottom:0}.french-phrasebook-phrase-copy{flex:1;min-width:0}.french-phrasebook-french{color:var(--phrasebook-ink);margin:0;font-size:15px;font-weight:760;line-height:1.48}.french-phrasebook-translation{color:var(--phrasebook-muted);margin:7px 0 0;font-size:13px;line-height:1.45}.french-phrasebook-note{color:var(--phrasebook-soft);margin:7px 0 0;font-size:11px;line-height:1.45}.french-phrasebook-phrase-actions{flex:none;align-items:center;gap:5px;display:flex}.french-phrasebook-register{background:var(--phrasebook-surface-soft);min-height:22px;color:var(--phrasebook-soft);white-space:nowrap;border-radius:6px;align-items:center;padding:0 7px;font-size:10px;font-weight:780;display:inline-flex}.french-phrasebook-register.is-formal{background:color-mix(in srgb, #2563eb 10%, var(--phrasebook-surface));color:#2563eb}.french-phrasebook-register.is-spoken{background:color-mix(in srgb, #d97706 12%, var(--phrasebook-surface));color:#b45309}.french-phrasebook-icon-button{width:29px;height:29px;color:var(--phrasebook-soft);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid}.french-phrasebook-icon-button:hover,.french-phrasebook-icon-button.is-playing,.french-phrasebook-icon-button.is-favorite,.french-phrasebook-icon-button.is-copied{border-color:color-mix(in srgb, var(--phrasebook-accent) 22%, var(--phrasebook-line));background:color-mix(in srgb, var(--phrasebook-accent) 8%, var(--phrasebook-surface));color:var(--phrasebook-accent)}.french-phrasebook-icon-button:active{transform:scale(.94)}.french-phrasebook-empty{min-height:270px;color:var(--phrasebook-soft);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.french-phrasebook-empty h2{color:var(--phrasebook-ink);margin:14px 0 5px;font-size:19px}.french-phrasebook-empty p{margin:0;font-size:13px}.french-phrasebook-empty button{border:1px solid color-mix(in srgb, var(--phrasebook-accent) 30%, var(--phrasebook-line));background:color-mix(in srgb, var(--phrasebook-accent) 7%, var(--phrasebook-surface));color:var(--phrasebook-accent);border-radius:10px;margin-top:18px;padding:9px 13px;font-size:12px;font-weight:760}@media (max-width:900px){.french-phrasebook-hero{grid-template-columns:minmax(0,1fr)}.french-phrasebook-hero-card{min-height:190px}.french-phrasebook-method{grid-template-columns:repeat(3,minmax(0,1fr))}.french-phrasebook-method-label{grid-column:1/-1;min-height:auto;padding-bottom:14px}.french-phrasebook-method-step:first-of-type{border-left:0}}@media (max-width:680px){.french-phrasebook-page{width:min(100% - 20px,1180px);padding-top:22px;padding-bottom:60px}.french-phrasebook-hero-copy{border-radius:23px;min-height:0;padding:25px 21px}.french-phrasebook-hero h1{margin-top:17px;font-size:clamp(31px,10vw,47px)}.french-phrasebook-hero-copy>p{font-size:14px;line-height:1.65}.french-phrasebook-hero-actions{flex-direction:column;align-items:stretch}.french-phrasebook-primary-action,.french-phrasebook-secondary-action,.french-phrasebook-review-action{justify-content:center;width:100%}.french-phrasebook-hero-card{border-radius:23px;min-height:180px;padding:22px}.french-phrasebook-hero-card>strong{margin-top:16px;font-size:48px}.french-phrasebook-mini-stats{margin-top:18px}.french-phrasebook-method{border-radius:18px;grid-template-columns:1fr}.french-phrasebook-method-label{grid-column:auto}.french-phrasebook-method-step{border-top:1px solid color-mix(in srgb, var(--phrasebook-line) 78%, transparent);border-left:0;grid-template-columns:34px 1fr;gap:9px;min-height:0;padding:14px 18px;display:grid}.french-phrasebook-method-step p{margin:0}.french-phrasebook-toolbar{border-radius:18px;margin-top:19px;padding:12px}.french-phrasebook-filter-row{flex-direction:column;align-items:stretch}.french-phrasebook-segmented{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.french-phrasebook-segmented::-webkit-scrollbar{display:none}.french-phrasebook-segmented button{flex:1 0 auto}.french-phrasebook-favorite-filter{justify-content:center}.french-phrasebook-filter-row--secondary{align-items:stretch}.french-phrasebook-filter-group{flex-direction:column;align-items:flex-start}.french-phrasebook-small-segmented{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.french-phrasebook-small-segmented::-webkit-scrollbar{display:none}.french-phrasebook-small-segmented button{flex:none}.french-phrasebook-results-bar{margin-top:18px}.french-phrasebook-category-header{flex-wrap:wrap;align-items:flex-start;padding:18px}.french-phrasebook-category-title{flex-basis:calc(100% - 57px)}.french-phrasebook-category-title p{font-size:11px}.french-phrasebook-category-link{margin-left:56px}.french-phrasebook-category-watermark{right:-9px}.french-phrasebook-phrases{grid-template-columns:minmax(0,1fr)}.french-phrasebook-phrase,.french-phrasebook-phrase:nth-child(odd),.french-phrasebook-phrase:nth-last-child(-n+2){border-right:0;border-bottom:1px solid color-mix(in srgb, var(--phrasebook-line) 70%, transparent);min-height:0;padding:16px}.french-phrasebook-phrase:last-child{border-bottom:0}.french-phrasebook-phrase-actions{flex-wrap:wrap;justify-content:flex-end;max-width:102px}.french-phrasebook-register{order:-1}}