html {color-scheme:light; -webkit-text-size-adjust:100%; overscroll-behavior-x:none}
body {overscroll-behavior-x:none}
body {margin:0; background:#fff; color:#242128; font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif}
.uriaiyu-shell {color:#242128; background:#fff}
.uriaiyu-shell *, .uriaiyu-shell *::before, .uriaiyu-shell *::after {box-sizing:border-box}
.diary-breadcrumb {max-width:1240px; margin:auto; padding:12px clamp(16px,3vw,32px); box-sizing:border-box; color:#242128; font-size:14px; line-height:1.8}
.diary-breadcrumb ol {display:flex; flex-wrap:wrap; gap:0 8px; list-style:none; margin:0; padding:0}
.diary-breadcrumb li {min-width:0; overflow-wrap:anywhere}
.diary-breadcrumb a {display:inline-block; padding:8px 0; color:#62409e; text-underline-offset:3px}
.diary-breadcrumb [aria-current] {display:inline-block; padding:8px 0}
.diary-breadcrumb a:focus-visible {outline:2px solid #62409e; outline-offset:3px}
#shell {--blue:#7754c7; --blue-lit:#c5adff; --blue-dim:rgba(169,130,245,.14); --faint:#91a0b0; min-height:65svh; color-scheme:dark}
#shell .preview-notice {display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; padding:14px 32px; background:#242031; color:#ddd4f0; font-size:13px; line-height:1.7; border-bottom:1px solid #493b61}
#shell .preview-notice strong {color:#e0cbff; white-space:nowrap}
#shell .preview-notice button {color:#eadfff; text-decoration:underline; text-underline-offset:4px; cursor:pointer}
#shell .preview-notice button:disabled {opacity:.6; cursor:default}
#shell .workspace {max-width:1240px; margin:auto; padding:36px 32px}
#shell .workspace-heading {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px}
#shell .workspace-heading h1 {font-size:clamp(23px,3vw,30px); letter-spacing:-.03em; margin:0; line-height:1.5}
#shell #showIntro {color:#c5adff; cursor:pointer; font-size:13px; min-height:44px; white-space:nowrap}
#shell .app-intro {position:relative; padding:24px; margin-bottom:24px; border:1px solid #3b304f; border-radius:8px; background:#191622}
#shell #closeIntro {display:block; margin:0 0 12px auto; color:#c5adff; cursor:pointer; font-size:13px; min-height:32px}
#shell .app-intro h2 {font-size:clamp(21px,3vw,27px); letter-spacing:-.03em; line-height:1.4; margin:0 0 12px; font-weight:650}
#shell .app-intro div {font-size:15px; line-height:1.8; color:#afbbc8}
#shell .app-intro a {display:inline-block; margin-top:16px; color:#d1bcff; font-size:14px; text-underline-offset:4px}
#shell .bar {position:static; background:none; border-bottom:1px solid var(--line); padding-bottom:16px}
#shell .workspace-controls {display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px}
#shell #nav {display:flex; position:static; flex-direction:row; flex-wrap:nowrap; width:fit-content; max-width:100%; margin:0; padding:4px; border:1px solid var(--line); border-radius:8px; background:var(--panel); box-shadow:none; gap:4px}
#shell #nav a {width:auto; padding:6px 12px; justify-content:center; text-align:center; white-space:nowrap; min-height:32px}
#shell .workspace-controls>.spacer {display:none}
#shell .workspace-controls>#add {padding:8px 10px; font-size:12px; flex-shrink:0}
#shell #nav a[aria-current="true"] {background:var(--blue); color:#fff}
#shell .account-controls {display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 0 0; margin-top:8px; border-top:1px solid var(--line)}
#shell .account-controls .btn {min-height:40px}
#shell .workspace-controls #nav {height:40px; padding:3px; box-sizing:border-box}
#shell .workspace-controls #nav a {height:32px; min-height:32px; padding-top:0; padding-bottom:0}
#shell .workspace-controls #add {height:40px; min-height:40px}
#shell .wall>.new {grid-column:1 / -1; justify-self:start; width:auto; height:auto; min-height:36px; padding:8px 0; border:0; color:var(--blue-lit)}
#shell .wall>.new .label {font-family:var(--sans); font-size:13px; letter-spacing:0}
#shell .account-controls #footerSync {margin-left:auto}
#shell .workspace-help {margin-top:16px}
#shell .workspace-help .app-intro {margin-top:12px}
#shell #menu {display:none !important}
#shell :is(.toolbar,.tools) {padding-left:0; padding-right:0; border:0; background:none}
#shell .toolbar {flex-wrap:wrap; row-gap:12px}
#shell :is(#signIn,#signOut,#footerSync) .wide {display:inline}
#shell #footerSync {font-size:12px; line-height:1.5}
#shell .show-section {display:flex; flex-direction:column; gap:14px; min-width:0; margin:0; padding:16px 0 0; border:0; border-top:1px solid var(--line)}
#shell .show-section legend {padding:0 8px 0 0; font-size:14px; font-weight:600; color:var(--ink)}
#shell .dlg :is(label,.form-field)>span {font-family:var(--sans); font-size:13px; letter-spacing:0; color:#b7c2ce}
#shell .dlg input::placeholder {color:#91a0b0; opacity:1}
@media (max-width:640px) {
  #shell .account-controls #footerSync {margin-left:0; flex-basis:auto}
  #shell .dlg .f-row.price {grid-template-columns:1fr 1fr}
  #shell .dlg .f-row.price>label:last-child {grid-column:1 / -1}
}
#shell main {padding:8px 0 32px}
#shell main.legal-main {width:100%;max-width:820px;box-sizing:border-box;margin:0 auto;padding:8px 24px 48px;overflow-wrap:anywhere}
#shell .legal-main h2 {scroll-margin-top:96px}
#shell main.public-main {max-width:1240px; margin:auto; padding:8px 32px 32px}
#shell :is(button,a) {touch-action:manipulation}
#shell [data-login-required] {position:relative; cursor:pointer}
#shell .poster:not(.shot-img)[data-login-required] {padding-bottom:34px}
#shell :is(button,a,input,select,textarea):focus-visible {outline:2px solid #d1bcff; outline-offset:4px}
@media (pointer:coarse) {#shell :is(input,select,textarea) {font-size:16px} #shell :is(.btn,.chip,nav a) {min-height:44px}}
@media (max-width:640px) {#shell .preview-notice {padding:12px 16px; gap:4px 12px} #shell .workspace {padding:24px 16px} #shell .app-intro {padding:16px} #shell .workspace-controls {gap:8px} #shell #nav {width:auto; gap:2px} #shell #nav a {font-size:13px; padding:8px 9px} #shell .workspace-controls>.spacer {display:none} #shell .poster:not(.shot-img)[data-login-required] {padding-bottom:28px}}