:root{--graphite: #1e1e1e;--graphite-side: #222324;--rule: #2c2c2c;--rule-soft: #262626;--cream: #e9dfc8;--cream-ui: #e3dbc9;--dim: #a69c88;--rubric: #e07a62;--rubric-deep: #9a3320;--rubric-q: #e9907a;--lapis: #2e4a7a;--gilt: #e2c27a;--vellum: #d3c7aa;--leaf-ink: #2b1d13;--leaf-dim: #6c573c;--leaf-rubric: #a32e1a;--leaf-lapis: #2d4a8a;--vine-bright: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' viewBox='0 0 48 112'%3E%3Cfilter id='w' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.12' numOctaves='2' seed='4'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='1.3'/%3E%3C/filter%3E%3Cg filter='url(%23w)' stroke-linejoin='round' stroke-linecap='round'%3E%3Cg fill='none' stroke='%232b1d13' stroke-width='0.55'%3E%3Cpath d='M27 18c6-1 10-5 12-10'/%3E%3Cpath d='M27 18c4 2 6 6 13 7'/%3E%3Cpath d='M21 74c-6-1-10-5-12-10'/%3E%3Cpath d='M21 74c-4 2-6 6-13 7'/%3E%3Cpath d='M27 46c5 1 8 4 9 8'/%3E%3Cpath d='M21 100c-5 1-8 4-9 8'/%3E%3C/g%3E%3Cg stroke='%232b1d13' stroke-width='0.6'%3E%3Cpath transform='translate(39 7) rotate(30)' d='M0 4C-2 2-5 2-5-1-3-1-3-3-2-4-1-3 0-3 0-6 0-3 1-3 2-4 3-3 3-1 5-1 5 2 2 2 0 4Z' fill='%23c4973e'/%3E%3Cpath transform='translate(41 25) rotate(100)' d='M0 4C-2 2-5 2-5-1-3-1-3-3-2-4-1-3 0-3 0-6 0-3 1-3 2-4 3-3 3-1 5-1 5 2 2 2 0 4Z' fill='%234e7646'/%3E%3Cpath transform='translate(9 63) rotate(-30)' d='M0 4C-2 2-5 2-5-1-3-1-3-3-2-4-1-3 0-3 0-6 0-3 1-3 2-4 3-3 3-1 5-1 5 2 2 2 0 4Z' fill='%23c4973e'/%3E%3Cpath transform='translate(7 81) rotate(-100)' d='M0 4C-2 2-5 2-5-1-3-1-3-3-2-4-1-3 0-3 0-6 0-3 1-3 2-4 3-3 3-1 5-1 5 2 2 2 0 4Z' fill='%234e7646'/%3E%3Ccircle cx='36.5' cy='55' r='1.8' fill='%23c4973e'/%3E%3Ccircle cx='11.5' cy='109' r='1.8' fill='%23c4973e'/%3E%3C/g%3E%3Crect x='20' y='0' width='8' height='56' fill='%232d4a8a'/%3E%3Crect x='20' y='56' width='8' height='56' fill='%23c6847e'/%3E%3Cpath d='M24 4l2 4-2 4-2 4 2 4 2 4-2 4-2 4 2 4 2 4-2 4-2 4 2 4M24 60l2 4-2 4-2 4 2 4 2 4-2 4-2 4 2 4 2 4-2 4-2 4 2 4' fill='none' stroke='%23f4ead2' stroke-width='0.6'/%3E%3Cpath d='M20 0v112M28 0v112' stroke='%232b1d13' stroke-width='0.8'/%3E%3Crect x='18.5' y='52' width='11' height='8' fill='%23c4973e' stroke='%232b1d13' stroke-width='0.7'/%3E%3Crect x='18.5' y='-4' width='11' height='8' fill='%23c4973e' stroke='%232b1d13' stroke-width='0.7'/%3E%3Crect x='18.5' y='108' width='11' height='8' fill='%23c4973e' stroke='%232b1d13' stroke-width='0.7'/%3E%3C/g%3E%3C/svg%3E");--paint-ink: #2b1d13;--paint-lapis: #3d5278;--paint-vermilion: #94503c;--paint-gold: #b39a62;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42  0 0 0 0 0.30  0 0 0 0 0.14  0 0 0 0.14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--vine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='112' viewBox='0 0 48 112'%3E%3Cfilter id='w' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.12' numOctaves='2' seed='4'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='1.3'/%3E%3C/filter%3E%3Cg filter='url(%23w)' stroke-linejoin='round' stroke-linecap='round'%3E%3Cg fill='none' stroke='%232b1d13' stroke-width='0.55'%3E%3Cpath d='M27 18c6-1 10-5 12-10'/%3E%3Cpath d='M27 18c4 2 6 6 13 7'/%3E%3Cpath d='M21 74c-6-1-10-5-12-10'/%3E%3Cpath d='M21 74c-4 2-6 6-13 7'/%3E%3Cpath d='M27 46c5 1 8 4 9 8'/%3E%3Cpath d='M21 100c-5 1-8 4-9 8'/%3E%3C/g%3E%3Cg stroke='%232b1d13' stroke-width='0.6'%3E%3Cpath transform='translate(39 7) rotate(30)' d='M0 4C-2 2-5 2-5-1-3-1-3-3-2-4-1-3 0-3 0-6 0-3 1-3 2-4 3-3 3-1 5-1 5 2 2 2 0 4Z' fill='%23b39a62'/%3E%3Cpath transform='translate(41 25) rotate(100)' d='M0 4C-2 2-5 2-5-1-3-1-3-3-2-4-1-3 0-3 0-6 0-3 1-3 2-4 3-3 3-1 5-1 5 2 2 2 0 4Z' fill='%23607358'/%3E%3Cpath transform='translate(9 63) rotate(-30)' d='M0 4C-2 2-5 2-5-1-3-1-3-3-2-4-1-3 0-3 0-6 0-3 1-3 2-4 3-3 3-1 5-1 5 2 2 2 0 4Z' fill='%23b39a62'/%3E%3Cpath transform='translate(7 81) rotate(-100)' d='M0 4C-2 2-5 2-5-1-3-1-3-3-2-4-1-3 0-3 0-6 0-3 1-3 2-4 3-3 3-1 5-1 5 2 2 2 0 4Z' fill='%23607358'/%3E%3Ccircle cx='36.5' cy='55' r='1.8' fill='%23b39a62'/%3E%3Ccircle cx='11.5' cy='109' r='1.8' fill='%23b39a62'/%3E%3C/g%3E%3Crect x='20' y='0' width='8' height='56' fill='%23435a82'/%3E%3Crect x='20' y='56' width='8' height='56' fill='%239c7a74'/%3E%3Cpath d='M24 4l2 4-2 4-2 4 2 4 2 4-2 4-2 4 2 4 2 4-2 4-2 4 2 4M24 60l2 4-2 4-2 4 2 4 2 4-2 4-2 4 2 4 2 4-2 4-2 4 2 4' fill='none' stroke='%23f4ead2' stroke-width='0.6'/%3E%3Cpath d='M20 0v112M28 0v112' stroke='%232b1d13' stroke-width='0.8'/%3E%3Crect x='18.5' y='52' width='11' height='8' fill='%23b39a62' stroke='%232b1d13' stroke-width='0.7'/%3E%3Crect x='18.5' y='-4' width='11' height='8' fill='%23b39a62' stroke='%232b1d13' stroke-width='0.7'/%3E%3Crect x='18.5' y='108' width='11' height='8' fill='%23b39a62' stroke='%232b1d13' stroke-width='0.7'/%3E%3C/g%3E%3C/svg%3E");--on-rubric: #f6ebd3;--sidebar-w: 239px;--line: 28px;--book: "IM Fell English", "EB Garamond", Georgia, serif;--book-sc: "IM Fell English SC", "IM Fell English", Georgia, serif;--ui: "EB Garamond", Georgia, serif;--capital: "IM Fell English", "EB Garamond", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--graphite);color:var(--cream);font-family:var(--ui);font-feature-settings:"liga","onum";-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:1.5px solid var(--rubric);outline-offset:2px}.window{height:100%;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:33px 28px minmax(0,1fr) auto;grid-template-areas:"side title" "side tabs" "side page" "side foot"}.window.no-sidebar{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "tabs" "page" "foot"}.icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;padding:0;border-radius:4px;background:transparent;color:#cfc6b4;cursor:pointer}.icon:hover{background:#ffffff0f}.icon.quiet{cursor:default;opacity:.55}.icon.quiet:hover{background:transparent}.sidebar{grid-area:side;background:var(--graphite-side);border-right:1px solid #2f3031;display:flex;flex-direction:column;min-height:0}.toolbar{display:flex;gap:4px;padding:6px 8px 4px 10px}.workspaces{display:flex;flex-direction:column;gap:4px;padding:4px 6px;overflow-y:auto}.workspace{display:block;text-decoration:none;border-radius:6px;padding:7px 10px 8px 12px;color:var(--cream-ui)}.workspace:hover{background:#ffffff0a}.workspace>span{display:block}.ws-name{font-size:15.5px;font-weight:600;line-height:20px}.numeral{font-family:var(--capital);font-weight:400;font-size:14px;color:var(--rubric);margin-right:7px}.ws-status{font-style:italic;font-size:13.5px;line-height:18px;color:var(--dim)}.workspace.unread .ws-status{color:var(--rubric)}.ws-path{font-size:13px;line-height:17px;font-variant:small-caps;letter-spacing:.03em;color:var(--dim)}.ws-leaves{font-size:13px;line-height:17px;color:var(--dim)}.workspace.selected{background:var(--rubric-deep);color:var(--on-rubric);box-shadow:inset 0 1px #ffebc838}.workspace.selected .numeral,.workspace.selected .ws-status{color:var(--on-rubric)}.workspace.selected .ws-path,.workspace.selected .ws-leaves{color:#ebd9b8}.owner{margin:auto 0 0;padding:12px 14px;display:flex;gap:8px;align-items:center;font-style:italic;font-size:13.5px;color:#cfc6b4}.titlebar{grid-area:title;display:flex;align-items:center;gap:9px;padding:0 18px 0 14px;border-bottom:1px solid #2d2d2d;box-shadow:0 1px 0 var(--rule-soft)}.title-leaf{color:var(--dim);--leaf-lines: var(--rubric);display:inline-flex}.titlebar h1{margin:0;font-size:15.5px;font-weight:600;letter-spacing:.01em}.folio{margin-left:auto;font-style:italic;font-size:14px;color:var(--dim)}.tabbar{grid-area:tabs;display:flex;align-items:stretch;border-bottom:1px solid var(--rule);overflow-x:auto}.tab{position:relative;display:flex;align-items:center;gap:7px;padding:0 10px 0 9px;border-right:1px solid var(--rule);font-size:14px;color:var(--dim);text-decoration:none;white-space:nowrap;--leaf-lines: #6e6658}.tab:hover{color:var(--cream)}.tab.active{background:#ffffff0d;color:var(--cream);--leaf-lines: var(--rubric)}.tab.active:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--rubric)}.page{grid-area:page;overflow-y:auto;min-height:0}.code-pane{grid-area:code;display:none;flex-direction:column;min-height:0;border-left:1px solid #2f3031;background:#1b1b1c}@media (min-width: 1101px){.window{grid-template-columns:var(--sidebar-w) minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"side title title" "side tabs tabs" "side page code" "side foot foot"}.window.no-sidebar{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"title title" "tabs tabs" "page code" "foot foot"}.code-pane{display:flex}.page .icon-portrait{width:190px;margin:-6px -14px 10px 18px}}.pane-head{display:flex;align-items:center;gap:12px;height:31px;padding:0 8px 0 16px;border-bottom:1px solid var(--rule)}.pane-file{font-family:Courier Prime,ui-monospace,monospace;font-size:12.5px;color:var(--cream-ui)}.pane-note{font-style:italic;font-size:13px;color:var(--dim)}.unsaved-dot{color:var(--rubric)}.save{margin-left:auto;display:inline-flex;align-items:baseline;gap:8px;border:0;border-radius:4px;padding:3px 9px;cursor:pointer;background:var(--rubric-deep);color:var(--on-rubric);font-family:var(--book);font-size:14px}.save:hover:not(:disabled){filter:brightness(1.12)}.save:disabled{background:transparent;color:var(--dim);cursor:default}.save kbd{font-family:var(--ui);font-size:12px;opacity:.75}.code{position:relative;flex:1;min-height:0;overflow:hidden}.code .cm-editor{position:absolute;top:0;right:0;bottom:0;left:0}.code-status{margin:0;padding:5px 14px 6px 16px;border-top:1px solid var(--rule);font-style:italic;font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-status.refused{color:var(--rubric)}.code-status.unsaved{color:var(--cream-ui)}.code-status .why{font-family:Courier Prime,ui-monospace,monospace;font-style:normal;font-size:12px}.wherfed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;background:#080808f0;animation:wherfed-in .35s ease-out both}.wherfed.lifting{animation:wherfed-out .45s ease-in both}@keyframes wherfed-in{0%{opacity:0}}@keyframes wherfed-out{to{opacity:0}}.wherfed .woof{grid-area:1 / 1}.wherfed .woof-word{right:auto;bottom:auto;left:50%;top:22%;transform:translate(-50%);white-space:nowrap;font-family:var(--capital);font-size:clamp(34px,6vw,76px);letter-spacing:.02em;color:var(--cream)}.wherfed .woof-cursor{background:var(--rubric)}.wherfed .woof-bunting{left:3%;width:94%;bottom:auto;top:40%}@media (prefers-reduced-motion: reduce){.wherfed,.wherfed.lifting{animation:none}}.writing-col{position:relative;isolation:isolate;max-width:880px;min-height:calc(100% - 64px);margin:26px 28px 38px;padding:64px 64px 60px 118px}.writing-col:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(/vellum.webp) 0 0 / 1024px 1024px,#e5d7b8;box-shadow:inset 0 0 0 1px #966e3c59,inset 0 0 34px 6px #a076384d,0 2px 5px #00000080,0 22px 48px #0000008c;filter:url(#leafedge)}.writing-col:after{--rule-ink: rgba(130, 70, 40, .24);content:"";position:absolute;top:24px;right:46px;bottom:24px;left:30px;z-index:-1;pointer-events:none;background:var(--vine-bright) repeat-y 0 18px / 48px 112px,linear-gradient(var(--rule-ink),var(--rule-ink)) 64px 0 / 1px 100% no-repeat,linear-gradient(var(--rule-ink),var(--rule-ink)) 100% 0 / 1px 100% no-repeat,linear-gradient(var(--rule-ink),var(--rule-ink)) 64px 22px / calc(100% - 64px) 1px no-repeat,linear-gradient(var(--rule-ink),var(--rule-ink)) 64px calc(100% - 22px) / calc(100% - 64px) 1px no-repeat;filter:url(#paint)}.writing-col.ink{color:var(--leaf-ink)}.writing-col.ink .head,.writing-col .currently h2,.leaf-html h1{color:var(--leaf-rubric)}.leaf-html h1{margin:0 0 10px;font-family:var(--book-sc);font-size:22px;font-weight:400;letter-spacing:.06em}.leaf-html h2{font-weight:400}.writing-col .currently dt{color:var(--leaf-dim)}.writing-col .currently dd a{text-decoration-color:var(--leaf-rubric)}.writing-col .currently dd a:hover,.writing-col.ink .q{color:var(--leaf-rubric)}.writing-col .para:before{content:"¶ ";color:var(--leaf-lapis)}.writing-col .para:nth-of-type(odd):before{color:var(--leaf-rubric)}.drop{position:relative;float:left;display:flex;align-items:center;justify-content:center;width:100px;height:106px;margin:5px 16px 0 0;padding-top:6px;background:var(--leaf-lapis);font-family:var(--capital);font-size:92px;line-height:1;text-align:center;filter:url(#paint);box-shadow:inset 0 0 0 1px var(--paint-ink),inset 0 0 0 5px #c4973e,inset 0 0 0 6px var(--paint-ink)}.drop .illumination{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.drop>span{position:relative;background:var(--grain),#d2a645;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.6px var(--paint-ink);filter:drop-shadow(0 0 1.5px rgba(20,12,4,.9))}.drop .illumination{filter:saturate(1.45) brightness(1.08)}.ink{color:var(--cream)}.ink p{filter:url(#inkpen)}.ink p{margin:0 0 15px;font-family:var(--book);font-size:20px;line-height:30px;text-align:justify;hyphens:auto;-webkit-hyphens:auto}.ink .head{font-family:var(--book-sc);font-size:22px;letter-spacing:.06em;color:var(--rubric);margin-bottom:10px}.exchange{margin-top:30px;clear:both}.ink .q{white-space:pre-line}.icon-portrait{float:right;width:240px;margin:-22px -14px 14px 26px}.icon-portrait img{display:block;width:100%;height:auto}@media (max-width: 1180px){.icon-portrait{margin-right:-10px;width:210px}}.foot{grid-area:foot;padding:0 12px 10px 10px}.prompt{display:flex;align-items:flex-start;gap:12px;min-height:104px;padding-block:8px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.initial{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:80px;height:88px;padding-top:4px;border-radius:0;font-family:var(--capital);font-size:62px;line-height:1;--ground: var(--paint-lapis);background-color:var(--ground);box-shadow:0 0 0 1px #00000080,0 2px 6px #00000059;filter:url(#paint);transition:background-color .15s ease-out}.initial:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px var(--paint-ink),inset 0 0 0 4px var(--paint-gold),inset 0 0 0 5px var(--paint-ink)}.initial .illumination{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.initial>span{position:relative;z-index:0;background:var(--grain),var(--paint-gold);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px var(--paint-ink)}.initial.full{--ground: #34496d}button.initial{border:0;margin:0;cursor:pointer;transition:background-color .15s ease-out,transform .08s ease-out,filter .15s}button.initial:hover:not(:disabled){--ground: #475e88}button.initial:active:not(:disabled){transform:translateY(1px)}button.initial:disabled{cursor:default;opacity:.7}button.initial:focus-visible{outline:1.5px solid var(--rubric);outline-offset:3px}.writing{position:relative;flex:1;min-width:0;align-self:flex-start;margin-top:14px}.writing textarea,.mirror,.inked{font-family:var(--book);font-size:19px;line-height:var(--line);padding:0;border:0;margin:0;width:100%;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}.writing textarea{position:relative;display:block;resize:none;overflow:hidden;background:transparent;color:var(--cream);caret-color:var(--rubric);outline:none}.mirror{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}.inked{position:absolute;left:0;top:0;color:var(--cream);pointer-events:none}.cmd-done{color:var(--rubric)}.keys{margin:0;padding:10px 14px 0 24px;display:flex;flex-wrap:wrap;gap:6px 26px;font-style:italic;font-size:14px;color:var(--dim)}.keys .line{margin-left:auto}.index-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;z-index:10}.index{width:min(560px,calc(100% - 32px));background:#252526;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 18px 50px #0000008c;overflow:hidden}.index-field{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #333;color:var(--dim)}.index-field input{flex:1;height:48px;border:0;background:transparent;color:var(--cream);font-family:var(--book);font-size:19px;outline:none}.index ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow-y:auto}.index li button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 12px;border-radius:5px;font-family:var(--book);font-size:17px;cursor:pointer}.index li button.on{background:var(--rubric-deep);color:var(--on-rubric)}.index li button.on .numeral{color:var(--on-rubric)}.index .none{padding:12px;font-style:italic;color:var(--dim)}@media (max-width: 760px){.window,.window.no-sidebar{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 33px 28px minmax(0,1fr) auto;grid-template-areas:"side" "title" "tabs" "page" "foot"}.sidebar{border-right:0;border-bottom:1px solid #2f3031}.toolbar,.owner{display:none}.workspaces{flex-direction:row;overflow-x:auto;padding:6px}.workspace{flex:none;min-width:150px}.ws-path,.ws-leaves{display:none}.writing-col{margin:12px 10px 20px;padding:36px 22px 30px 64px;min-height:calc(100% - 32px)}.writing-col:after{top:14px;right:14px;bottom:14px;left:8px;background-size:40px 93px,1px 100%,1px 100%,calc(100% - 48px) 1px,calc(100% - 48px) 1px;background-position:0 14px,48px 0,100% 0,48px 14px,48px calc(100% - 14px)}.drop{width:70px;height:76px;font-size:64px;margin-right:10px}.ink p{font-size:18px;line-height:28px;text-align:left}.icon-portrait{float:none;width:min(220px,64%);margin:0 auto 24px}.keys{display:none}}.quill-loader{--emerge: 1.2s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;pointer-events:none}.quill-loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--graphite);transition:opacity var(--emerge) cubic-bezier(.45,0,.25,1)}.quill-loader.emerging:before{opacity:0}.quill-loader svg{position:relative;width:min(280px,62vw);height:auto;overflow:visible;opacity:0;transition:opacity .4s ease-out}.quill-loader.ready svg{opacity:1}.ql-letter{transform-box:fill-box;transform-origin:center;transition:opacity var(--emerge) cubic-bezier(.5,0,.3,1),transform var(--emerge) cubic-bezier(.3,0,.2,1)}.quill-loader.emerging .ql-letter{opacity:0;transform:scale(1.06)}.ql-g{font-family:"Pinyon Script",var(--book);font-size:220px;fill:var(--rubric);filter:url(#inkpen)}.player{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(120px,1fr) auto;align-items:center;gap:4px 22px;padding:8px 14px 0 0;min-height:40px}.transport{display:flex;align-items:center;gap:2px;margin-left:-10px}.pbtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;padding:0;border-radius:50%;background:transparent;color:var(--dim);cursor:pointer}.pbtn svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pbtn svg .fill{fill:currentColor;stroke-width:1}.pbtn:hover{color:var(--cream)}.pbtn.play{width:34px;height:34px;color:var(--cream);box-shadow:inset 0 0 0 1px #e9dfc847}.pbtn.play:hover{color:var(--rubric);box-shadow:inset 0 0 0 1px var(--rubric)}.now{margin:0;display:flex;align-items:baseline;gap:10px;min-width:0;white-space:nowrap;overflow:hidden}.now .work{font-family:var(--book-sc);font-size:15px;letter-spacing:.05em;color:var(--rubric);overflow:hidden;text-overflow:ellipsis}.now .part{font-family:var(--book);font-style:italic;font-size:15px;color:var(--cream)}.now .who{font-family:var(--book);font-size:14px;color:var(--dim)}.now .work,.now .part{flex:none}.now .who{flex:0 1 auto;min-width:0}.seek{position:relative;display:block;height:24px}.seek .rail{position:absolute;left:0;right:0;top:11px;height:1px;background:#e9dfc838}.seek .done{display:block;height:100%;background:var(--rubric);box-shadow:0 0 0 .4px var(--rubric)}.seek input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;opacity:0;cursor:pointer}.seek input:disabled{cursor:default}.seek:focus-within .rail{background:#e9dfc866}.meta{margin:0;display:flex;gap:16px;font-family:var(--book);font-style:italic;font-size:14px;color:var(--dim);white-space:nowrap}.meta a{color:var(--dim);text-decoration-color:#a69c8866;text-underline-offset:3px}.meta a:hover{color:var(--cream)}.meta .err{color:var(--rubric)}@media (max-width: 760px){.player{grid-template-columns:auto minmax(0,1fr);padding:6px 4px 0 0}.seek{grid-column:1 / -1}.meta{grid-column:1 / -1;font-size:13px}.now .who{display:none}}.currently{margin:26px 0}.currently h2{margin:0 0 10px;font-family:var(--book-sc);font-size:18px;font-weight:400;letter-spacing:.08em;color:var(--rubric)}.currently dl{margin:0}.currently dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:18px;align-items:baseline;margin-bottom:8px}.currently dt{font-family:var(--book);font-style:italic;font-size:18px;color:var(--dim)}.currently dd{margin:0;font-family:var(--book);font-size:20px;line-height:30px}.currently dd .item{display:block}.currently dd a{font-style:italic;text-decoration-color:var(--rubric);text-underline-offset:4px;text-decoration-thickness:1px}.currently dd a:hover{color:var(--rubric-q)}@media (max-width: 760px){.currently dl>div{grid-template-columns:minmax(0,1fr);row-gap:2px}.currently dd{font-size:18px;line-height:28px}}.prompt{position:relative}.cmd-menu{position:absolute;left:92px;bottom:calc(100% + 6px);z-index:5;min-width:min(380px,calc(100% - 92px));margin:0;padding:5px;list-style:none;background:#252526;border:1px solid #3a3a3a;border-radius:7px;box-shadow:0 14px 36px #00000080}.cmd-menu button{display:flex;align-items:baseline;gap:14px;width:100%;text-align:left;border:0;background:transparent;padding:7px 10px;border-radius:5px;cursor:pointer}.cmd-menu button.on{background:var(--rubric-deep);color:var(--on-rubric)}.cmd-name{font-family:var(--book);font-size:18px;min-width:84px}.cmd-hint{font-style:italic;font-size:14.5px;color:var(--dim)}.cmd-menu button.on .cmd-hint{color:#ebd9b8}.form{margin:6px 0 4px;padding:10px 4px 2px;border-top:1px solid rgba(255,255,255,.13);outline:none;font-family:var(--book);color:var(--cream)}.form p{margin:0}.form-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:10px;font-size:17px}.form-arrow{color:var(--dim);padding:0 2px}.form-tab{border:0;background:transparent;padding:2px 8px;border-radius:3px;cursor:pointer;font-family:var(--book);font-size:17px;color:var(--cream-ui)}.form-tab.on{background:var(--rubric-deep);color:var(--on-rubric)}.form-box{font-family:var(--ui);color:var(--dim)}.form-tab.on .form-box{color:var(--on-rubric)}.form-title{font-family:var(--book-sc);font-size:17px;letter-spacing:.06em;color:var(--rubric);margin-bottom:4px}.form-q{font-size:19px;line-height:28px;color:var(--rubric-q);margin:2px 0 4px}.form-options{list-style:none;margin:0;padding:0}.form-opt{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:1px 0;cursor:pointer;font-family:var(--book);font-size:18px;line-height:26px;color:var(--cream)}.form-caret{width:14px;flex:none;color:transparent}.form-n{min-width:20px;flex:none;color:var(--dim)}.form-label{min-width:0}.form-detail{display:block;font-size:16px;line-height:22px;color:var(--dim)}.form-opt.on,.form-opt.on .form-caret{color:var(--rubric-q)}.form-esc{color:var(--dim)}.form-opt.typing{cursor:text}.form-field{flex:1;min-width:0;border:0;border-bottom:1px solid rgba(233,223,200,.35);background:transparent;outline:none;resize:none;font-family:var(--book);font-size:18px;line-height:26px;color:var(--cream);padding:0 0 2px}.form-field::placeholder{color:#7d7466;font-style:italic}.form-review{list-style:none;margin:0 0 8px;padding:0}.form-review li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;font-size:17px;line-height:24px}.form-review li>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-review-k{font-style:italic;color:var(--dim)}.form-missing{font-style:italic;color:var(--rubric)}.form-error{margin-top:4px!important;font-style:italic;font-size:16px;color:var(--rubric)}.form-hint{margin-top:10px!important;font-style:italic;font-size:14px;color:var(--dim)}.woof{grid-area:page;position:relative;overflow:hidden;pointer-events:none;z-index:5}.woof-row{position:absolute;left:0;bottom:18px;display:flex;align-items:flex-end;gap:10px;will-change:transform}.woof-dog{position:relative;display:block}.woof-dog img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom;opacity:0}.woof-dog img.on{opacity:1}.woof-word{position:absolute;right:28px;bottom:150px;margin:0;font-family:var(--book-sc);font-size:26px;letter-spacing:.08em;color:var(--rubric)}.woof-bunting{position:absolute;left:8%;width:84%;bottom:150px;height:auto;overflow:visible}.woof-letter{font-family:var(--capital);font-size:19px}.woof-confetti{position:absolute;display:block}.woof-cursor{display:inline-block;width:.55em;height:.95em;margin-left:3px;vertical-align:-.1em;background:var(--rubric);animation:woof-blink .5s steps(1,end) infinite}@keyframes woof-blink{50%{opacity:0}}@media (max-width: 760px){.woof-row{gap:4px}.woof-dog{zoom:.55}.woof-bunting{bottom:140px}.woof-word{font-size:22px;bottom:110px}}@media (prefers-reduced-motion: reduce){.woof-cursor{animation:none}}.boring-switch{margin-left:auto;border:0;padding:4px 8px;border-radius:4px;background:transparent;cursor:pointer;font-family:var(--book);font-style:italic;font-size:14px;color:var(--dim)}.boring-switch:hover{color:var(--cream);background:#ffffff0d}.titlebar .boring-switch+.folio{margin-left:14px}body.boring{background:#fff;color:#000;font-family:Courier Prime,Courier New,Courier,monospace;-webkit-font-smoothing:auto;font-feature-settings:normal}.plain{max-width:700px;margin:0 auto;padding:56px 16px 80px;font-size:17px;line-height:1.55}.plain p{margin:0 0 18px}.plain section{margin-top:34px}.plain a{color:#00e;text-decoration:underline}.plain a:visited{color:#551a8b}.plain hr{margin:40px 0 22px;border:0;border-top:1.5px solid #000}.plain-foot{font-size:15px}@media (max-width: 760px){.initial{width:58px;height:64px;font-size:44px;padding-top:3px}.prompt{min-height:80px}.writing{margin-top:8px}}.speak{display:inline-block;vertical-align:-7px;margin-left:10px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;filter:url(#paint) drop-shadow(0 1px 1.5px rgba(40,25,10,.35));transition:transform .15s ease}.speak:hover{transform:scale(1.1)}.speak:focus-visible{outline:2px solid var(--leaf-rubric);outline-offset:2px}.speaker{display:block}.speaker-ground{fill:var(--leaf-lapis);transition:fill .15s ease-out}.speak:hover .speaker-ground,.speak.playing .speaker-ground{fill:#22396e}.speak.playing .wave{animation:speaker-wave 1.2s ease-in-out infinite}.speak.playing .wave.w1{animation-delay:.2s}.speak.playing .wave.w2{animation-delay:.4s}.speak.loading{cursor:progress;animation:speaker-wait 1s ease-in-out infinite}.speak.failed{opacity:.45}@keyframes speaker-wave{0%,to{opacity:.35}40%{opacity:1}}@keyframes speaker-wait{50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.speak.playing .wave,.speak.loading{animation:none}}.rubric-break{display:flex;align-items:center;gap:4px;margin:34px 0 6px;filter:url(#inkpen)}.rubric-break .filler{flex:1;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg fill='none' stroke='%23a32e1a' stroke-linecap='round'%3E%3Cpath d='M0 2.5h12M0 9.5h12' stroke-width='0.7'/%3E%3Cpath d='M0 9L3 3l3 6 3-6 3 6' stroke-width='1'/%3E%3C/g%3E%3Ccircle cx='3' cy='6.5' r='0.7' fill='%23a32e1a'/%3E%3C/svg%3E") repeat-x center;-webkit-mask-image:linear-gradient(to right,transparent,#000 40%);mask-image:linear-gradient(to right,transparent,#000 40%)}.rubric-break .filler.right{-webkit-mask-image:linear-gradient(to left,transparent,#000 40%);mask-image:linear-gradient(to left,transparent,#000 40%)}.rubric-break .flower,.flower-break .flower{flex:none;filter:url(#paint)}.rubric-break .flower{width:84px;height:34px}.flower-break{display:flex;justify-content:center;margin:4px 0 18px}.flower-break .flower{width:40px;height:16px}.rubric-break+.exchange{margin-top:18px}.q-initial{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:50px;margin:0 9px 0 0;padding-top:4px;vertical-align:-16px;background:var(--leaf-lapis);font-family:var(--capital);font-size:38px;line-height:1;filter:url(#paint);box-shadow:inset 0 0 0 1px var(--paint-ink),inset 0 0 0 3px #c4973e,inset 0 0 0 4px var(--paint-ink)}.q-initial .illumination{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:saturate(1.45) brightness(1.08)}.q-initial>span{position:relative;background:var(--grain),#d2a645;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.1px var(--paint-ink);filter:drop-shadow(0 0 1.2px rgba(20,12,4,.9))}.exchange .q{margin-bottom:12px}.voice-button{flex:none;align-self:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;filter:url(#paint) drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:transform .16s ease}.voice-roundel{display:block;width:100%;height:100%}.voice-ground{fill:var(--paint-lapis);transition:fill .15s ease-out}.voice-button:hover{transform:scale(1.06)}.voice-button:hover .voice-ground{fill:#34496d}.voice-button:focus-visible{outline:2px solid var(--rubric);outline-offset:3px}.prompt{cursor:text}.prompt button{cursor:pointer}.stage{--mic: 0;--glow: 0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;justify-items:center;padding:0 16px 22px;background:radial-gradient(ellipse at 50% 45%,#0d0b0a,#040303 70%);color:var(--cream);font-family:var(--book);animation:stage-dark .9s ease both}.stage.leaving{animation:stage-lift .65s ease both}@keyframes stage-dark{0%{opacity:0}to{opacity:1}}@keyframes stage-lift{0%{opacity:1}to{opacity:0}}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(0,0,0,.75) 85%)}.orb{position:relative;z-index:1;align-self:center;width:min(38vmin,236px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:none;cursor:default;-webkit-tap-highlight-color:transparent;transform:scale(calc(1 + var(--mic) * .07 + var(--glow) * .05));animation:orb-arrive 1.1s .2s cubic-bezier(.2,.7,.2,1) both}.stage.speaking .orb{cursor:pointer}.orb:focus-visible{outline:2px solid var(--rubric);outline-offset:10px}@keyframes orb-arrive{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.orb>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.orb-halo{top:-60%!important;right:-60%!important;bottom:-60%!important;left:-60%!important;background:radial-gradient(circle,rgba(232,178,92,.55) 0%,rgba(201,120,60,.18) 35%,transparent 65%);opacity:calc(.08 + var(--mic) * .15 + var(--glow) * .95);filter:blur(8px)}.orb-body{background:radial-gradient(circle at 36% 30%,rgba(160,190,255,.35),transparent 42%),radial-gradient(circle at 50% 55%,#2a4a9a,#182c63 45%,#0b1532 80%,#060a1a);box-shadow:inset 0 -18px 40px #0000008c,inset 0 10px 30px rgba(120,160,255,calc(.12 + var(--mic) * .35));-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 71%);mask-image:radial-gradient(circle,#000 58%,transparent 71%);animation:orb-breathe 6s ease-in-out infinite}@keyframes orb-breathe{0%,to{filter:brightness(.9)}50%{filter:brightness(1.08)}}.orb-swirl{background:conic-gradient(from 0deg,transparent 0deg,rgba(235,190,110,.22) 60deg,transparent 140deg,rgba(160,180,255,.18) 220deg,transparent 300deg);mix-blend-mode:screen;filter:blur(6px);opacity:calc(.45 + var(--mic) * .6);animation:orb-turn 14s linear infinite}.stage.thinking .orb-swirl{animation-duration:3.2s;opacity:.9}@keyframes orb-turn{to{transform:rotate(1turn)}}.orb-light{background:radial-gradient(circle at 50% 46%,#fff6dc 0%,#f6cf7a 26%,#e19a45 52%,rgba(196,98,44,.55) 64%,transparent 71%);opacity:calc(var(--glow) * 1.15);filter:blur(calc(1px + var(--glow) * 2px))}.orb-rim{box-shadow:0 0 0 1px rgba(233,223,200,calc(.03 + var(--glow) * .3)),0 0 calc(18px + var(--glow) * 60px) rgba(240,180,90,calc(var(--glow) * .7))}.stage-words{position:relative;z-index:1;max-width:640px;min-height:96px;text-align:center}.stage-words p{margin:0}.stage-status{font-family:var(--book-sc);font-size:16px;letter-spacing:.12em;text-transform:lowercase;color:var(--dim)}.stage.denied .stage-status,.stage.failed .stage-status{font-family:var(--book);text-transform:none;letter-spacing:0;font-size:18px;font-style:italic}.stage-heard{margin-top:10px!important;font-size:18px;font-style:italic;color:#e9dfc88c}.stage-said{margin-top:8px!important;font-size:19px;line-height:27px;color:rgba(243,222,180,calc(.45 + var(--glow) * .5));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stage-controls{position:relative;z-index:1;display:flex;gap:18px;margin-top:18px}.stage-btn{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid rgba(233,223,200,.18);background:#ffffff0f;color:var(--cream);cursor:pointer;transition:background .16s ease,transform .16s ease}.stage-btn:hover{background:#ffffff1f;transform:scale(1.05)}.stage-btn.on{background:var(--rubric-deep);border-color:var(--rubric-deep);color:var(--on-rubric)}.stage-btn.end:hover{background:var(--rubric-deep);border-color:var(--rubric-deep)}.stage-btn:focus-visible{outline:2px solid var(--rubric);outline-offset:3px}.stage-note{position:relative;z-index:1;margin:14px 0 0;font-size:13px;font-style:italic;color:#a69c8899}@media (prefers-reduced-motion: reduce){.stage,.stage.leaving,.orb,.orb-body,.orb-swirl{animation-duration:1ms!important;animation-iteration-count:1!important}}