/* SS-CENTERFIX-001: scoped additive corrections, not the rejected R2 palette. */
@font-face{font-family:"SS Script";src:url('/static/fonts/Tangerine-Bold.woff2') format('woff2');font-display:swap}
#blueink-r11{--reading-surface:rgba(253,250,246,.74);--reading-edge:rgba(255,255,255,.62);--pattern-strength:.20}
#blueink-r11[data-theme=night]{--reading-surface:rgba(24,41,66,.82);--reading-edge:rgba(195,218,255,.16);--pattern-strength:.17}
#blueink-r11 .script-label{font-family:"SS Script","URW Chancery L","Z003",cursive;font-size:30px;font-weight:400;line-height:1.15;color:var(--blue);margin:0}
#blueink-r11 .brand{width:112px}
#blueink-r11 .brand img{width:112px;height:68px;object-fit:contain;filter:none;mix-blend-mode:normal}
#blueink-r11 .readable-surface{background:var(--reading-surface);border:1px solid var(--line);border-radius:14px;box-shadow:inset 0 1px 0 var(--reading-edge),0 3px 12px rgba(50,75,110,.025);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#blueink-r11 .calendar-entry{display:grid;grid-template-columns:62px minmax(0,1fr) 16px;gap:12px;align-items:center;flex:0 0 auto;width:100%;min-height:80px;padding:7px 12px;text-align:left;margin:0 0 16px}
#blueink-r11 .calendar-entry>img{width:62px;height:62px;object-fit:contain}
#blueink-r11 .calendar-entry h2{font-size:15px;font-weight:400;margin:0 0 6px}
#blueink-r11 .calendar-entry p{font:11px var(--font-ui);color:var(--secondary);margin:0}
#blueink-r11 .life-content>.shelf{margin-bottom:21px}
/* Memory headings live in normal flow, never over the animals' faces. */
#blueink-r11 .memory-directory{padding:0 14px;margin:4px 0 20px}
#blueink-r11 .memory-directory .entry-list{padding:0;background:none;border-top:0;backdrop-filter:none}
#blueink-r11 .memory-directory .entry-row:last-child{border-bottom:0}
#blueink-r11 .memory-recent{padding:17px 14px;margin-bottom:14px}
#blueink-r11 .memory-node-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;width:100%;padding:8px 0;text-align:left}
#blueink-r11 .memory-node-row+.memory-node-row{border-top:1px solid var(--line)}
#blueink-r11 .memory-node-row>span{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#blueink-r11 .memory-node-row>time{font:10px var(--font-ui);color:var(--secondary)}
#blueink-r11 .memory-node-row .icon{width:17px;height:17px;color:var(--blue)}
#blueink-r11 .memory-companions{margin:16px -4px 17px;pointer-events:none}
#blueink-r11 .memory-companions>img{width:100%;height:auto}
#blueink-r11 .memory-manage{display:flex;width:100%;justify-content:space-between;align-items:center}
/* Settings ornament gets a real composition slot, not a tiny orphan at top right. */
#blueink-r11 .appearance-intro{display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:center;gap:18px;margin:18px 6px 23px}
#blueink-r11 .appearance-intro>div{min-width:0}
#blueink-r11 .appearance-intro p{font:11.5px/1.8 var(--font-ui);color:var(--secondary);margin:9px 0 0}
#blueink-r11 .appearance-intro .softglass-bookmark{width:68px;max-width:none;margin:0}
#blueink-r11 .settings-group{padding:0 15px}
#blueink-r11 .settings-group .settings-row{min-height:64px;gap:12px}
#blueink-r11 .settings-group .settings-row:last-child{border-bottom:0}
#blueink-r11 .settings-group .settings-row>button{flex-shrink:0;min-height:44px}
#blueink-r11 .settings-note{padding:14px;margin:18px 0}
#blueink-r11 .softglass-divider{width:220px;max-width:80%;margin:16px auto 21px}
#blueink-r11 .reading-title>.softglass-bookmark{flex:0 0 56px;width:56px}
/* All detail/work titles are optically centered with equal left/right columns. */
#blueink-r11 :is(.chat-header,.workbench-head){display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding-inline:12px}
#blueink-r11 :is(.chat-header,.workbench-head)>.chat-heading{grid-column:2;min-width:0;text-align:center}
#blueink-r11 .header-spacer{width:44px;height:44px}
#blueink-r11 .workbench-head .chat-heading h1{font-size:16px}
#blueink-r11 .workbench-head .chat-heading p{font-size:10px}
/* Authentication has its own shell/state, rather than reusing a growth card. */
#blueink-r11 .login-layout{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:calc(25px + var(--top-safe)) 23px calc(30px + var(--bottom-safe));gap:28px}
#blueink-r11 .login-brand{text-align:center;flex-shrink:0}
#blueink-r11 .login-brand .brand{width:152px;margin:auto auto 13px}
#blueink-r11 .login-brand .brand img{width:152px;height:auto}
#blueink-r11 .login-brand .script-label{font-size:34px}
#blueink-r11 .login-card{width:100%;max-width:348px;padding:25px 21px 19px;background:var(--reading-surface);flex-shrink:0}
#blueink-r11 .login-card h1{font-size:22px;font-weight:400;text-align:center;margin:0 0 12px}
#blueink-r11 .login-intro{font:12px/1.8 var(--font-ui);color:var(--secondary);text-align:center;margin:0 0 23px}
#blueink-r11 .login-label{display:block;font:12px/1.7 var(--font-ui);color:var(--secondary);text-align:left;margin-bottom:8px}
#blueink-r11 .login-input{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:var(--glass-ui);color:var(--ink);padding:10px 12px;font:16px var(--font-ui);box-sizing:border-box}
#blueink-r11 .login-input::placeholder{font-size:12px}
#blueink-r11 .login-status{min-height:37px;font:11px/1.7 var(--font-ui);color:var(--secondary);margin:12px 0 9px;overflow-wrap:anywhere}
#blueink-r11 .login-status.is-error{color:#854957}
#blueink-r11 .login-submit{width:100%;min-height:46px;padding:11px 15px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(130deg,rgba(204,222,250,.42),rgba(245,249,255,.60));color:var(--blue);font-size:14px;text-align:center;box-shadow:inset 0 1px 0 var(--reading-edge),0 3px 10px rgba(51,76,110,.04)}
#blueink-r11[data-theme=night] .login-submit{background:rgba(149,185,238,.16)}
#blueink-r11 .workbench-login{display:flex;flex-direction:column;justify-content:safe center;padding-block:24px}
#blueink-r11 .workbench-login .workbench-empty{margin:0;background:var(--reading-surface)}
#blueink-r11 .workbench-login .script-label{font:32px/1.2 "SS Script","URW Chancery L","Z003",cursive;color:var(--blue);margin:0 0 17px}
#blueink-r11 .workbench-password{margin:0 0 14px;height:48px}
#blueink-r11 .workbench-login .error-note{text-align:left}
@media(max-width:370px){
 #blueink-r11 .appearance-intro{grid-template-columns:minmax(0,1fr) 60px;gap:13px}
 #blueink-r11 .appearance-intro .softglass-bookmark{width:60px}
 #blueink-r11 .memory-node-row{grid-template-columns:20px minmax(0,1fr);gap:6px}
 #blueink-r11 .memory-node-row time{grid-column:2}
 #blueink-r11 .login-layout{padding-inline:18px;gap:20px}
}