.share-modal {background:var(--card);color:var(--ink);border-radius:8px;padding:24px;width:min(860px,100%);max-height:92dvh;overflow:auto;box-shadow:0 24px 90px #0003;}
.share-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
.share-head h2 {margin:0;font-size:30px;line-height:1.15;}
.share-head>button {display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;padding:8px;background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer;}
.share-head>button img {width:18px;height:18px;}
.share-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;}
.share-preview {position:relative;display:flex;justify-content:center;align-items:center;aspect-ratio:var(--share-ratio,9 / 16);min-height:180px;max-height:62dvh;background:#eef2ef;padding:12px;border-radius:6px;}
.share-preview>img {position:absolute;inset:12px;display:block;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;}
.share-settings {display:flex;flex-direction:column;gap:18px;min-width:0;}
.share-settings>label {display:flex;flex-direction:column;gap:8px;font-size:14px;}
.share-settings input:not([type=checkbox]),.share-settings select {width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:12px;font:inherit;background:var(--card);color:var(--ink);}
.share-settings p,.share-modal>p {font-size:13px;line-height:1.65;margin:0;}
.share-modal>p {margin-bottom:16px;}
.share-themes {border:0;padding:0;margin:0;display:flex;gap:12px;}
.share-themes legend {font-size:14px;margin-bottom:10px;}
.share-swatch {width:36px;height:36px;border-radius:50%;border:1px solid #9baba1;cursor:pointer;flex-shrink:0;}
.share-swatch[aria-pressed=true] {outline:2px solid var(--green);outline-offset:3px;}
.share-check,.share-settings>label.share-check {display:flex;flex-direction:row;align-items:center;gap:9px;font-size:14px;line-height:1.5;}
.share-check input {width:18px;height:18px;flex-shrink:0;accent-color:var(--green);}
.share-actions {display:flex;gap:10px;flex-wrap:wrap;}
.share-actions button,.share-trigger {display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.share-actions img,.share-trigger img {width:17px;height:17px;flex-shrink:0;}
.share-actions .search-btn img {filter:brightness(0) invert(1);}
.share-actions button:disabled {opacity:.45;cursor:not-allowed;}
.share-notice {border-left:2px solid #4786b7;padding-left:12px;}
.privacy-link {font-size:12px;margin:16px 0;}
.auth-controls {display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;max-width:100%;}
.auth-controls .usage-link {display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 16px;border-radius:6px;border-color:var(--green-line);color:var(--green);text-decoration:none;}
.auth-controls .usage-link:hover {background:var(--green-soft);border-color:var(--green);}
.landing-auth-corner {max-width:calc(100vw - 48px);}
@media(max-width:600px) {.landing-auth-corner + .landing {padding-top:84px;}}
.usage-totals {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:28px 0;border-top:1px solid var(--line);gap:0 24px;}
.usage-totals>div {padding:22px 0;border-bottom:1px solid var(--line);}
.usage-totals dt {font-size:13px;color:var(--ink-muted);}
.usage-totals dd {margin:8px 0 0;font-size:32px;font-weight:600;}
.usage-totals small {display:block;margin-top:8px;font-size:12px;color:var(--ink-faint);line-height:1.5;}
.usage-primary {grid-template-columns:repeat(4,minmax(0,1fr));}
.usage-section {padding:24px 0;border-top:1px solid var(--line);}
.usage-section h2 {font-size:28px;margin:0 0 20px;}
.usage-section h3 {font-size:15px;margin:24px 0 14px;}
.usage-section-head {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px;}
.usage-section-head h2 {margin:0;}
.usage-chart {position:relative;height:270px;width:100%;}
.usage-view .q-controls button[aria-label="Refresh analytics"] {flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;padding:8px;}
.usage-columns {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
.usage-bars {list-style:none;padding:0;margin:0;}
.usage-bars li {display:grid;grid-template-columns:minmax(100px,1fr) minmax(40px,1fr) 45px;gap:12px;align-items:center;margin:16px 0;font-size:13px;}
.usage-bars li>span {overflow-wrap:anywhere;}
.usage-bars li>div {height:8px;background:#edf1ee;}
.usage-bars i {display:block;height:100%;background:#4786b7;}
.usage-bars strong {text-align:right;}
.usage-totals dd.usage-state {font-size:24px;}
.schedule-sync-status {font-size:13px;color:var(--ink-soft);margin:0 0 20px;line-height:1.6;}
.schedule-sync-status .sched-btn {margin:0 8px 8px 0;}
.sync-warning {position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:90;max-width:calc(100vw - 24px);padding:10px 16px;background:#f4f8fb;border:1px solid #a6c3d5;border-radius:6px;font-size:13px;box-shadow:0 2px 8px #0001;}
@media(max-width:700px) {.usage-primary {grid-template-columns:repeat(2,minmax(0,1fr));}.usage-columns {grid-template-columns:minmax(0,1fr);gap:0;}.usage-view .q-controls {flex-wrap:wrap;}.usage-view .usage-totals {gap:0 16px;}}
@media(max-width:600px) {.share-modal {padding:18px;}.share-layout {grid-template-columns:minmax(0,1fr);gap:18px;}.share-preview {max-height:40dvh;}.share-head h2 {font-size:26px;}.share-actions {flex-direction:column;}.share-actions button {width:100%;}.share-trigger {font-size:13px;}}