#fufu-panels{--fufu-ink:#233d38;--fufu-secondary:#334941;--fufu-soft:#3d514b;--fufu-control:#486157;--fufu-line:#ffffffa8;color:var(--fufu-ink);font:12px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;position:fixed;inset:0;pointer-events:none;z-index:18100;-webkit-app-region:no-drag}
#fufu-panels *{box-sizing:border-box}#fufu-panels [hidden]{display:none!important}#fufu-panels button,#fufu-panels input,#fufu-panels select{font:inherit}#fufu-panels button,#fufu-panels a{touch-action:manipulation}#fufu-panels button{cursor:pointer;color:inherit}#fufu-panels button:disabled{opacity:.38;cursor:default}#fufu-panels button:focus-visible,#fufu-panels input:focus-visible,#fufu-panels select:focus-visible,#fufu-panels a:focus-visible{outline:2px solid #486157;outline-offset:3px}
#fufu-info-card{pointer-events:auto;position:fixed;right:16px;top:48px;width:min(356px,calc(100vw - 32px));max-height:calc(100dvh - 72px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8fb6b54d transparent;border:1px solid rgba(255,255,255,.68);border-radius:27px;background:radial-gradient(ellipse at 8% 0%,rgba(255,255,255,.31),transparent 57%),linear-gradient(138deg,rgba(248,255,250,.61),rgba(230,246,236,.38) 48%,rgba(204,232,215,.28));background-color:rgba(238,248,243,.72);backdrop-filter:blur(32px) saturate(135%);-webkit-backdrop-filter:blur(32px) saturate(135%);box-shadow:0 20px 54px #244d3b20,0 4px 12px #244d3b0c,inset 1px 1px 1px #ffffffb5,inset -1px -1px 1px #7ba78b26;animation:fufu-card-rise .34s cubic-bezier(.16,1,.3,1);transform-origin:top right}
@keyframes fufu-card-rise{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.fufu-card-head{display:flex;align-items:center;gap:9px;padding:18px 18px 12px;position:sticky;top:0;z-index:2;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;cursor:grab;user-select:none;-webkit-user-select:none}.fufu-card-navigation{display:flex;gap:3px;flex:none}.fufu-card-heading{flex:1;min-width:0}.fufu-overline{display:block;font-size:7px;letter-spacing:.2em;color:var(--fufu-soft)}.fufu-card-head h2{font-size:18px;font-weight:500;letter-spacing:.045em;margin:3px 0 0;white-space:nowrap}
.fufu-ui-icon{display:block;flex:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px;filter:drop-shadow(0 1px 0 #ffffffb0)}.fufu-icon-button{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:1px solid rgba(255,255,255,.48);border-radius:50%;color:var(--fufu-control)!important;background:rgba(255,255,255,.26);box-shadow:inset 0 1px 0 #ffffff70;line-height:1;transition:background .18s,transform .2s}.fufu-icon-button .fufu-ui-icon{width:14px;height:14px;stroke-width:1.5}.fufu-close-button .fufu-ui-icon{width:12px;height:12px}.fufu-icon-button:not(:disabled):hover{background:rgba(255,255,255,.56)}.fufu-icon-button:not(:disabled):active{transform:scale(.94);background:#dfefea65}.fufu-icon-button:disabled{opacity:.32!important}
.fufu-card-page{padding:0 22px 22px}.fufu-card-intro{font-size:12px;line-height:1.9;margin:14px 0 20px;color:var(--fufu-secondary)}.fufu-card-intro span{font-size:10px;letter-spacing:.025em;color:var(--fufu-soft)}.fufu-card-page h3{font-size:12px;letter-spacing:.02em;font-weight:600;margin:20px 0 10px}
.fufu-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fufu-shortcuts button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #ffffff94;border-radius:15px;padding:13px 4px 11px;background:linear-gradient(145deg,#ffffff70,#d4edeb29);box-shadow:inset 0 1px 0 #fff9;font-size:10px!important;transition:background .2s,transform .2s}.fufu-shortcuts .fufu-ui-icon{color:var(--fufu-control);width:24px;height:24px}.fufu-shortcuts button:hover{background:#ffffffa1}.fufu-shortcuts button:active{transform:scale(.96)}
.fufu-interactions{margin:0}.fufu-interactions>div{display:grid;grid-template-columns:77px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #7698961a}.fufu-interactions dt{font-size:10px;color:var(--fufu-soft);padding-top:1px}.fufu-interactions dd{margin:0;font-size:11px;color:var(--fufu-secondary)}.fufu-interactions kbd{display:inline-block;border:1px solid #ffffff94;border-radius:5px;background:#ffffff59;padding:0 6px;font:10px/1.8 inherit;color:var(--fufu-secondary);box-shadow:0 1px 2px #4771770d}
.fufu-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.fufu-section-heading h3{margin-bottom:10px}.fufu-muted{font-size:9px;color:var(--fufu-soft)}.fufu-capabilities{display:grid;gap:7px}.fufu-capability{border:1px solid #ffffff7a;border-radius:13px;background:#ffffff36;padding:11px 12px}.fufu-capability strong{font-size:11px;font-weight:500}.fufu-capability p{margin:3px 0 0;font-size:10px;color:var(--fufu-secondary)}.fufu-capability small{display:inline-block;margin-top:5px;color:var(--fufu-soft);font-size:9px}.fufu-model-size{border-top:1px solid #7ca3a224;padding-top:15px;margin-top:18px}.fufu-section-heading label{font-size:11px}.fufu-text-button{border:0;background:none;padding:4px 0!important;font-size:10px!important;color:var(--fufu-secondary)!important}.fufu-text-button:hover{text-decoration:underline;text-underline-offset:3px}
/* The two sliders share one translucent track and a glass bead thumb. */
#fufu-panels input[type=range]{--fufu-range-fill:50%;appearance:none;-webkit-appearance:none;display:block;width:100%;height:24px;margin:9px 0 4px;background:transparent;cursor:ew-resize;padding:0;border:0;touch-action:pan-y}
#fufu-panels input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid #ffffffc4;border-radius:20px;background:linear-gradient(90deg,#486157d9 0 var(--fufu-range-fill),#ffffff45 var(--fufu-range-fill) 100%);box-shadow:inset 0 1px 3px #62988b12}
#fufu-panels input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border:1px solid #fffffff0;border-radius:50%;background:linear-gradient(140deg,#ffffffed,#e5f6efe0 55%,#b7d6cd8c);box-shadow:0 2px 7px #547b6f26,0 0 0 1px #486157c2,inset 0 1px 1px white;transition:box-shadow .2s,transform .2s}
#fufu-panels input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 3px 10px #547b6f30,0 0 0 1px #486157c2,inset 0 1px 1px white}
#fufu-panels input[type=range]::-moz-range-track{height:5px;border:1px solid #ffffffc4;border-radius:20px;background:#ffffff45;box-shadow:inset 0 1px 3px #62988b12}#fufu-panels input[type=range]::-moz-range-progress{height:5px;border-radius:20px;background:#486157d9}#fufu-panels input[type=range]::-moz-range-thumb{width:16px;height:16px;border:1px solid #fffffff0;border-radius:50%;background:linear-gradient(140deg,#ffffffed,#e5f6efe0 55%,#b7d6cd8c);box-shadow:0 2px 7px #547b6f26,0 0 0 1px #486157c2,inset 0 1px 1px white}#fufu-panels input[type=range]:disabled{opacity:.45;cursor:default}
.fufu-fine{font-size:10px;line-height:1.8;color:var(--fufu-soft);margin:8px 0}.fufu-guide-doors{display:grid;gap:7px;margin:20px 0 16px}.fufu-diary-door{display:flex;width:100%;align-items:center;gap:12px;text-align:left;border:1px solid #fff9;border-radius:15px;background:linear-gradient(120deg,#ffffff87,#d8eeea35);padding:12px;box-shadow:inset 0 1px 0 #ffffffc4,0 3px 9px #67939308;transition:background .2s,transform .2s}.fufu-diary-door>.fufu-ui-icon:first-child{width:23px;height:23px;color:var(--fufu-control)}.fufu-diary-door>.fufu-ui-icon:last-child{width:13px;height:13px;color:var(--fufu-control)}.fufu-diary-door>span{flex:1}.fufu-diary-door strong{display:block;font-weight:500;font-size:12px}.fufu-diary-door small{display:block;font-size:9px;color:var(--fufu-soft);margin-top:2px}.fufu-diary-door:hover{background:#ffffffab}.fufu-diary-door:active{transform:scale(.985)}
.fufu-author-footer{border-top:1px solid #8aa9a31d;padding-top:14px}.fufu-author-footer>a{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--fufu-secondary);font-size:11px;width:100%;padding:8px 0}.fufu-author-footer>a>span{flex:1}.fufu-author-footer>a>.fufu-ui-icon{width:18px;height:18px}.fufu-author-footer>a>.fufu-ui-icon:last-child{width:12px;height:12px}.fufu-author-footer>a:hover{color:var(--fufu-soft)}.fufu-author-footer .fufu-fine{font-size:9px;color:var(--fufu-soft);margin:1px 0 6px}.fufu-author-footer .fufu-fine:empty{display:none}.fufu-portfolio-status{font-size:9px;letter-spacing:.03em;color:var(--fufu-soft);margin:11px 0 0}
.fufu-switch-row{display:flex;align-items:center;gap:10px;position:relative;padding:14px;border:1px solid #fff9;border-radius:17px;background:#ffffff4d;cursor:pointer}.fufu-switch-row>span:first-child{flex:1}.fufu-switch-row strong{display:block;font-size:12px;font-weight:500}.fufu-switch-row small{display:block;font-size:10px;color:var(--fufu-soft);margin-top:3px}.fufu-switch-row input{position:absolute;opacity:0;right:14px;width:40px;height:24px;z-index:2;cursor:pointer}.fufu-switch{display:block;position:relative;width:38px;height:23px;border:1px solid #fff9;border-radius:20px;background:#a5b7b42e;box-shadow:inset 0 1px 4px #719b9f12;transition:background .2s}.fufu-switch:after{content:"";position:absolute;left:2px;top:2px;width:17px;height:17px;border:1px solid white;border-radius:50%;background:linear-gradient(120deg,#fff,#ecf8f5);box-shadow:0 1px 4px #4a75772d;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.fufu-switch-row input:checked+.fufu-switch{background:#486157c9}.fufu-switch-row input:checked+.fufu-switch:after{transform:translateX(15px)}.fufu-switch-row input:focus-visible+.fufu-switch{outline:2px solid #486157;outline-offset:3px}.fufu-volume{margin:20px 0}.fufu-volume output{font-variant-numeric:tabular-nums;font-size:10px;color:var(--fufu-soft)}
.fufu-language-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fufu-language-options button{border:1px solid #ffffff80;border-radius:13px;background:#ffffff39;min-height:58px;padding:9px 5px;transition:background .2s,border-color .2s}.fufu-language-options button[aria-pressed=true]{border-color:#b2d0c7;background:linear-gradient(135deg,#ffffffbd,#d0e9de64);box-shadow:inset 0 1px 0 white,0 3px 8px #608c8c0e}.fufu-language-options strong{display:block;font-size:11px;font-weight:500}.fufu-language-options small{display:block;font-size:8px;color:var(--fufu-soft);margin-top:3px}.fufu-add-language{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;border:1px dashed #9bb9ad42;border-radius:13px;padding:9px;background:#ffffff12;margin-top:8px;font-size:10px!important;color:var(--fufu-soft)!important}.fufu-add-language .fufu-ui-icon{width:15px;height:15px}.fufu-language-picker{display:flex;gap:6px;margin-top:9px}
.fufu-language-picker select{appearance:none;-webkit-appearance:none;min-width:0;flex:1;border:1px solid #ffffffbc;border-radius:11px;background-color:#ffffff54;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23486157' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(130deg,#ffffff73,#e1f0e747);background-repeat:no-repeat;background-position:right 10px center,0 0;background-size:14px 14px,100% 100%;color:var(--fufu-secondary);padding:9px 29px 9px 11px;box-shadow:inset 0 1px 0 #ffffffd1,0 2px 6px #6e9b8c08;cursor:pointer}.fufu-language-picker select option{color:var(--fufu-soft);background:#f2f8f4}.fufu-soft-button{border:1px solid #ffffffc2;border-radius:11px;background:linear-gradient(130deg,#ffffff96,#d0e6db64);color:var(--fufu-secondary)!important;padding:7px 12px;box-shadow:inset 0 1px 0 #ffffffe0}.fufu-voice-footer{color:var(--fufu-soft);font-size:8px;line-height:1.75;text-align:center;letter-spacing:0;margin:20px 0 5px;overflow-wrap:anywhere}.fufu-footer-dot{color:var(--fufu-soft)}
.fufu-record-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0 9px;border-bottom:1px solid #8cab9c20}.fufu-record-toolbar .fufu-fine{font-size:9px;margin:0;color:var(--fufu-soft)}.fufu-record-toolbar .fufu-text-button{flex:none}.fufu-diary-intro{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:13px;letter-spacing:.035em;color:var(--fufu-secondary);margin-bottom:10px}.fufu-diary-entry{padding:23px 1px 21px;border-bottom:1px solid #91ac9b22}.fufu-diary-date{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-family:"Songti SC","Noto Serif CJK SC",serif;color:var(--fufu-secondary)}.fufu-diary-year{width:100%;font:8px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.19em;color:var(--fufu-soft)}.fufu-diary-date>time{font-size:25px;line-height:1.3;font-weight:300;letter-spacing:.015em}.fufu-diary-date>small{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:8px;color:var(--fufu-soft)}.fufu-diary-entry h3{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:500;font-size:13px;letter-spacing:.035em;margin:14px 0 9px;color:var(--fufu-secondary)}.fufu-diary-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:12px;line-height:2.1;letter-spacing:.018em;color:var(--fufu-secondary);margin:8px 0 0;user-select:text;-webkit-user-select:text}.fufu-diary-empty{text-align:center;font-size:11px;line-height:2;color:var(--fufu-soft);padding:34px 18px}
.fufu-log-tabs{display:flex;gap:3px;padding:4px;border:1px solid #ffffff78;border-radius:12px;background:#92b3a312;margin-bottom:12px}.fufu-log-tabs button{flex:1;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--fufu-soft)!important;font-size:10px!important;padding:6px}.fufu-log-tabs button[aria-selected=true]{color:var(--fufu-secondary)!important;background:linear-gradient(140deg,#ffffffad,#edf8ec70);border-color:#ffffff9c;box-shadow:0 2px 5px #7b9d8210}.fufu-log-entry{padding:14px 0;border-bottom:1px solid #91ac9b20}.fufu-log-entry>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.fufu-log-entry strong{font-size:10px;font-weight:500;color:var(--fufu-secondary)}.fufu-log-entry time{font-size:8px;color:var(--fufu-soft);flex:none}.fufu-log-entry p{margin:7px 0 0;font-size:11px;line-height:1.9;color:var(--fufu-secondary);white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.fufu-log-error strong{color:#694637}.fufu-log-error p{color:#694637}.fufu-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-height:520px){#fufu-info-card{top:14px;right:12px;max-height:calc(100dvh - 28px);border-radius:22px}.fufu-card-head{padding:14px 15px 10px}.fufu-card-head h2{font-size:17px}.fufu-card-page{padding:0 18px 18px}.fufu-card-intro{margin:12px 0 15px}.fufu-shortcuts button{padding:10px 4px}}
@media(max-width:350px){#fufu-info-card{right:9px;width:calc(100vw - 18px)}.fufu-card-head{gap:7px;padding-left:12px;padding-right:12px}.fufu-card-head h2{font-size:16px}.fufu-card-navigation{gap:1px}.fufu-card-page{padding-left:16px;padding-right:16px}.fufu-interactions>div{grid-template-columns:65px 1fr}.fufu-voice-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){#fufu-panels *,#fufu-bond-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Same faceted crystal as the original history control, in a compact guide slot. */
.fufu-shortcuts .fufu-history-crystal{display:block;flex:none;width:18px;height:18px;margin:3px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.9);border-bottom-color:rgba(111,198,221,.5);background:linear-gradient(135deg,rgba(255,255,255,.57),rgba(193,231,245,.2));backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:0 0 7px #a7eaf449,inset 0 0 6px #ffffff85;animation:fufu-guide-prism 4s ease-in-out infinite;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .3s}
.fufu-shortcuts button:hover .fufu-history-crystal,.fufu-shortcuts button:focus-visible .fufu-history-crystal{transform:rotate(225deg) scale(1.12);background:linear-gradient(135deg,#ffffffb8,#d1eff452)}
@keyframes fufu-guide-prism{0%,100%{box-shadow:0 0 7px #a7eaf449,inset 0 0 6px #ffffff85}50%{box-shadow:0 0 13px #9dddeb85,0 0 4px #ffffff85,inset 0 0 9px #ffffffb0}}
@media(prefers-reduced-motion:reduce){.fufu-shortcuts .fufu-history-crystal{animation:none!important;transition:none!important}}

/* A uniform light-diffusing backing preserves ink contrast over dark wallpaper.
   Headers remain part of the same sheet; legacy collection cards are untouched. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#fufu-info-card{background-color:rgba(238,248,243,.94)}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){#fufu-info-card{background-color:#edf6f0}#fufu-panels{--fufu-soft:#334941;--fufu-control:#334941}}

@media(max-height:520px){.fufu-card-head{padding-right:44px}}
@media(max-width:350px){.fufu-card-head{padding-right:41px}}

/* Keep the independent chatter preference aligned with the existing glass switch. */
#fufu-chatter-row{margin-top:9px}