@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--desk: #3a2e23;--desk-deep: #17120d;--paper: #fdfaf3;--ink: #3f3a34;--ink-soft: #4a443d;--muted: #857a6c;--rule: #b3a690;--medallion: #ece4d4;--chrome: #c9bba3;--grain: .28;--shadow: rgba(0, 0, 0, .45);--display: "Cinzel", "Trajan Pro", Georgia, serif;--body: "EB Garamond", Georgia, "Times New Roman", serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-reading=day]){--desk: #1a1612;--desk-deep: #070605;--paper: #1f1b17;--ink: #e9e0cf;--ink-soft: #d6cdbc;--muted: #9a8e7b;--rule: #7d6f5a;--medallion: #2b251f;--grain: .12;--shadow: rgba(0, 0, 0, .7);color-scheme:dark}}:root[data-reading=night]{--desk: #1a1612;--desk-deep: #070605;--paper: #1f1b17;--ink: #e9e0cf;--ink-soft: #d6cdbc;--muted: #9a8e7b;--rule: #7d6f5a;--medallion: #2b251f;--grain: .12;--shadow: rgba(0, 0, 0, .7);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--desk-deep);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button:not([disabled]){cursor:pointer}.stage{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:calc(4.5rem + env(safe-area-inset-top,0px)) 16px calc(2rem + env(safe-area-inset-bottom,0px));overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .85 0 0 0 0 .6 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 40%,var(--desk) 0%,var(--desk-deep) 85%)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(1rem + env(safe-area-inset-top,0px)) 16px 1rem;color:var(--chrome);font-family:var(--display);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase}.topbar .hint{opacity:.6;display:none}.mode{display:inline-flex;align-items:center;gap:.5rem;flex:none;background:#ffffff0f;border:1px solid rgba(201,187,163,.3);border-radius:999px;color:var(--chrome);padding:.4rem .8rem;font:inherit;letter-spacing:.18em}.mode:hover{background:#ffffff1f}.mode svg{width:14px;height:14px}.turn{width:100%;max-width:28rem;transition:transform .4s ease-in-out,opacity .4s ease-in-out;transform:perspective(2000px) rotateY(0) scale(1)}.turn.out-right{transform:perspective(2000px) rotateY(-90deg) scale(.9);opacity:0;transform-origin:left center}.turn.out-left{transform:perspective(2000px) rotateY(90deg) scale(.9);opacity:0;transform-origin:right center}.frame{position:relative;background:var(--paper);border-radius:2px;padding:3px;box-shadow:0 30px 60px -20px var(--shadow),0 10px 25px -10px var(--shadow);transition:background-color .3s}.frame:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--grain);mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .3 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}.frame:after{content:"";position:absolute;inset:6px;border:1px solid var(--rule);opacity:.45;pointer-events:none}.corner{position:absolute;width:4rem;height:4rem;border:0 solid var(--rule);opacity:.8}.corner.tl{top:0;left:0;border-left-width:2px;border-top-width:2px}.corner.tr{top:0;right:0;border-right-width:2px;border-top-width:2px}.corner.bl{bottom:0;left:0;border-left-width:2px;border-bottom-width:2px}.corner.br{bottom:0;right:0;border-right-width:2px;border-bottom-width:2px}.content{position:relative;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.medallion{width:4rem;height:4rem;border-radius:50%;background:var(--medallion);border:2px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:.08em;color:var(--ink);margin-bottom:2.5rem}.medallion.long{font-size:.8rem;letter-spacing:.02em}.maxim-title{font-family:var(--display);font-weight:700;font-size:1.875rem;line-height:1.25;letter-spacing:.025em;color:var(--ink);margin:0;text-wrap:balance}.divider{display:flex;align-items:center;gap:.5rem;padding-block:1.75rem;color:var(--rule)}.diamonds{display:flex;gap:.25rem;align-items:center}.diamonds i{display:block;width:.5rem;height:.5rem;background:var(--rule);transform:rotate(45deg)}.diamonds i:nth-child(2){width:.625rem;height:.625rem}.explanation{font-size:1.0625rem;line-height:1.65;letter-spacing:.01em;color:var(--ink-soft);margin:0;max-width:60ch;text-wrap:pretty}.progress{align-self:stretch;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--rule) 45%,transparent);font-family:var(--display);font-size:.75rem;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.nav{margin-top:1.25rem;display:flex;gap:2rem;justify-content:center}.nav button{background:none;border:0;padding:6px;color:var(--muted);transition:color .2s,opacity .2s;border-radius:2px}.nav button:hover:not(:disabled){color:var(--ink)}.nav button:disabled{opacity:.25;cursor:not-allowed}.nav button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mode:focus-visible,.side:focus-visible{outline:2px solid var(--chrome);outline-offset:3px}.side{display:none}@media(min-width:900px){.stage{padding-block:5rem 3rem;gap:2.5rem}.topbar{padding-inline:2rem}.topbar .hint{display:inline}.turn{max-width:42rem}.content{padding:3.5rem 4.5rem 2.5rem}.corner{width:5.5rem;height:5.5rem}.medallion{width:5rem;height:5rem;font-size:1.2rem;margin-bottom:3rem}.medallion.long{font-size:.95rem}.maxim-title{font-size:2.6rem}.divider{padding-block:2.25rem}.explanation{font-size:1.3rem;line-height:1.7}.progress{margin-top:3rem;font-size:.8rem}.side{display:flex;align-items:center;justify-content:center;flex:none;width:3.5rem;height:3.5rem;border-radius:50%;background:#ffffff0d;border:1px solid rgba(201,187,163,.25);color:var(--chrome);transition:background-color .2s,opacity .2s}.side:hover:not(:disabled){background:#ffffff1f}.side:disabled{opacity:.2;cursor:not-allowed}.nav .np{display:none}}@media(prefers-reduced-motion:reduce){.turn{transition:opacity .2s}.turn.out-left,.turn.out-right{transform:none}}