.trends-page{background:radial-gradient(circle at 86% 5%,rgba(219,233,181,.55),transparent 23rem),var(--paper)}
.trend-topbar{justify-content:space-between}.trend-language-label{margin-inline-start:auto;color:var(--muted);font-size:13px;font-weight:800}.trend-language{min-height:44px;max-width:210px;padding:7px 34px 7px 12px;border:1px solid #cbd7cb;border-radius:11px;background:#fff;color:var(--forest-dark);font:800 14px/1.2 inherit}
.trend-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 70px}.trend-back a{min-height:44px;display:inline-flex;align-items:center;gap:7px;color:#526c61;font-size:14px;font-weight:850}.trend-back a:hover{color:var(--forest)}
.trend-hero{margin-top:10px;padding:clamp(24px,3.5vw,42px);border:1px solid rgba(23,77,57,.12);border-radius:30px;background:linear-gradient(135deg,#fffdf8,#eef4dd);box-shadow:var(--shadow)}.trend-hero h1{max-width:780px;margin:0;color:var(--forest-dark);font-size:clamp(32px,4vw,48px);line-height:1.22;letter-spacing:-.04em}.trend-hero>p:not(.section-label){max-width:780px;margin:13px 0 0;color:#496258;font-size:17px}.trend-updated{font-size:13px!important;font-weight:800}
.trend-status-box{margin:24px 0;padding:18px;border:1px dashed #b9c7b8;border-radius:18px;background:#fff}.trend-status-box[hidden]{display:none}.trend-status{margin:0;color:#53685f}.trend-status-box .trend-secondary-button{margin-top:12px}
#trendDashboard{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}#trendDashboard[hidden]{display:none}
.trend-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:16px}.trend-section-heading h2,.trend-controls h2{margin:0;color:var(--forest-dark);font-size:clamp(24px,3vw,32px);line-height:1.35}.trend-section-heading>p{max-width:560px;margin:0;color:var(--muted);font-size:14px;text-align:end}.section-label{margin:0 0 7px;color:#638451;font-size:12px;font-weight:900;letter-spacing:.14em}
.trend-panel,.trend-controls{min-width:0;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 10px 30px rgba(22,67,47,.06)}
.trend-controls{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(360px,1.8fr);gap:18px 24px;align-items:center;background:linear-gradient(145deg,#fffdf8,#f1f6e9)}.period-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.period-presets button,.trend-primary-button,.trend-secondary-button,.custom-period summary{min-height:44px;border-radius:12px;font:850 14px/1.2 inherit;cursor:pointer}.period-presets button{padding:8px 10px;border:1px solid #cbd8ca;background:#fff;color:#496258}.period-presets button.active{border-color:var(--forest);background:var(--forest);color:#fff}.period-presets button:focus-visible,.trend-primary-button:focus-visible,.trend-secondary-button:focus-visible,.custom-period summary:focus-visible,.language-card button:focus-visible,.all-apps>summary:focus-visible,.ranking-bar-item>summary:focus-visible{outline:3px solid #f1cc64;outline-offset:2px}
.custom-period{grid-column:1/-1;border-top:1px solid #dce5da}.custom-period summary{width:max-content;display:flex;align-items:center;padding:8px 2px;color:#3b6c58;font-weight:850}.custom-period-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:12px 0}.custom-period-fields label,.ranking-filters label{display:grid;gap:6px;color:#60736a;font-size:12px;font-weight:850}.custom-period-fields input,.ranking-filters select{min-height:44px;padding:8px 10px;border:1px solid #cbd8ca;border-radius:11px;background:#fff;color:var(--forest-dark);font:750 14px/1.2 inherit}.analysis-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.analysis-actions>div{display:flex;gap:8px}.compare-toggle{min-height:44px;display:flex;align-items:center;gap:9px;color:#405f52;font-size:14px;font-weight:800}.compare-toggle input{width:20px;height:20px;accent-color:var(--forest)}
.trend-primary-button,.trend-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;text-decoration:none}.trend-primary-button{border:1px solid var(--forest);background:var(--forest);color:#fff}.trend-secondary-button{border:1px solid #bfd0c1;background:#fff;color:#305e4c}.trend-primary-button:hover,.trend-secondary-button:hover{filter:brightness(.97)}
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.insight-card{min-width:0;padding:18px;border:1px solid #dbe5d8;border-radius:17px;background:#f5f8f1}.insight-card.driver{background:#eaf3f2}.insight-card.check{background:#fff3dc}.insight-card h3{margin:0;color:#315d4b;font-size:14px}.insight-card p{margin:8px 0 0;color:#3f5c51;font-size:15px;line-height:1.65}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{min-width:0;padding:18px;border-radius:17px;background:#f1f5ec}.metric-card:nth-child(2){background:#eaf3f2}.metric-card:nth-child(3){background:#f5efe7}.metric-card:nth-child(4){background:#eef0f8}.metric-card small{display:block;color:#64786e;font-size:13px;font-weight:850}.metric-card strong{display:block;margin-top:7px;color:var(--forest-dark);font-size:clamp(27px,3vw,38px);line-height:1.1}.delta{display:inline-flex!important;width:max-content;max-width:100%;margin:7px 0 0!important;color:#60736a!important;font-size:12px!important;font-weight:850;overflow-wrap:anywhere}.delta.up{color:#23705a!important}.delta.down{color:#9c5e46!important}.coverage-note{margin:12px 0 0;padding:10px 13px;border-radius:12px;background:#edf4ea;color:#496258;font-size:13px;font-weight:750;line-height:1.55}.coverage-note.provisional{background:#fff4dd;color:#76562e}
.funnel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.funnel-step{position:relative;min-width:0;padding:18px;border:1px solid #dce5da;border-radius:17px;background:#fbfcf8}.funnel-step:not(:last-child)::after{content:"→";position:absolute;inset-inline-end:-13px;top:50%;z-index:1;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--forest);color:#fff;font-weight:900;transform:translateY(-50%)}.funnel-number{width:25px;height:25px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;background:#e4eddd;color:#315d4b;font-size:12px;font-weight:900}.funnel-step small{display:block;color:#60736a;font-size:12px;font-weight:850}.funnel-step strong{display:block;margin-top:5px;color:var(--forest-dark);font-size:30px}.funnel-step p{margin:7px 0 0;color:#60736a;font-size:12px;line-height:1.5}
.ranking-filters{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;margin-bottom:14px}.ranking-chart{display:grid;gap:10px;padding:14px;border-radius:18px;background:#f7f9f3}.ranking-bar-item{border:1px solid transparent;border-radius:14px;background:#fff}.ranking-bar-item[open]{border-color:#ceddcc}.ranking-bar-item>summary{min-height:64px;display:grid;grid-template-columns:30px minmax(0,1fr) minmax(120px,.8fr);gap:10px;align-items:center;padding:10px 12px;cursor:pointer;list-style:none}.ranking-bar-item>summary::-webkit-details-marker{display:none}.ranking-copy{min-width:0;display:grid;gap:3px}.ranking-copy strong{overflow:hidden;color:var(--forest-dark);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ranking-copy small{color:#5e7369;font-size:12px;font-weight:800}.ranking-order,.rank-number{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e2eadb;color:var(--forest-dark);font-size:12px;font-weight:900}.app-drilldown{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:5px 14px 14px}.app-daily{flex:1}.app-daily h4{margin:0 0 8px;color:#476356;font-size:13px}.app-daily>div{display:grid;grid-template-columns:70px minmax(100px,1fr) 34px;gap:8px;align-items:center;margin-top:5px}.app-daily time,.app-daily strong{color:#60736a;font-size:12px}.all-apps{margin-top:14px}.all-apps>summary{min-height:44px;width:max-content;display:flex;align-items:center;padding:8px 14px;border:1px solid #bfd0c1;border-radius:12px;color:#315d4b;font-weight:850;cursor:pointer}
progress{width:100%;height:11px;border:0;border-radius:99px;overflow:hidden;background:#e2e9df;vertical-align:middle}progress::-webkit-progress-bar{border-radius:99px;background:#e2e9df}progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#6e9c5d,#367e7f)}progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#6e9c5d,#367e7f)}
.daily-analysis{border:1px solid #dce5da;border-radius:18px;overflow:hidden}.daily-header,.daily-row{display:grid;grid-template-columns:minmax(110px,1.2fr) .75fr .7fr minmax(150px,1.5fr) .85fr;gap:12px;align-items:center}.daily-header{padding:11px 14px;background:#edf3e9;color:#60736a;font-size:12px;font-weight:900}.daily-rows{max-height:520px;overflow:auto}.daily-row{min-height:52px;padding:9px 14px;border-top:1px solid #e3e9e1;color:#405d51;font-size:14px}.daily-row.partial{background:#fff7e5}.daily-row time{font-weight:850}.daily-row time small{display:inline-block;margin-inline-start:5px;padding:2px 6px;border-radius:99px;background:#f1d999;color:#6d562b;font-size:10px}.daily-row>span:nth-child(4){display:grid;grid-template-columns:minmax(70px,1fr) 32px;gap:8px;align-items:center}.daily-row>span:nth-child(4) strong{font-size:12px}
.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.language-card{min-width:0;padding:16px;border:1px solid #dce5da;border-radius:16px;background:#fbfcf8}.language-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.language-card header strong{color:var(--forest-dark)}.language-card button{min-height:36px;padding:5px 8px;border:1px solid #bfd0c1;border-radius:9px;background:#fff;color:#315d4b;font:800 11px/1.2 inherit;cursor:pointer}.language-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 0}.language-card dl>div{min-width:0}.language-card dt{color:#708078;font-size:11px}.language-card dd{margin:3px 0 0;color:#405d51;font-size:14px;font-weight:850;overflow-wrap:anywhere}
.trend-two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.share-list{display:grid;gap:13px}.share-item header{display:flex;justify-content:space-between;gap:16px;color:#496258;font-size:14px}.share-item header strong{color:var(--forest-dark)}.share-item progress{margin-top:7px}
.table-scroll{max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:670px}th,td{padding:12px 10px;border-bottom:1px solid #e0e6de;text-align:end;font-size:14px}th{color:#63766d;font-size:12px;letter-spacing:.04em}th:first-child,td:first-child,#rankingHead th:nth-child(2),#rankingBody td:nth-child(2){text-align:start}.app-name{display:block;color:var(--forest-dark);font-weight:850}.app-category{display:block;color:#74847c;font-size:12px}.empty-state{grid-column:1/-1;padding:20px;border-radius:16px;background:#f4f6ef;color:#60736a;text-align:center}
.trend-method{padding:22px 25px;border-radius:22px;background:#123d2f;color:#d7e4de}.trend-method h2{margin:0;color:#fff;font-size:20px}.trend-method p{margin:9px 0 0;font-size:14px;line-height:1.75}
@media(max-width:900px){.trend-controls{grid-template-columns:1fr}.period-presets{grid-template-columns:repeat(4,1fr)}.custom-period,.analysis-actions{grid-column:1}.insight-grid{grid-template-columns:1fr 1fr}.metric-grid,.funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-step:nth-child(2)::after{display:none}.trend-two-column{grid-template-columns:1fr}.trend-section-heading{display:block}.trend-section-heading>p{margin-top:8px;text-align:start}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.trend-topbar .brand span,.trend-language-label{display:none}.trend-shell{width:min(100% - 20px,580px);padding-top:12px}.trend-hero{padding:22px;border-radius:22px}.trend-panel,.trend-controls{padding:18px;border-radius:20px}.trend-hero>p:not(.section-label){font-size:15px}.period-presets{grid-template-columns:1fr 1fr}.custom-period-fields{grid-template-columns:1fr}.analysis-actions{display:grid}.analysis-actions>div{display:grid;grid-template-columns:1fr 1fr}.analysis-actions .trend-secondary-button{width:100%}.insight-grid,.funnel-grid,.language-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px}.metric-card strong{font-size:27px}.funnel-step::after{display:none!important}.ranking-filters{grid-template-columns:1fr}.ranking-bar-item>summary{grid-template-columns:30px minmax(0,1fr)}.ranking-bar-item>summary progress{grid-column:2}.ranking-copy strong{white-space:normal}.app-drilldown{display:grid}.app-drilldown .trend-primary-button{width:100%}.daily-header{display:none}.daily-rows{max-height:560px}.daily-row{grid-template-columns:1fr 1fr;gap:9px 14px;padding:13px}.daily-row time{grid-column:1/-1}.daily-row>span{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.daily-row>span::before{content:attr(data-label);color:#708078;font-size:11px;font-weight:750}.daily-row>span:nth-child(4){grid-column:1/-1;display:grid!important;grid-template-columns:auto minmax(80px,1fr) 32px}.daily-row>span:nth-child(4)::before{grid-column:1}.all-apps .table-scroll{overflow:visible}.all-apps table,.all-apps tbody,.all-apps tr,.all-apps td{display:block;min-width:0}.all-apps thead{display:none}.all-apps tr{margin-top:10px;padding:12px;border:1px solid #dce5da;border-radius:14px;background:#fff}.all-apps td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:6px 0;border:0;text-align:start!important}.all-apps td::before{content:attr(data-label);color:#708078;font-size:11px;font-weight:850}.all-apps td:nth-child(2){display:block}.all-apps td:nth-child(2)::before{display:none}.language-card button{min-height:44px}.trend-section-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
html[dir="rtl"] .trend-language{padding:7px 12px 7px 34px}html[dir="rtl"] .trend-back a span[aria-hidden="true"]{transform:scaleX(-1)}html[dir="rtl"] .funnel-step:not(:last-child)::after{content:"←"}html[dir="rtl"] .daily-analysis,html[dir="rtl"] .ranking-chart,html[dir="rtl"] .table-scroll{direction:rtl}html[dir="rtl"] progress{direction:ltr;unicode-bidi:isolate}html[dir="rtl"] th:first-child,html[dir="rtl"] td:first-child,html[dir="rtl"] #rankingHead th:nth-child(2),html[dir="rtl"] #rankingBody td:nth-child(2){text-align:right}