html,body,#root{background:#e9ede2;width:100%;height:100%;margin:0}.pium-web-viewport{justify-content:center;height:100dvh;display:flex;position:fixed;inset:0 0 auto;overflow:hidden}.pium-web-shell{box-sizing:border-box;min-width:0;max-width:760px;min-height:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);background:#fafbf6;border-inline:1px solid #e3e8da;flex-direction:column;flex:1;display:flex}.pium-web-shell>div{min-height:0}.pium-web-shell input,.pium-web-shell textarea{font-size:16px!important}.pium-web-shell :focus-visible{outline-offset:3px;outline:2px solid #62744c}@media (width<=600px){.pium-web-shell{border:0;max-width:none}}@media (prefers-reduced-motion:reduce){.pium-web-shell *{scroll-behavior:auto!important}}.pium-web-viewport{color:#29372a;background:#fafbf6;flex-direction:column;justify-content:flex-start;font-family:Arial,sans-serif}.web-topbar{background:#fff;border-bottom:1px solid #e3e8da;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 32px;display:flex}.web-brand{letter-spacing:-2px;color:#29372a;white-space:nowrap;font-size:38px;font-weight:750;text-decoration:none}.web-brand span{color:#a5c96d}.web-brand small{letter-spacing:0;color:#78816f;margin-left:12px;font-size:12px;font-weight:400}.web-topbar p{color:#78816f;font-size:13px}.web-topbar p small{background:#f0f4e9;border-radius:5px;margin-left:10px;padding:5px 8px;font-size:9px}.web-topbar nav{gap:20px;display:flex}.web-topbar nav a{color:#526c39;font-size:13px;text-decoration:none}.web-workspace{flex:1;width:100%;max-width:1600px;min-height:0;margin:auto;display:flex}.pium-web-shell{border-inline:1px solid #e3e8da;flex:1;min-width:0;max-width:none}.web-character,.web-notebook{box-sizing:border-box;background:#fcfcf9;flex-shrink:0;width:280px;padding:25px;overflow:auto}.web-notebook{width:285px}.web-eyebrow{letter-spacing:2px;color:#78816f;margin-bottom:20px;font-size:10px;font-weight:700}.web-portrait{color:#fff;background:#27321e;border-radius:16px;height:310px;position:relative;overflow:hidden}.web-portrait img{object-fit:cover;object-position:center;width:100%;height:100%}.web-portrait>div{background:linear-gradient(#0000,#182313e8);padding:45px 18px 20px;position:absolute;inset:auto 0 0}.web-portrait h1{margin:8px 0;font-size:30px}.web-portrait h1 small{font-size:15px;font-weight:400}.web-portrait p{margin:0;font-size:11px}.web-portrait div>small{letter-spacing:2px;font-size:9px}.web-fiction{color:#374432;letter-spacing:1px;background:#ffffffdc;border-radius:5px;padding:6px 8px;font-size:8px;position:absolute;top:12px;left:12px}.web-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.web-tags span{color:#62744c;background:#edf2e4;border-radius:20px;padding:6px 8px;font-size:9px}.web-bio{color:#78816f;font-size:12px;line-height:1.8}.web-text-link{color:#526c39;padding:10px 0;font-size:12px;text-decoration:none;display:inline-block}.web-controls{border-top:1px solid #e3e8da;flex-direction:column;gap:16px;margin-top:20px;padding-top:20px;display:flex}.web-controls label{justify-content:space-between;align-items:center;font-size:12px;display:flex}.web-controls select{color:#29372a;font:inherit;background:#fff;border:1px solid #dce2d3;border-radius:8px;padding:12px;font-size:13px}.web-controls input{accent-color:#789c4d;width:18px;height:18px}.web-footnote{color:#78816f;margin-top:20px;font-size:11px;line-height:1.7}.web-notebook h2{margin:0 0 24px;font-size:17px}.web-notebook h2 span{float:right;color:#9aaa8a;font-size:13px}.web-note-tabs{background:#edf0e7;border-radius:8px;gap:4px;padding:4px;display:flex}.web-note-tabs button{color:#78816f;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:10px}.web-note-tabs button[aria-pressed=true]{color:#29372a;background:#fff;box-shadow:0 1px 4px #29372a12}.web-note{background:#fff;border:1px solid #e3e8da;border-radius:12px;margin:12px 0;padding:16px}.web-note h3{margin:0 0 8px;font-size:18px;font-weight:500;line-height:1.6}.web-note p,.web-empty p{color:#78816f;font-size:12px;line-height:1.7}.web-note small{color:#78816f;font-size:11px;line-height:1.7}.web-empty{text-align:center;color:#62744c;padding:32px 12px;font-size:14px}.web-note-footer{color:#78816f;border-top:1px solid #e3e8da;margin-top:28px;padding-top:20px;font-size:11px}.web-note-footer p{font-size:10px;line-height:1.7}@media (width>=1100px){.pium-web-shell [role=tablist]{display:none}}@media (width<=1099px){.web-notebook,.web-topbar p{display:none}.web-character{width:245px;padding:20px}}@media (width<=760px){.web-character{display:none}.web-topbar{height:56px;padding:0 18px}.web-brand{font-size:30px}.web-topbar nav{gap:14px}.web-topbar nav a{font-size:11px}.web-topbar nav a:first-child{display:none}.pium-web-shell{border:0}.web-workspace{max-width:760px}}.web-offline{color:#29372a;text-align:center;background:#fff0d6;flex-shrink:0;padding:10px 16px;font-size:13px;line-height:1.5}@media (width<=760px){.pium-web-shell input,.pium-web-shell textarea{font-size:16px!important}}.web-header-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.web-header-status p{margin:0}.web-beta{color:#78816f;white-space:nowrap;background:#f0f4e9;border-radius:5px;padding:5px 8px;font-size:9px}.web-trial-count{color:#78816f;white-space:nowrap;font-size:11px}@media (width<=760px){.web-topbar{gap:10px}.web-header-status{gap:6px}.web-beta{padding:4px 6px}.web-trial-count{font-size:10px}}@media (width<=540px){.web-topbar nav{display:none}.web-header-status{justify-content:flex-end}.web-brand small{display:none}}