/* Revision 4: graphite glass, a single deep blue family and amber for personal ratings. */
:root{--accent:#2878d7;--on-accent:#fff;--ink:#f1f2f5;--muted:#a4aab6;--subtle:#858d9e;--bg:#090b10;--surface:#141922;--surface-2:#1c2430;--glass-line:#ffffff24;--cyan:#2878d7;--mint:#2878d7;--rose:#2878d7;--amber:#da921c;--violet:#4262c4;--coral:#2878d7}
html{font-family:Juturu,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{letter-spacing:0}h1,h2,h3{letter-spacing:-.025em}.heroicon,.solid-icon,.bottom-nav button .heroicon,.icon-btn .heroicon{fill:currentColor;stroke:none}.heroicon path{stroke:none}.mobile-demo{background:#131b29;color:#acb8cb}.prototype-dot{background:#2878d7}.muted,.screen-heading p{color:var(--muted)}.screen-heading h1{font-weight:500}.review-header,.review-sidebar,.review-inspector{border-color:#ffffff14}.review-header{background:#101319}.state-options button[aria-pressed=true],.flow-btn.is-active,.flow-steps button.current{background:#15243b;color:#92baf0}.flow-steps button.current{border-color:#2878d7}
.primary-btn{color:#f5f7fc;background:linear-gradient(145deg,#174c85,#102d53);border:1px solid #4789cf70;box-shadow:inset 0 1px 0 #ffffff1c,0 6px 20px #0002;font-weight:500}.primary-btn:hover{filter:brightness(1.12)}.primary-btn:disabled{opacity:.48}.secondary-btn,.glass-button{color:#e0e4ec;background:linear-gradient(135deg,#ffffff10,#ffffff03 70%);border-color:#ffffff29}.text-btn,.source-btn,.home-calendar-link button{color:#aebbd0}.tabs button[aria-selected=true],.chip[aria-pressed=true]{background:linear-gradient(140deg,#204c7d80,#15283e80);border-color:#4a7faf70;color:#e5f0ff;box-shadow:inset 0 1px 0 #a5c5e51c}.tabs button[aria-selected=true]:after{background:transparent}.toast{background:#19263a;color:#f2f5fc;border:1px solid #6684b84d;box-shadow:0 8px 30px #0007}.sticky-action,.discussion-composer{background:#0d111bea;border-color:#ffffff16}.discussion-send{background:linear-gradient(145deg,#174c85,#102d53);border:1px solid #4789cf70;color:#fff}.input,.select,.review-textarea{color:#e6e9ef;background-color:#ffffff05;border-color:#ffffff24}.input::placeholder,.review-textarea::placeholder{color:#8e97a9}.form-label,.field-note{color:#a9b2c2}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b3bfd1'%3E%3Cpath fill-rule='evenodd' d='M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 0 1 1.06 1.06l-7.5 7.5Z' clip-rule='evenodd'/%3E%3C/svg%3E")}
/* Reflections move within a limited blue family; film art supplies the other hues. */
.app .ambient-lights i:nth-child(1),.app[data-scene] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#154d80,transparent 67%);opacity:.29}.app .ambient-lights i:nth-child(2){background:radial-gradient(ellipse at center,#21345f,transparent 65%);opacity:.24}.app .ambient-lights i:nth-child(3){background:radial-gradient(ellipse at center,#132c4b,transparent 65%);opacity:.24}.app[data-scene=rating] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#7a4718,transparent 65%);opacity:.25}.bottom-nav{background:linear-gradient(135deg,#9cb0c12b,#131d298f 48%,#23436535);border-color:#b6d0e044;box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #ffffff0b,0 9px 24px #0006}.bottom-nav .create-icon{background:linear-gradient(145deg,#205b94,#12355f);color:#f1f7ff;border-color:#649ed15c;box-shadow:inset 0 1px 0 #ffffff2e,0 2px 10px #0004}.bottom-nav button[aria-current=page]{background:#4386be28;box-shadow:inset 0 1px 0 #c3e3ff28}.bottom-nav button>.heroicon{width:21px;height:21px}.bottom-nav .create-icon svg{width:20px;height:20px}
.story-ring:before{background:conic-gradient(from 0deg,#175ba7,#447ccc,#17365d,#3175b2,#175ba7)}.story-ring:after{background:#10151f}.story-more{background:linear-gradient(145deg,#205b94,#12355f);color:#eaf4ff;border:1px solid #76a3cf70;box-shadow:0 0 0 2px #0f141e}.story-name{color:#b7bfce}.avatar,.avatar.camille,.avatar.lina,.avatar.noe,.avatar.adele{background:linear-gradient(150deg,#30455e,#172437);color:#d9e5f5;border-color:#151b26}.own-story .avatar{background:linear-gradient(145deg,#293e5880,#17233280)}.person-context,.post-work p{color:#a0a9ba}.person-name{font-weight:500}.post-text{color:#d2d8e3}.rating-small{color:#e4a131}.post-scope{color:#bd8d40}.notification-button i{background:#d18b20}.discovery-heading span{color:#9da9ba}.image-tag{color:#e8edf6}
/* The same selected state across every format and genre. */
.format-options [data-format],.genre-choice{--tone:#2878d7!important}.format-options [data-format]{color:#a7b1c2;background:#ffffff04}.format-options [data-format][aria-pressed=true]{background:linear-gradient(145deg,#1b4d7e,#142c4b);border-color:#417eb0b0;box-shadow:inset 0 1px 0 #ffffff18;color:#eaf2fe}.format-options [data-format][aria-pressed=true]:before{background:#58a0e1}.genre-choice{background:radial-gradient(ellipse at 0 0,#1c3f662d,transparent 90%),#ffffff03;border-color:#ffffff1b}.genre-choice>svg{color:#6587af}.genre-choice>span:not(.genre-check){color:#b7c1d2}.genre-choice.selected{background:radial-gradient(ellipse at 0 0,#235e91a6,transparent 100%),#111e30;border-color:#4485b994;box-shadow:inset 0 1px 0 #ffffff20,0 5px 23px #0002}.genre-choice.selected .genre-check{background:#17548c;border-color:#5c9ac9;color:#fff}.genre-check{border-color:#ffffff2e}.genre-selection-count{color:#a5b1c3}
/* Personal marks use amber: clearly different from the blue selection state. */
.star-base{fill:#6a74814d;filter:drop-shadow(0 -1px 0 #ffffff25) drop-shadow(0 1px 0 #0008)}.star-filling{filter:drop-shadow(0 0 10px #c8841618)}.star-filling:after{opacity:.35}.premium-value{color:#dfa23f;font-weight:400}.premium-value>span,.premium-value>span:only-child,.star-help,.clear-stars{color:#a1abbd}.premium-stars:focus-visible{outline-color:#d49425}.rating-experience h1{font-weight:500;color:#e9edf5}.add-review-toggle{background:linear-gradient(135deg,#21344b50,#ffffff04);border-color:#ffffff24}.add-review-toggle>svg,.add-review-toggle>svg:last-child{color:#8ca1be}.add-review-toggle>span{color:#dbe2ed}.add-review-toggle small,.rating-privacy,.rating-privacy p{color:#9daac0}.small-score-star>span{color:#db951e}.story-score strong{color:#e4a131}.story-score strong span{color:#a7b2c6}.episode-check.done{background:#8e591d55;color:#f2b750;border-color:#d69a3b70}.badge.confirmed{background:#68461b5c;color:#f1bc61;border-color:#b77e2c70}.success-mark{background:#7e551d4d;color:#eab35e}.library-row>.icon-btn:disabled{color:#e7a33e;opacity:.95}.save-image.saved{background:#133c63e6;color:#c5e3ff;border-color:#77add875}.switch[aria-checked=true]{background:linear-gradient(135deg,#205b94,#143d65)}.switch[aria-checked=true]:before{background:#d7e6f7}.progress-track>span{background:linear-gradient(90deg,#1e5d99,#4076a8)}
/* A wheel that follows the finger, plus a full-range scrubber for long series. */
.progress-editor{background:radial-gradient(ellipse at 0 0,#1b5a89a1,transparent 100%),linear-gradient(145deg,#0e2336,#10151f);border-color:#3778a65e;box-shadow:inset 0 1px 0 #dcecff1c}.progress-editor h1>span{color:#e7eef8;font-weight:400}.progress-editor h1 small,.progress-instruction,.progress-kicker{color:#9daec5}.progress-picker{padding-left:calc(50% - 28px);padding-right:calc(50% - 28px);gap:10px;touch-action:pan-x;cursor:grab;scroll-snap-type:x proximity;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none}.progress-picker[data-dragged=true]{cursor:grabbing;scroll-snap-type:none}.progress-picker>button{min-width:56px;width:56px;height:67px;border-color:transparent;background:transparent;font-size:24px;color:#71849e;transition:none;touch-action:pan-x}.progress-picker>button[aria-selected=true]{height:67px;font-size:30px;color:#f1f5fc;background:linear-gradient(145deg,#2a5e8d70,#2546644d);border-color:#77a7ce73;box-shadow:inset 0 1px 0 #b5d2e93d,0 7px 24px #05152730}.progress-scrubber{display:block;padding:0 13px;margin:8px 0 0}.progress-scrubber input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:34px;margin:0;background:transparent;cursor:ew-resize;touch-action:pan-y}.progress-scrubber input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#3a82bb var(--completion,0%),#30425b var(--completion,0%))}.progress-scrubber input::-moz-range-track{height:4px;border-radius:4px;background:#30425b}.progress-scrubber input::-moz-range-progress{background:#3a82bb;height:4px}.progress-scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:21px;width:21px;margin-top:-8.5px;border-radius:50%;background:linear-gradient(145deg,#689ccb,#2e648e);border:1px solid #8db0d3;box-shadow:inset 0 1px 0 #c7ddf550,0 3px 12px #0005}.progress-scrubber input::-moz-range-thumb{height:21px;width:21px;border-radius:50%;background:#396d9a;border:1px solid #8db0d3}.scrubber-ends{display:flex;justify-content:space-between;color:#8c9fb9;font-size:10px}.manual-progress,.manual-progress-field{color:#adbed5}.manual-progress-field input{color:#e5ecf8}.status-tile{background:linear-gradient(145deg,#1a3f625c,#13213a5c);border-color:#4878a142}.detail-status p{color:#98a8be}
/* Tight identity spacing, with follow/edit kept clear of the banner. */
.profile-cover{height:150px}.profile-info{position:relative;padding-top:0}.profile-title{margin-top:-30px;display:flex;align-items:flex-end;gap:13px;margin-bottom:0;min-height:82px}.profile-title>.avatar{height:76px;width:76px;border:4px solid #0d121b}.profile-identity{padding-bottom:3px;min-width:0}.profile-info .profile-identity h1{font-size:28px;margin:0 0 2px;line-height:1.1;font-weight:500}.profile-identity .small{font-size:12px;line-height:1.5;display:block}.profile-action{display:flex;justify-content:flex-end;margin-top:12px}.profile-action .secondary-btn{min-height:40px;font-size:12px;padding:9px 16px;border-radius:20px;font-weight:400}.profile-info>p{margin-top:16px;color:#c4ccda;font-size:14px;line-height:1.65}.profile-links{margin:14px 0 17px;color:#97a7bf}.profile-info+.tabs{margin-top:12px}
/* Edge-to-edge stories: top progress, tap areas, press-and-hold playback. */
.app[data-scene=stories] .app-main{padding-bottom:0;overflow:hidden;display:flex;flex-direction:column}.app[data-scene=stories] .space-bottom{display:none}.story-reader{height:100%;min-height:0;flex:1;outline:none;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;background:#090c13}.story-wash{opacity:.25;filter:blur(35px)}.story-reader:after{background:linear-gradient(180deg,#090c1380,#090c13e6 95%)}.story-reader-content{height:100%;display:flex;flex-direction:column;padding:12px 18px 14px;gap:0}.story-segments{flex-shrink:0;margin-bottom:13px;gap:4px}.story-segments>span{height:3px;background:#ffffff24;overflow:hidden;display:block}.story-segments>span i{display:block;width:100%;height:100%;background:#c0d0e3;transform:scaleX(0);transform-origin:left center}.story-segments>span.seen{background:#ffffff24}.story-segments>span.seen i{transform:scaleX(1)}.story-reader-head{flex-shrink:0}.story-author strong{color:#ecf0f7;font-weight:500}.story-author small{color:#a6b2c6}.story-stage{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:14px 0}.story-poster{width:auto;height:auto;max-width:49%;max-height:39%;aspect-ratio:2/3;object-fit:cover;border-radius:18px;border-color:#ffffff29;box-shadow:0 15px 32px #0005;flex-shrink:1;min-height:100px}.story-note-card{margin:0;width:100%;padding:17px 18px;border-radius:24px;background:linear-gradient(140deg,#ffffff0c,#ffffff02);border-color:#ffffff25;flex-shrink:0}.story-note-card>p:first-child{font-size:10px;color:#a7b4c7}.story-note-card h1{font-size:24px;line-height:1.12;margin:7px 0 12px;font-weight:500}.story-score .small-score-star{width:22px;height:22px}.story-review{margin-top:13px;font-size:14px;line-height:1.5;color:#d6deeb}.story-work-link{width:100%;min-height:44px;flex-shrink:0;font-size:12px}.story-work-link svg{height:17px;width:17px}.story-gesture-hint{font-size:9px;color:#8d9db5;display:flex;justify-content:space-between;gap:8px;margin-top:13px;flex-shrink:0}.story-reader[data-paused=true] .story-gesture-hint{color:#d7a44e}.story-reader[data-paused=true] .story-segments .current{opacity:.55}
/* The central action starts with a title search, never a preselected work. */
.rate-searchbox{background:#ffffff06;border:1px solid #6587ad40;border-radius:23px;min-height:53px}.rate-searchbox:focus-within{border-color:#5591c2;box-shadow:0 0 0 3px #1b4c7f33}.rate-search-caption{font-size:11px;color:#91a0b7;margin:0 20px 16px}.rate-work-result{display:flex;align-items:center;gap:14px;min-height:102px;width:calc(100% - 40px);margin:0 20px 11px;padding:12px;border:1px solid #ffffff1b;border-radius:23px;background:linear-gradient(140deg,#ffffff09,#ffffff02);text-align:left}.rate-work-result img{width:51px;height:76px;object-fit:cover;border-radius:11px;flex-shrink:0}.rate-work-result>span{flex:1;min-width:0}.rate-work-result strong{display:block;font-size:16px;line-height:1.25;font-weight:400}.rate-work-result small{display:block;font-size:11px;color:#93a4bf;margin-top:7px}.rate-work-result>svg{width:17px;height:17px;color:#879db9}.rate-search-empty{padding:20px;color:#a5b1c3;font-size:14px}.app[data-scene=rate-search] .screen-heading{padding-top:17px;padding-bottom:25px}.app[data-scene=rate-search] .screen-heading h1{font-size:27px;max-width:300px}.app[data-scene=rate-search] .screen-heading p{font-size:13px;line-height:1.6;margin-top:11px}
.release-item{--tone:#4a83ba}.release-item-main small{color:#709ec9}.release-item-main p,.release-results,.release-demo-label{color:#9eacc1}.release-item{background:linear-gradient(140deg,#ffffff08,#ffffff02)}.public-provider{background:radial-gradient(ellipse at 0 0,#173c645c,transparent 95%),#ffffff04}.public-provider .provider-logo{background:#21486e70;color:#bad5f3}.source-candidates p,.public-import-steps{color:#a9b7cc}.public-import-form .info-box{color:#b0bdd1}.discussion-reply,.discussion-thread-link{color:#8daed4}
@media(max-width:375px){.profile-title{gap:12px}.profile-title>.avatar{height:70px;width:70px}.profile-info .profile-identity h1{font-size:26px}.story-note-card{padding:15px 16px}.story-note-card h1{font-size:22px}.story-review{font-size:13px}.story-stage{gap:14px}.story-reader-content{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.progress-picker{scroll-behavior:auto}.star-filling{transition:none}}

.profile-title{justify-content:flex-start}.bottom-nav{background-color:rgba(9,15,24,.82)}.post-actions button,.post-actions button svg{color:#9aa8bd}.post-actions button.active,.post-actions button.active svg{color:#477fba}

.discussion-composer textarea{caret-color:#458ac8}.discussion-composer textarea:focus-visible,.discussion-reply:focus-visible,.discussion-thread-link:focus-visible,.discussion-send:focus-visible,.discussion-composer-context button:focus-visible{outline-color:#458ac8}.discussion-comment.is-reply-target .discussion-comment-heading h3{text-decoration-color:#458ac8}

.detail-status.is-seen .status-tile,.image-tag.seen-tag{background:linear-gradient(145deg,#79511dba,#38230fd6);color:#f2b750;border-color:#d69a3b70}.detail-status.is-seen h2,.library-row.is-complete .library-main p{color:#e7ab4a}.library-summary svg{color:#8ba6c7}

/* Revision 5 — Juturu Black headings, Medium copy and richer glass surroundings.
   The restrained colour rule applies to tags and format/genre selections only. */
:root{--cyan:#168eac;--mint:#438819;--rose:#b12c8b;--amber:#da921c;--violet:#7642d5;--coral:#c34e24}
#app{font-weight:500;line-height:1.7;letter-spacing:0}
#app :where(*){font-weight:500}
#app :is(h1,h2,h3),#app :is(.working-name,.bar-title,.person-name),#app .story-author strong,#app .rate-work-result strong{font-weight:900;line-height:1.35;letter-spacing:-.015em}
#app :is(h1,h2,h3,.working-name,.bar-title,.person-name) :where(*){font-weight:inherit}
#app :where(p,small,li,label,blockquote,textarea,.info-box,.privacy-note,.next-release-note,.bubble,.work-identity>div>span,.cinema-social>span,.person-context,.field-note,.form-label,.discussion-mention){line-height:1.8}
#app :where(button,input,select,.badge,.image-tag,.story-name,.story-more){line-height:1.5}
#app h1 small,#app .premium-value>span,#app .story-score strong span{font-weight:500;line-height:1.6}
#app .screen-heading p{margin-top:13px}
#app .screen-heading{padding-bottom:25px}
#app .post-text,#app .work-synopsis p,#app .profile-info>p,#app .discussion-comment-text{line-height:1.85}
#app .discussion-composer textarea{line-height:1.7;min-height:49px}
#app .form-label{margin-bottom:9px}
#app .field-note{margin-top:9px}
#app .story-note-card h1{margin-top:9px;margin-bottom:14px;line-height:1.3}
#app .story-review{line-height:1.8}
#app .story-gesture-hint{line-height:1.5}
#app .story-score strong,#app .premium-value{font-weight:500}
#app .progress-editor h1>span{font-weight:900;line-height:1.25}
#app .progress-editor h1 small{font-weight:500}
#app .profile-title{min-height:87px}
#app .profile-identity .small{line-height:1.7}
/* Saturated light pools behind the glass, never across the reading layer. */
.app .ambient-lights i:nth-child(1),.app[data-scene] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#6d279d,transparent 68%);opacity:.48}
.app .ambient-lights i:nth-child(2){background:radial-gradient(ellipse at center,#087d96,transparent 66%);opacity:.38}
.app .ambient-lights i:nth-child(3){background:radial-gradient(ellipse at center,#3436a5,transparent 67%);opacity:.42}
.app[data-scene=home] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#bb4a22,transparent 68%);opacity:.43}
.app[data-scene=preferences] .ambient-lights i:nth-child(1),.app[data-scene=tastes] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#8636b9,transparent 68%);opacity:.52}
.app[data-scene=rating] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#b02a78,transparent 68%);opacity:.48}
.app[data-scene=rating] .ambient-lights i:nth-child(2){background:radial-gradient(ellipse at center,#8d4b14,transparent 66%);opacity:.34}
.app[data-scene=progress] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#2a7f35,transparent 68%);opacity:.48}
.app[data-scene=explore] .ambient-lights i:nth-child(1),.app[data-scene=rate-search] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#145e9c,transparent 68%);opacity:.46}
.app[data-scene=community] .ambient-lights i:nth-child(1),.app[data-scene=post] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#8b296c,transparent 68%);opacity:.43}
.primary-btn{background:linear-gradient(135deg,#5e2c98,#2b1a49);border-color:#a978d15e;box-shadow:inset 0 1px 0 #ffffff24,0 6px 20px #0003;color:#f6f2fc}
.app[data-scene=rating] .primary-btn{background:linear-gradient(135deg,#8a286b,#431d48);border-color:#b354985e}
.app[data-scene=progress] .primary-btn{background:linear-gradient(135deg,#2c642d,#123b39);border-color:#70a57770}
.app[data-scene=imports] .primary-btn,.app[data-scene=publicimport] .primary-btn{background:linear-gradient(135deg,#185a89,#172f58);border-color:#639cbd70}
.progress-editor{background:radial-gradient(ellipse at 0 0,#397715b8,transparent 100%),radial-gradient(ellipse at 100% 100%,#08798857,transparent 85%),#0d1a18;border-color:#6f9e3d52;box-shadow:inset 0 1px 0 #d5e8bf20}
#app .progress-kicker,#app .progress-instruction,#app .progress-editor h1 small,#app .scrubber-ends,#app .manual-progress{color:#b4c9b7}
.progress-picker>button{color:#8aab96}
.progress-picker>button[aria-selected=true]{background:linear-gradient(145deg,#4b813b85,#23494775);border-color:#8bbd7c70;color:#f0f7ef;box-shadow:inset 0 1px 0 #d3e8c42e,0 7px 24px #081b183b}
.progress-scrubber input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#70b63d var(--completion,0%),#344e46 var(--completion,0%))}
.progress-scrubber input::-moz-range-track{background:#344e46}
.progress-scrubber input::-moz-range-progress{background:#70b63d}
.progress-scrubber input::-webkit-slider-thumb{background:linear-gradient(145deg,#7bb64d,#31684d);border-color:#98bf7e;box-shadow:inset 0 1px 0 #e1eccb3d,0 3px 12px #0005}
.progress-scrubber input::-moz-range-thumb{background:#4d8849;border-color:#98bf7e}
.add-review-toggle{background:radial-gradient(ellipse at 0 0,#812b754d,transparent 100%),linear-gradient(135deg,#37152e80,#1d18294d);border-color:#9d5b9b40}
#app .add-review-toggle>svg{color:#c293c5}
.library-summary{background:radial-gradient(ellipse at 0 0,#5436a552,transparent 100%),linear-gradient(145deg,#211b3266,#12131f80);border-color:#7462944d}
.availability-panel{background:radial-gradient(ellipse at 0 0,#0f62834d,transparent 100%),#101a255e}
.shared-panel{background:radial-gradient(ellipse at 100% 0,#79305e38,transparent 100%),#17121d4d}
.provider{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--tone,#774ac7) 27%,transparent),transparent 95%),#14121d70}
.public-provider{background:radial-gradient(ellipse at 0 0,#146d7a66,transparent 95%),#0e1820b0}
.release-item{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--tone) 22%,transparent),transparent 100%),#11131c80}
.release-item.tone-amber{--tone:#c67c17}.release-item.tone-cyan{--tone:#167d9f}.release-item.tone-rose{--tone:#963183}
.story-ring:before{background:conic-gradient(from 0deg,#207cc4,#713ccc,#b6338b,#2b9a88,#207cc4)}
.story-more{background:linear-gradient(145deg,#6528a2,#292058);border-color:#9e72c478}
.story-note-card{background:radial-gradient(ellipse at 0 0,#6a346938,transparent 100%),linear-gradient(140deg,#ffffff0b,#ffffff02)}
.bottom-nav{background-image:linear-gradient(135deg,#6895b329,#222435a6 48%,#66345a35)}
/* Chips, badges, genres and formats keep their common selection language. */
.format-options [data-format],.genre-choice{--tone:#2878d7!important}
.tag,.badge:not(.confirmed){background:#1c263680;color:#b9c8dd}
/* The main content stays readable when motion or transparency is reduced. */
@media(prefers-reduced-transparency:reduce){.primary-btn{background:#462479}.progress-editor{background:#163e28}.add-review-toggle{background:#301e36}.library-summary{background:#211c35}}
#sheet,#sheet :where(*){font-weight:500;line-height:1.8}
#sheet h2,#sheet h3{font-weight:900;line-height:1.35;letter-spacing:-.015em}
#sheet button,#sheet input,#sheet select{line-height:1.5}
#app .progress-picker>button{line-height:1.35}
#app .story-demo,#app .asset-credit{line-height:1.7}

/* Revision 6 — more open Bold titles and the earlier, lighter glass atmosphere. */
#app :is(h1,h2,h3),#app :is(.working-name,.bar-title,.person-name),#app .story-author strong,#app .rate-work-result strong{font-weight:700;letter-spacing:.025em}
#app :is(h1,h2,h3,.working-name,.bar-title,.person-name) :where(*){font-weight:inherit;letter-spacing:inherit}
#app .progress-editor h1>span{font-weight:700;letter-spacing:.01em}
#app h1 small,#app .premium-value>span,#app .story-score strong span{font-weight:500;letter-spacing:0}
#sheet h2,#sheet h3{font-weight:700;letter-spacing:.025em}
/* Broad, brighter pools of rose, teal, amber and lavender, as in the earlier glass direction. */
.app{background:#15131c}
.app .ambient-lights i{width:500px;height:520px}
.app .ambient-lights i:nth-child(1),.app[data-scene] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#b67498,transparent 68%);opacity:.52;top:-150px;left:-205px}
.app .ambient-lights i:nth-child(2){background:radial-gradient(ellipse at center,#519eab,transparent 67%);opacity:.46;right:-220px}
.app .ambient-lights i:nth-child(3){background:radial-gradient(ellipse at center,#a186c9,transparent 67%);opacity:.5;bottom:-220px}
.app[data-scene=home] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#c78558,transparent 68%);opacity:.5}
.app[data-scene=preferences] .ambient-lights i:nth-child(1),.app[data-scene=tastes] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#a882c9,transparent 68%);opacity:.54}
.app[data-scene=rating] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#c781ac,transparent 68%);opacity:.54}
.app[data-scene=rating] .ambient-lights i:nth-child(2){background:radial-gradient(ellipse at center,#aa7c53,transparent 67%);opacity:.4}
.app[data-scene=progress] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#9582c0,transparent 68%);opacity:.53}
.app[data-scene=explore] .ambient-lights i:nth-child(1),.app[data-scene=rate-search] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#679dbb,transparent 68%);opacity:.5}
.app[data-scene=community] .ambient-lights i:nth-child(1),.app[data-scene=post] .ambient-lights i:nth-child(1){background:radial-gradient(ellipse at center,#bb809e,transparent 68%);opacity:.5}
/* Episode completion uses one colour family, with a clearly visible white check. */
#app .episode .episode-check{background:#ffffff0d;border:1px solid #ffffff29;color:#b9b2c7;border-radius:14px}
#app .episode .episode-check.done{background:linear-gradient(145deg,#725592c4,#4d3969d1);border-color:#b79bd073;color:#fff;box-shadow:inset 0 1px 0 #ffffff26}
#app .episode .episode-check.done .heroicon{color:#fff}
#app .episode:has(.episode-check.done) .episode-copy p{color:#c6bad8}
.progress-editor{background:radial-gradient(ellipse at 0 0,#997db86e,transparent 95%),linear-gradient(145deg,#4a3a655c,#231f34a1);border-color:#b69ec956;box-shadow:inset 0 1px 0 #f1e7ff26}
#app .progress-kicker,#app .progress-instruction,#app .progress-editor h1 small,#app .scrubber-ends,#app .manual-progress{color:#c5bbd6}
.progress-picker>button{color:#a99dba}
.progress-picker>button[aria-selected=true]{background:linear-gradient(145deg,#a285c45c,#6a527b66);border-color:#c3a7dc75;color:#fff;box-shadow:inset 0 1px 0 #ecdcff33,0 7px 24px #130e2033}
.progress-scrubber input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#b093d0 var(--completion,0%),#61536e var(--completion,0%))}
.progress-scrubber input::-moz-range-track{background:#61536e}
.progress-scrubber input::-moz-range-progress{background:#b093d0}
.progress-scrubber input::-webkit-slider-thumb{background:linear-gradient(145deg,#b79bcc,#806394);border-color:#d0b7e0;box-shadow:inset 0 1px 0 #f5eaff4d,0 3px 12px #0005}
.progress-scrubber input::-moz-range-thumb{background:#9476aa;border-color:#d0b7e0}
.app[data-scene=progress] .primary-btn{background:linear-gradient(135deg,#705090,#493463);border-color:#af8dc478}
/* A text-first entry lives in Exchanges; the centre action still starts with a work search. */
.social-compose-entry{display:flex;align-items:center;gap:12px;width:calc(100% - 40px);margin:0 20px 24px;padding:15px 16px;border:1px solid #ffffff30;border-radius:25px;background:linear-gradient(135deg,#d1afd31a,#ffffff06);box-shadow:inset 0 1px 0 #ffffff1a;backdrop-filter:blur(18px);text-align:left;min-height:72px}
.social-compose-entry>span:not(.avatar){flex:1;min-width:0;color:#ddd3e6;font-size:14px;line-height:1.65}
.social-compose-entry>svg{height:20px;width:20px;color:#c2b0d0}
#app .social-compose-entry strong{display:block;font-weight:500}
#app .social-compose-entry small{display:block;font-size:11px;color:#b6a8c1;margin-top:4px;line-height:1.6}
.post-kind{font-size:10px;line-height:1.5;color:#baa7c6;margin:0 0 10px}
#app .free-post-text{font-size:15px;line-height:1.85}
#app .post .post-kind+.post-text{margin-top:0}
.app[data-scene=compose] .compose-text{min-height:180px;line-height:1.85}
@media(prefers-reduced-transparency:reduce){.app{background:#1b1823}.progress-editor{background:#453953}.social-compose-entry{background:#332b3d;backdrop-filter:none}}
#app .compose-intro{margin:10px 24px 17px;font-size:13px;color:#c0b2cb;line-height:1.8}