/* SS-R11-V2-MERGED-001. Optional asset batch, never the rejected R2 UI. */
#blueink-r11[data-visual=assets-v2] {
  --pattern:url('assets/supplement-v2/pattern_diagonal_06.png');--pattern-width:356px;--pattern-alpha:.17;
  --reading-surface:rgba(253,250,246,.82);--glass:rgba(255,252,247,.63);
  --glass-ui:rgba(253,250,246,.88);--surface-edge:rgba(255,255,255,.78);
}
#blueink-r11[data-visual=assets-v2][data-theme=night] {
  --reading-surface:rgba(24,41,66,.90);--glass:rgba(26,44,70,.76);--glass-ui:rgba(24,41,66,.94);
  --surface-edge:rgba(195,218,255,.18);--pattern-alpha:.14;
}
#blueink-r11[data-visual=assets-v2] .app::after {background:none;opacity:0}
#blueink-r11[data-visual=assets-v2] .screen {isolation:isolate}
#blueink-r11[data-visual=assets-v2] .screen::before {
  content:"";position:absolute;inset:76px 0 88px;z-index:-1;pointer-events:none;
  background-image:var(--pattern);background-size:var(--pattern-width) auto;
  background-position:center center;background-repeat:no-repeat;opacity:var(--pattern-alpha);mix-blend-mode:normal;
}
#blueink-r11[data-visual=assets-v2][data-current-page=home] {--pattern:url('assets/supplement-v2/pattern_center_02.png');--pattern-width:596px;--pattern-alpha:.20}
#blueink-r11[data-visual=assets-v2][data-current-page=life] {--pattern:url('assets/supplement-v2/pattern_center_04.png');--pattern-width:454px;--pattern-alpha:.20}
#blueink-r11[data-visual=assets-v2][data-current-page=memory] {--pattern:url('assets/supplement-v2/pattern_center_03.png');--pattern-width:493px;--pattern-alpha:.16}
#blueink-r11[data-visual=assets-v2][data-current-page=baiyuan] {--pattern:url('assets/supplement-v2/pattern_center_05.png');--pattern-width:581px;--pattern-alpha:.18}
#blueink-r11[data-visual=assets-v2][data-current-page=settings] {--pattern:url('assets/supplement-v2/pattern_center_02.png');--pattern-width:540px;--pattern-alpha:.13}
#blueink-r11[data-visual=assets-v2][data-current-page=reading] {--pattern:url('assets/supplement-v2/pattern_center_03.png');--pattern-width:493px;--pattern-alpha:.06}
#blueink-r11[data-visual=assets-v2]:is([data-current-page=chat],[data-current-page=daily],[data-current-page=workbench]) {--pattern-alpha:.07}
#blueink-r11[data-visual=assets-v2][data-theme=night]:is([data-current-page=home],[data-current-page=life],[data-current-page=baiyuan]) {--pattern-alpha:.15}
#blueink-r11[data-visual=assets-v2][data-current-page=home] .screen::before {top:89px}
#blueink-r11[data-visual=assets-v2]:is([data-current-page=control],[data-current-page=settings],[data-current-page=advanced],[data-current-page=reading]) .screen::before {bottom:20px}
#blueink-r11[data-visual=assets-v2][data-current-page=login] .screen::before {display:none}
#blueink-r11[data-visual=assets-v2] :is(.topbar,.composer,.workbench-composer) {background:var(--glass-ui)}
#blueink-r11[data-visual=assets-v2] .topbar {background:var(--paper)}
/* One surface vocabulary protects copy, controls and code without blue blocks. */
#blueink-r11[data-visual=assets-v2] :is(.glass,.control-links,.bottom-nav,.composer-box,.modal,.readable-surface) {
  border-color:var(--line);box-shadow:inset 0 1px 0 var(--surface-edge),0 4px 15px rgba(38,64,99,.045);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
#blueink-r11[data-visual=assets-v2] :is(.window-row,.growth-note,.control-links,.reading-sheet,.daily-prose,.workbench-message,.workbench-logs,.workbench-logs pre) {background:var(--reading-surface)}
#blueink-r11[data-visual=assets-v2] :is(.quote-section,.today,.history,.entry-list) {background:var(--reading-surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#blueink-r11[data-visual=assets-v2] .quote-section {padding:15px 12px;border-radius:12px}
#blueink-r11[data-visual=assets-v2] .today {padding:14px 12px;border-radius:12px}
#blueink-r11[data-visual=assets-v2] .history {padding:8px 12px 12px;border-radius:12px}
#blueink-r11[data-visual=assets-v2] .entry-list {padding:0 10px;border-radius:12px}
#blueink-r11[data-visual=assets-v2] .memory-directory .entry-list {padding:0;background:none;backdrop-filter:none}
#blueink-r11[data-visual=assets-v2] .shelf-item>span {background:var(--reading-surface);padding:3px 8px;border-radius:6px}
#blueink-r11[data-visual=assets-v2] .pet-rest p {background:var(--reading-surface);border-radius:8px;padding:6px 8px}
#blueink-r11[data-visual=assets-v2] .reading-sheet {border-radius:12px;padding:14px}
#blueink-r11[data-visual=assets-v2] .daily-prose {border-radius:12px;padding:14px}
/* Keep each title PNG at its original ratio, with live text inside its supplied safe area. */
#blueink-r11 .label-plate {display:block;position:relative;flex-shrink:0;max-width:100%;font-weight:400}
#blueink-r11 .label-plate>img {width:100%;height:auto;pointer-events:none;user-select:none}
#blueink-r11 .label-plate>span {position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.35;overflow-wrap:anywhere;color:#263f6c}
#blueink-r11 .label-month {width:196px}
#blueink-r11 .label-month>span {left:18%;right:14%;top:37%;bottom:17%;font-size:14px;letter-spacing:0}
#blueink-r11 .label-chapter {width:270px;margin:-6px auto -4px}
#blueink-r11 .label-chapter>span {left:25%;right:25%;top:41.94%;bottom:27.86%;font-size:15px}
#blueink-r11 .label-caption {width:286px;margin:-4px auto 0}
#blueink-r11 .label-caption>span {left:22.84%;right:23.46%;top:36%;bottom:34%;font-size:14px}
#blueink-r11 .label-subtitle {width:210px}
#blueink-r11 .label-subtitle>span {left:27.56%;right:22.69%;top:36.51%;bottom:34%;font-size:12px}
#blueink-r11[data-visual=assets-v2] .section-head:has(.label-plate) {justify-content:center;margin-bottom:2px}
#blueink-r11 .month-toggle:has(.label-plate) {padding-block:0;min-height:66px;gap:4px}
#blueink-r11 .month-right {flex-shrink:0}
/* Live images below the supplied double portrait frame. */
#blueink-r11 .identity-v2 {width:min(100%,346px);margin:2px auto 20px}
#blueink-r11 .identity-frame {position:relative;aspect-ratio:1832 / 859;width:100%}
#blueink-r11 .identity-art {position:absolute;inset:0;width:100%;height:auto;pointer-events:none;z-index:2}
#blueink-r11 .identity-hole {position:absolute;top:50.06%;width:29.2%;height:59.5%;transform:translate(-50%,-50%);overflow:hidden;border-radius:50%;z-index:1}
#blueink-r11 .identity-left {left:23.72%}
#blueink-r11 .identity-right {left:76.36%}
#blueink-r11 .identity-avatar {position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--paper-light)}
#blueink-r11 .identity-avatar>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#blueink-r11 .identity-avatar>img[hidden] {display:none}
#blueink-r11 .avatar-fallback {display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;font:12px/1.6 var(--font-ui);text-align:center;color:var(--secondary)}
#blueink-r11 .avatar-fallback small {font-size:9px}
#blueink-r11 .identity-names {display:grid;grid-template-columns:1fr 1fr;gap:5.28%;padding-inline:0;margin-top:-15px;text-align:center;font-size:14px}
#blueink-r11 .control-person>.identity-avatar {width:64px;height:64px;margin:auto}
#blueink-r11 .control-links .control-work-entry {display:grid;grid-template-columns:68px minmax(0,1fr) 20px;min-height:86px;gap:10px}
#blueink-r11 .control-links .work-entry-art {width:82px;height:82px;max-width:none;margin:-9px -7px;object-fit:contain;pointer-events:none}
#blueink-r11 .calendar-entry {grid-template-columns:72px minmax(0,1fr) 16px;min-height:83px}
#blueink-r11 .calendar-entry>img {width:92px;height:92px;max-width:none;margin:-12px -10px;pointer-events:none}
#blueink-r11 .control-links .entry-row:not(.control-work-entry) {min-height:62px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 #blueink-r11[data-visual=assets-v2] :is(.glass,.control-links,.bottom-nav,.composer-box,.modal,.readable-surface) {background:var(--glass-strong)}
}
/* User review: dissolve the pattern into the clear header, no horizontal cut. */
#blueink-r11[data-visual=assets-v2] .screen::before {
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 100px,#000 calc(100% - 32px),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 100px,#000 calc(100% - 32px),transparent 100%);
}
/* Compact translucent glass labels; artwork remains in the original nine positions. */
#blueink-r11[data-visual=assets-v2] .shelf-item>span {
  padding:5px 10px;min-height:29px;border-radius:10px;
  background:linear-gradient(135deg,rgba(255,255,255,.43),rgba(232,241,251,.20) 55%,rgba(255,251,245,.30));
  border:1px solid rgba(255,255,255,.72);border-bottom-color:rgba(152,176,203,.29);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(255,255,255,.26),0 3px 8px rgba(47,70,103,.07);
  backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);
  color:var(--ink);
}
#blueink-r11[data-visual=assets-v2][data-theme=night] .shelf-item>span {
  background:linear-gradient(135deg,rgba(173,199,230,.16),rgba(32,51,78,.31));
  border-color:rgba(197,218,247,.25);border-bottom-color:rgba(132,163,203,.16);
  box-shadow:inset 0 1px 0 rgba(218,232,251,.24),0 3px 8px rgba(0,8,22,.10);
}
/* The underlying page wash also continues through the header. */
#blueink-r11[data-visual=assets-v2] .topbar {background:transparent}

/* September visual review: spacing and optical alignment, within R1.1. */
#blueink-r11[data-visual=assets-v2] .home-hero {padding-top:39px}
#blueink-r11[data-visual=assets-v2] .day-counter {top:17px;color:#4c72aa}
#blueink-r11[data-visual=assets-v2] .counter-label {margin-bottom:3px}
#blueink-r11[data-visual=assets-v2][data-theme=night] .day-counter {color:var(--blue)}
#blueink-r11[data-visual=assets-v2] .quote-section blockquote {font-size:16px;line-height:1.85;letter-spacing:.025em;margin:12px 0 8px;text-wrap:pretty}
#blueink-r11[data-visual=assets-v2] .trace-copy {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;min-width:0}
#blueink-r11[data-visual=assets-v2] .trace-copy h3 {grid-column:1;grid-row:1;margin:0;line-height:1.6}
#blueink-r11[data-visual=assets-v2] .trace-copy time {grid-column:2;grid-row:1;float:none;white-space:nowrap}
#blueink-r11[data-visual=assets-v2] .trace-row {align-items:center;min-height:54px}
#blueink-r11[data-visual=assets-v2] .memory-directory {margin-bottom:10px}
#blueink-r11[data-visual=assets-v2] .memory-companions {margin:4px -4px 16px}
#blueink-r11[data-visual=assets-v2] .pet-rest {gap:12px}
#blueink-r11[data-visual=assets-v2] .pet-rest img {width:150px;height:113px}
#blueink-r11[data-visual=assets-v2] .pet-rest p {min-width:0}
/* Control-only fallback; the daily-use center texture replaces it when enabled. */
#blueink-r11[data-visual=assets-v2][data-current-page=control]:not([data-control-texture=center-v1]) {--pattern:url('assets/supplement-v2/decor_control_surround.png');--pattern-alpha:.48}
#blueink-r11[data-visual=assets-v2][data-current-page=control]:not([data-control-texture=center-v1]) .screen::before {
  inset:calc(76px + var(--top-safe)) 4px 12px;background-size:100% auto;background-position:center top;
  mask-image:none;-webkit-mask-image:none;
}
#blueink-r11[data-visual=assets-v2][data-current-page=control] .control-links {margin-inline:10px}
#blueink-r11[data-visual=assets-v2][data-current-page=control][data-theme=night]:not([data-control-texture=center-v1]) {--pattern-alpha:.32}

/* SS-R11-DAILYUSE-001 | Optional, scoped control-only visual candidate.
   Load after supplement-v2.css. Enable explicitly with
   document.querySelector('#blueink-r11').dataset.controlTexture='center-v1'.
   Removing that attribute restores the delivered perimeter instantly.
   Asset URL assumes this CSS is placed beside supplement-v2.css, not here.
*/
#blueink-r11[data-visual="assets-v2"][data-current-page="control"][data-control-texture="center-v1"] {
  --pattern:url('assets/supplement-v2/pattern_center_02.png');
  --pattern-alpha:.23;
  --control-surface:rgba(253,250,246,.46);
}
#blueink-r11[data-visual="assets-v2"][data-current-page="control"][data-control-texture="center-v1"] .screen::before {
  inset:calc(68px + var(--top-safe)) 0 12px;
  background-image:var(--pattern);
  background-size:min(128vw,540px) auto;
  background-position:50% 62%;
  background-repeat:no-repeat;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 150px,#000 215px,#000 calc(100% - 24px),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,transparent 150px,#000 215px,#000 calc(100% - 24px),transparent 100%);
}
#blueink-r11[data-visual="assets-v2"][data-current-page="control"][data-control-texture="center-v1"] .control-links {
  background:var(--control-surface);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
#blueink-r11[data-visual="assets-v2"][data-current-page="control"][data-control-texture="center-v1"][data-theme="night"] {
  --pattern-alpha:.16;
  --control-surface:rgba(24,41,66,.62);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  #blueink-r11[data-visual="assets-v2"][data-current-page="control"][data-control-texture="center-v1"] .control-links {
    background:var(--glass-strong);
  }
}