/* Category symbols inherit the same rating hue and movement as the shape. */
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node{color:var(--node);transition:color .8s ease;touch-action:manipulation}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node .premium-node-position{pointer-events:none}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-node-energy{transform-origin:16px 16px}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-node-energy>svg{width:32px!important;height:32px!important;overflow:visible;pointer-events:none}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-node-bloom{color:inherit;filter:blur(3px)!important;opacity:calc(.22 + var(--strength)*.20);position:relative}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-node-depth{color:color-mix(in srgb,var(--node) 24%,#01030a);transform:translateY(1.7px);filter:drop-shadow(0 2px 1px #000)!important}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-node-glyph{color:inherit;filter:drop-shadow(0 0 1.2px currentColor) drop-shadow(0 0 4px currentColor)!important}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node.is-rated .premium-node-glyph{animation:frequency-icon-breathe 3.6s ease-in-out infinite}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node.is-unrated .premium-node-glyph{animation:frequency-icon-breathe 4.8s ease-in-out infinite}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node.rising .premium-node-energy{animation:frequency-icon-rise .95s ease-out}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node.falling .premium-node-energy{animation:frequency-icon-fall .95s ease-out}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node:hover .premium-node-glyph,
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node:focus-visible .premium-node-glyph{filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 7px currentColor)!important}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node:focus-visible .premium-node-hit{stroke:var(--node);stroke-width:.7;stroke-dasharray:2 4;outline:none}
@keyframes frequency-icon-breathe{0%,100%{opacity:.84}50%{opacity:1}}
@keyframes frequency-icon-rise{0%{transform:scale(.9);opacity:.65}50%{transform:scale(1.14);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes frequency-icon-fall{0%{transform:scale(1.08);opacity:1}45%{transform:scale(.91);opacity:.62}100%{transform:scale(1);opacity:1}}
/* Give side labels real width; never split a category word into stray letters. */
[data-theme=hit_cinematic] .premium-dynamic-frequency .cine-frequency-label{width:var(--label-width,27%);min-width:0;max-width:none;padding:5px 3px;min-height:30px;font-size:8.5px!important;letter-spacing:.065em!important;line-height:1.3;overflow:visible}
[data-theme=hit_cinematic] .premium-dynamic-frequency .cine-frequency-label>span{display:block!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;hyphens:none;padding:3px 2px 5px}
/* Names use the same independent identity/rating hue as their category icon. */
[data-theme=hit_cinematic] .premium-neon-frequency .cine-frequency-label>span{color:var(--area)!important;text-shadow:0 1px 0 color-mix(in srgb,var(--area) 28%,#080916),0 2px 1px #000,0 0 2px var(--area),0 0 7px color-mix(in srgb,var(--area) 65%,transparent)!important;transition:color .8s,text-shadow .8s}
/* A floating neon metric belongs to the shape, without a separate card. */
.cine-day-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:82px;margin:10px 9px 18px;padding:6px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--progress-colour);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.cine-day-progress>strong{font-size:42px;font-weight:500;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums;color:var(--progress-colour);text-shadow:0 1.5px 0 color-mix(in srgb,var(--progress-colour) 25%,#03050b),0 0 2px currentColor,0 0 8px currentColor,0 0 20px color-mix(in srgb,var(--progress-colour) 55%,transparent);filter:brightness(1.18) saturate(1.12);transition:color .8s,text-shadow .8s}
.cine-day-progress>strong>span{font-size:23px;margin-left:3px;font-weight:400}
.cine-day-progress-label{font-size:8px;font-weight:500;letter-spacing:.21em;color:var(--progress-colour);opacity:.85;line-height:1.6;text-shadow:0 0 6px color-mix(in srgb,var(--progress-colour) 60%,transparent)}
@media(max-width:420px){.cine-reference-header h1{font-size:clamp(20px,6vw,24px)!important}.cine-reference-header>div{min-width:0}.cine-reference-header p{letter-spacing:.20em!important}}
@media(prefers-reduced-motion:reduce){[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node,[data-theme=hit_cinematic] .premium-neon-frequency .premium-icon-node *{animation:none!important;transition:none!important}}
[data-theme=hit_cinematic] .premium-neon-frequency .premium-node-filament{stroke:color-mix(in srgb,currentColor 58%,#fff);filter:none!important;opacity:.92}

/* A live read of the day; the diagram keeps the main visual emphasis. */
.cine-reference-header.cine-day-status{display:block;padding:9px 4px 8px}
.cine-day-status>div{width:100%;min-width:0}
.cine-day-status>div>.cine-day-status-label{display:block;color:var(--day-status-colour);font-size:9px;font-weight:500;letter-spacing:.20em;text-shadow:0 0 10px color-mix(in srgb,var(--day-status-colour) 45%,transparent);transition:color .5s,text-shadow .5s}
.cine-reference-header.cine-day-status h1{font-size:clamp(22px,6.1vw,27px)!important;font-weight:450!important;line-height:1.2!important;letter-spacing:-.6px!important;margin:7px 0 8px!important;color:color-mix(in srgb,var(--day-status-colour) 24%,#f7f3ff);text-shadow:0 0 18px color-mix(in srgb,var(--day-status-colour) 24%,transparent);overflow-wrap:normal;word-break:normal;text-wrap:balance;transition:color .5s,text-shadow .5s}
.cine-reference-header.cine-day-status p{color:#aaa7b7!important;font-size:11px!important;font-weight:400;line-height:1.6;letter-spacing:.015em!important;margin:0;max-width:34em;text-transform:none;text-wrap:pretty}
@media(prefers-reduced-motion:reduce){.cine-day-status *{transition:none!important}}

/* The H.I.T launcher uses the same live category diagram as Home. */
.premium-launch-frequency{width:100%;min-width:0;text-align:center;margin:0 auto}
.premium-launch-hint{font-size:12px;line-height:1.5;color:#aebbd0;margin:0 0 14px}
[data-theme=hit_cinematic] .premium-launch-frequency .premium-neon-frequency{width:100%;max-width:340px;min-height:0;margin:0 auto 12px;aspect-ratio:400 / 390}
.v3-sheet:has(.premium-launch-frequency) .premium-launch-slots{gap:10px;padding:8px 0 0}
.v3-sheet:has(.premium-launch-frequency) .premium-launch-slot{padding:15px 18px;min-height:52px}
[data-theme=hit_cinematic] .studio-conditions-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:16px 20px!important;min-height:56px;text-align:center!important}
[data-theme=hit_cinematic] .studio-conditions-button>svg{flex:0 0 20px;width:20px;height:20px;margin:0!important;position:static!important;transform:none!important;color:#c786ff;filter:drop-shadow(0 0 5px #923cff)}
[data-theme=hit_cinematic] .studio-conditions-button>span{flex:0 1 auto;min-width:0;line-height:1.45;white-space:normal}
/* Every element on the rating chooser identifies the task being rated. */
[data-theme=hit_cinematic] .cine-checkin{background:radial-gradient(ellipse at 50% 0%,#27123777,transparent 55%),#040710!important;backdrop-filter:blur(20px)}
.cine-checkin-task-icon{width:96px;height:96px;display:grid;place-items:center;margin:18px auto 12px;color:var(--area);background:radial-gradient(ellipse,color-mix(in srgb,var(--area) 15%,transparent),transparent 72%)}
.cine-checkin-task-icon>svg{filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 3px currentColor) drop-shadow(0 0 11px currentColor)}
[data-theme=hit_cinematic] .cine-checkin-body>h2{font-size:13px;line-height:1.6;letter-spacing:.15em;padding:0 8px}
/* The colour preview and its category icon must retain the same hue. */
[data-theme=hit_cinematic] .v3-area-colour .premium-area-orb:before{filter:none}
[data-theme=hit_cinematic] .v3-area-colour .premium-area-orb:after{filter:blur(2.5px)}
/* Native select menus need their own opaque colours, not inherited glass text. */
[data-theme=hit_cinematic] select{color-scheme:dark;color:#f2efff!important}
[data-theme=hit_cinematic] select option,[data-theme=hit_cinematic] select optgroup{background-color:#101421!important;color:#f2efff!important;text-shadow:none!important}
/* Rating orbs move; the habit cards themselves remain still. */
[data-theme=hit_cinematic] .cine-rating-ring{position:relative;isolation:isolate;overflow:visible;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--rating) 25%,#050713),#020409 68%)!important;box-shadow:inset 0 0 4px color-mix(in srgb,var(--rating) 55%,transparent),0 0 5px var(--rating),0 0 13px color-mix(in srgb,var(--rating) 55%,transparent)!important}
[data-theme=hit_cinematic] .cine-rating-ring:before{content:'';position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 35%,var(--rating) 64%,color-mix(in srgb,var(--rating) 64%,#fff) 76%,transparent 91%);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:rating-orb-orbit 3.8s linear infinite;pointer-events:none}
[data-theme=hit_cinematic] .cine-rating-ring:after{content:'';position:absolute;inset:-7px;border-radius:50%;background:radial-gradient(circle,transparent 40%,color-mix(in srgb,var(--rating) 27%,transparent) 60%,transparent 74%);animation:rating-orb-pulse 2.8s ease-in-out infinite;z-index:-1;pointer-events:none}
@keyframes rating-orb-orbit{to{transform:rotate(360deg)}}
@keyframes rating-orb-pulse{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}
@media(prefers-reduced-motion:reduce){[data-theme=hit_cinematic] .cine-rating-ring:before,[data-theme=hit_cinematic] .cine-rating-ring:after{animation:none}}

/* Linked tasks belong to one dimensional surface, with a quiet connective glow. */
[data-theme=hit_cinematic] .habit-cluster{border:1px solid color-mix(in srgb,var(--link-glow) 50%,transparent)!important;border-radius:26px!important;padding:16px 12px!important;background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--link-glow) 12%,transparent),transparent 55%),linear-gradient(145deg,#111220,#05080f)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--link-glow) 55%,#fff2),inset 0 -2px 0 #000,0 5px 0 #010208,0 14px 28px #0008!important;animation:none!important}
[data-theme=hit_cinematic] .premium-link-header{display:flex;flex-wrap:wrap;gap:9px!important;min-height:46px;padding:0 2px 13px;border-bottom:1px solid color-mix(in srgb,var(--link-glow) 23%,transparent);margin-bottom:16px!important}
[data-theme=hit_cinematic] .premium-link-header>svg{width:21px;height:21px;color:var(--link-glow)!important;filter:drop-shadow(0 0 6px var(--link-glow))}
[data-theme=hit_cinematic] .premium-link-name{font-family:Inter,-apple-system,sans-serif;font-size:13px!important;font-weight:550;text-transform:none;letter-spacing:.01em;flex:1;min-width:50px;max-width:100%;color:#efedff!important;text-shadow:0 0 10px color-mix(in srgb,var(--link-glow) 48%,transparent)!important}
[data-theme=hit_cinematic] .premium-link-header>button:not(.premium-link-name),[data-theme=hit_cinematic] .premium-link-header>div>button{display:grid;place-items:center;border-radius:50%!important;width:36px;min-width:36px;height:36px;padding:8px!important;border:1px solid color-mix(in srgb,var(--link-glow) 42%,transparent)!important;color:var(--link-glow)!important;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--link-glow) 12%,#0c1020),#03060c 75%)!important;box-shadow:inset 0 1px #e6d6ff20,0 3px #010208,0 0 8px color-mix(in srgb,var(--link-glow) 18%,transparent)!important}
[data-theme=hit_cinematic] .premium-link-header>.habit-link-spine{display:none}
[data-theme=hit_cinematic] .habit-cluster>.relative>.grid{padding-left:0!important}
[data-theme=hit_cinematic] .habit-cluster .linked-card-glow{box-shadow:none!important;animation:none!important}
[data-theme=hit_cinematic] [data-link-end-dialog]{background:radial-gradient(ellipse at 5% 0%,#873bff1c,transparent 60%),#070a13!important;border:1px solid #a45eff66!important;border-radius:24px!important;box-shadow:inset 0 1px #d8b7ff25,0 5px #02030a,0 22px 70px #000b!important;font-family:Inter,-apple-system,sans-serif}
[data-theme=hit_cinematic] [data-link-end-dialog] button{min-height:44px;border-radius:14px}

/* Membership uses the same materials and luminous accents as the app. */
[data-theme=hit_cinematic] .premium-pricing{background:radial-gradient(ellipse at 10% 0%,#03dafa14,transparent 35%),radial-gradient(ellipse at 90% 40%,#9226ff1e,transparent 50%),#03060c!important;font-family:Inter,-apple-system,sans-serif}
.premium-pricing-content{padding-bottom:110px!important;max-width:560px!important}
.premium-pricing-hero h1{font-family:Inter,-apple-system,sans-serif!important;font-size:28px!important;letter-spacing:-.04em!important;text-transform:none;font-weight:550!important;text-shadow:0 2px #07020e,0 0 22px #a76aff66}
[data-theme=hit_cinematic] .premium-pricing-emblem{width:76px;height:76px;border-radius:50%!important;color:#c43cff;background:radial-gradient(circle at 36% 24%,#811dba55,#04060d 65%)!important;border:1px solid #bb46ff!important;box-shadow:inset 0 1px #e8b8ff88,0 4px #010208,0 0 22px #aa22ff55}
.premium-pricing-emblem svg{width:30px;height:30px;color:#ce65ff!important;filter:drop-shadow(0 0 7px #a91aff)}
[data-theme=hit_cinematic] .premium-plan-tabs{padding:5px;border-radius:24px!important;background:#060914!important;border:1px solid #879fb32b!important;gap:5px}
.premium-plan-tabs button{min-height:44px;border-radius:20px!important;font-size:11px!important}
[data-theme=hit_cinematic] .premium-plan-tabs button[aria-pressed=true]{color:#e5c4ff!important;background:linear-gradient(135deg,#54208470,#181029)!important;border-color:#b448ff99!important;box-shadow:inset 0 1px #eacaff29,0 0 12px #b83cff22}
[data-theme=hit_cinematic] .premium-plan-card{position:relative;border-radius:27px!important;background:radial-gradient(ellipse at 50% 0%,#9032d326,transparent 65%),linear-gradient(145deg,#11131f,#04070e)!important;border:1px solid #a855f788!important;box-shadow:inset 0 1px #e8bcff55,inset 0 -2px #000,0 5px #010207,0 16px 34px #0009}
.premium-plan-card .text-4xl{font-family:Inter,-apple-system,sans-serif;font-weight:500;font-size:46px;color:#e7c9ff;text-shadow:0 0 14px #ad37ff66}
[data-theme=hit_cinematic] .premium-plan-comparison{border:1px solid #aa68e73b!important;border-radius:24px!important;background:#070b14;box-shadow:inset 0 1px #d2bfff22,0 5px #010208,0 14px 30px #0007}
.premium-plan-comparison :is(.premium-plan-columns,.premium-plan-feature){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
[data-theme=hit_cinematic] .premium-plan-columns{background:linear-gradient(100deg,#09233177,#26133899)!important;padding:6px 0}
.premium-plan-columns>div{font-size:10px!important;color:#b1c4d9}
.premium-plan-feature>div{font-size:11px;line-height:1.5;min-width:0;padding:14px 10px!important}
.premium-plan-feature>div:last-child{background:#871cff0b;color:#dcbaff}
.premium-plan-feature svg{color:#c868ff!important;filter:drop-shadow(0 0 5px #a942ff)}
.premium-plan-feature .text-green-400{color:#53ffb4;text-shadow:0 0 8px #29e29377}
.premium-pricing .text-muted-foreground{color:#a4afc3}
[data-theme=hit_cinematic] [data-testid=review-access]{border:1px solid #a15cf15c!important;border-radius:22px;background:radial-gradient(ellipse at 0% 0%,#9240db19,transparent 65%),#080b14!important;box-shadow:inset 0 1px #dfc1ff22,0 4px #010208!important;overflow:hidden}
.premium-play-button{width:100%;min-height:52px;border-radius:20px;border:1px solid #b55fff;background:radial-gradient(ellipse at 15% 0%,#b230fd33,transparent 70%),#13101f;color:#f3dcff;box-shadow:inset 0 1px #e4bbff44,0 3px #010206,0 0 14px #ad32ff22;font:600 14px/1.4 Inter,system-ui;padding:15px}
.premium-plan-card .play-preview-price{display:block;font-size:24px;line-height:1.3;margin-bottom:8px}

/* Earned media belongs to the linked group, behind every member card. */
[data-theme=hit_cinematic] .habit-cluster[data-linked-media=true]{background:transparent!important;background-image:none!important;backdrop-filter:none!important}
[data-theme=hit_cinematic] .habit-cluster[data-linked-media=true] [data-habit-card]{background:transparent!important;background-image:none!important;backdrop-filter:none!important}
[data-theme=hit_cinematic] .habit-cluster[data-linked-media=true] .linked-card-glow{background:transparent!important;background-image:none!important}

.cine-reference-home .premium-neon-frequency{touch-action:pan-y;position:relative}
.frequency-companion-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}