:root{--paper:#f7f2e9;--paper-2:#efe7da;--ink:#33292e;--ink-soft:#7a6e74;--rule:#d9cfc4;--lavender:#d9c9ef;--lavender-deep:#7b62a8;--rose:#c9868a;--display:"Fraunces", Georgia, "Times New Roman", serif;--body:"Lora", Georgia, "Times New Roman", serif;--ease:.15s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--body);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.55}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}a{color:var(--lavender-deep);text-underline-offset:.15em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--display);font-variation-settings:"opsz" 96;margin:0;font-weight:600;line-height:1.15}h1{margin-bottom:.25rem;font-size:2rem}h2{font-size:1.35rem}.subtitle{font-family:var(--display);color:var(--ink-soft);margin:0 0 1.5rem;font-style:italic;font-weight:400}.ornament{color:var(--lavender-deep)}.masthead{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;max-width:48rem;margin:0 auto;padding:1.25rem 1rem 0;display:flex}.site-name{font-family:var(--display);color:var(--ink);padding-bottom:.6rem;font-size:1.6rem;font-style:italic;text-decoration:none}.masthead nav{flex-wrap:wrap;gap:0 1.25rem;display:flex}.masthead nav a{color:var(--ink-soft);transition:color var(--ease), border-color var(--ease);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.25rem 0 .6rem;text-decoration:none}.masthead nav a:hover{color:var(--ink)}.masthead nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--lavender-deep)}main{max-width:48rem;margin:0 auto;padding:2rem 1rem 3rem}.card{background:var(--paper-2);border:1px solid var(--rule);box-shadow:2px 2px 0 var(--lavender);border-radius:6px;padding:1rem 1.25rem}.card-link{color:inherit;transition:background var(--ease), border-color var(--ease);text-decoration:none;display:block}.card-link:hover{background:var(--lavender);border-color:var(--lavender-deep)}.card-link h2{margin-bottom:.15rem}.card-link p{color:var(--ink-soft);margin:0;font-style:italic}.card-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;display:grid}.btn{font:inherit;color:var(--ink);border:1px solid var(--rule);cursor:pointer;transition:background var(--ease), border-color var(--ease), color var(--ease);background:0 0;border-radius:999px;padding:.35rem .95rem;font-size:.95rem}.btn:hover:not(:disabled){background:var(--lavender);border-color:var(--lavender-deep)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--lavender-deep);border-color:var(--lavender-deep);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-danger{color:var(--rose)}.btn-danger:hover:not(:disabled){border-color:var(--rose);background:0 0}.field{font:inherit;width:100%;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);transition:border-color var(--ease), box-shadow var(--ease);border-radius:6px;padding:.5rem .75rem}.field:focus,.btn:focus-visible,.masthead nav a:focus-visible{border-color:var(--lavender-deep);box-shadow:0 0 0 3px var(--lavender);outline:none}.field::placeholder{color:var(--ink-soft);font-style:italic}.rule-label{font-family:var(--display);color:var(--ink-soft);align-items:center;gap:.75rem;margin:1.5rem 0 .75rem;font-style:italic;display:flex}.rule-label:after{content:"";border-top:1px solid var(--rule);flex:1}[role=alert]{color:var(--rose);margin:0 0 1rem;font-style:italic}.empty{color:var(--ink-soft);font-style:italic}.empty:before{content:"❦  ";color:var(--lavender-deep);font-style:normal}.with-player{padding-bottom:6rem}input[type=search]{font:inherit;width:100%;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);transition:border-color var(--ease), box-shadow var(--ease);border-radius:999px;margin-bottom:1.25rem;padding:.5rem 1rem}input[type=search]:focus{border-color:var(--lavender-deep);box-shadow:0 0 0 3px var(--lavender);outline:none}input[type=search]::placeholder{color:var(--ink-soft);font-style:italic}table.tracks{border-collapse:collapse;width:100%}table.tracks th{text-align:left;font-family:var(--display);color:var(--ink-soft);border-bottom:1px solid var(--rule);padding:0 .5rem .4rem;font-style:italic;font-weight:400}table.tracks td{border-bottom:1px solid var(--rule);vertical-align:top;padding:.55rem .5rem}table.tracks tbody tr{cursor:pointer;transition:background var(--ease)}table.tracks tbody tr:hover,table.tracks tr[aria-current=true]{background:var(--lavender)}table.tracks tr[aria-current=true] .title{color:var(--lavender-deep);font-weight:600}button.title{font:inherit;color:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:0}.describe{color:var(--ink-soft);overflow-wrap:anywhere;font-size:.9rem;font-style:italic}.duration{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.pager{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-style:italic;display:flex}.pager button{font:inherit;color:var(--ink);border:1px solid var(--rule);cursor:pointer;transition:background var(--ease), border-color var(--ease);background:0 0;border-radius:999px;padding:.35rem .95rem;font-size:.95rem;font-style:normal}.pager button:hover:not(:disabled){background:var(--lavender);border-color:var(--lavender-deep)}.pager button:disabled{opacity:.45;cursor:default}.player{padding:.75rem 1rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom));background:var(--paper-2);border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.player .now-playing{flex:12rem;min-width:0}.player .title{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player audio{flex:18rem;max-width:100%}.add-row{gap:.5rem;margin-bottom:.5rem;display:flex}.add-row .field{background:var(--paper);flex:1}.todo-list{margin:.75rem 0 0;padding:0;list-style:none}.todo-list li{border-top:1px solid var(--rule);transition:opacity var(--ease);align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.todo-list li.leaving{opacity:.35}.inline-text{overflow-wrap:anywhere;flex:1}.inline-field{background:var(--paper);flex:1;padding:.25rem .6rem}.check{border:1.5px solid var(--lavender-deep);cursor:pointer;width:1.35rem;height:1.35rem;transition:background var(--ease);background:0 0;border-radius:50%;flex:none}.check:hover:not(:disabled){background:var(--lavender)}.btn-quiet{color:var(--ink-soft);border-color:#0000;padding:.15rem .6rem;font-style:italic}.habit-list{margin:.75rem 0 0;padding:0;list-style:none}.habit-list li{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.6rem 0;display:flex}.habit-name{flex-wrap:wrap;flex:12rem;align-items:baseline;gap:0 .5rem;min-width:0;display:flex}.habit-name .describe{flex-basis:100%}.btn-done:disabled{opacity:1;background:var(--lavender);border-color:var(--lavender);color:var(--lavender-deep)}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;display:flex}.title-row .btn{margin-top:.4rem;text-decoration:none}.crumb{color:var(--ink-soft);margin:-.75rem 0 .5rem;font-style:italic}.stack{flex-direction:column;gap:1rem;display:flex}.stack label{display:block}.label{font-family:var(--display);color:var(--ink-soft);margin-bottom:.3rem;font-style:italic;display:block}.label em{font-family:var(--body);font-size:.85rem}.stack .field{background:var(--paper)}textarea.field{resize:vertical;line-height:1.5}.actions{gap:.5rem;margin-top:1rem;display:flex}.actions .btn{text-decoration:none}.recipe h2.rule-label{margin-top:.5rem;font-size:1.05rem;font-weight:400}.recipe h2.rule-label+ul,.recipe h2.rule-label+ol{margin:0 0 1rem;padding-left:1.4rem}.recipe li{padding:.15rem 0}.card-link .date{color:var(--ink-soft);margin:0 0 .35rem;font-size:.9rem;font-style:italic}.card-link .excerpt{color:var(--ink);font-style:normal}.entry{max-width:34rem;font-size:1.05rem;line-height:1.7}.entry .subtitle{margin-bottom:1.25rem}.entry p+p{margin-top:1em}.hello{margin:.5rem 0 2rem}.hello h1{font-size:2.4rem;font-style:italic;font-weight:400}.hello .subtitle{margin-bottom:0;font-size:1.1rem}.video{background:#000;border-radius:6px;overflow:hidden}.video video{aspect-ratio:16/9;width:100%;max-width:100%;display:block}.video [role=alert]{background:var(--paper-2);margin:0;padding:.5rem .75rem}.film-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1.25rem 1rem;display:grid}.film-card{color:inherit;text-decoration:none}.poster{aspect-ratio:2/3;object-fit:cover;border:1px solid var(--rule);width:100%;box-shadow:2px 2px 0 var(--lavender);background:var(--paper-2);transition:box-shadow var(--ease), border-color var(--ease);border-radius:6px;display:block}.film-card:hover .poster{border-color:var(--lavender-deep);box-shadow:3px 3px 0 var(--lavender-deep)}.poster.placeholder{color:var(--lavender-deep);place-items:center;font-size:2.5rem;display:grid}.film-title{font-family:var(--display);margin-top:.5rem;font-weight:600;line-height:1.2}.note{color:var(--rose);margin-left:.5rem;font-size:.85rem;font-style:italic}.film-hero{background-position:50% 30%;background-size:cover;background-color:var(--paper-2);border-bottom:1px solid var(--rule);margin:0 -1rem 1.25rem}.film-hero-fade{background:linear-gradient(to bottom, #f7f2e926, var(--paper) 85%);padding:5rem 1rem 1rem}.film-hero h1{font-size:2.4rem}.film-hero .subtitle{margin-bottom:0}.film-body{grid-template-columns:minmax(8rem,14rem) 1fr;align-items:start;gap:1.5rem;display:grid}.film-about p{margin:0 0 .75rem}.film-about .describe{margin-bottom:1rem}.film-about .actions{flex-wrap:wrap;align-items:center}@media (width<=30rem){.film-body{grid-template-columns:1fr}.film-body .poster{max-width:12rem}}.polaroid{border:1px solid var(--rule);box-shadow:2px 2px 0 var(--lavender);transition:box-shadow var(--ease), border-color var(--ease);background:#fffdf8;margin:0;padding:.6rem .6rem .5rem}.polaroid img{aspect-ratio:1;object-fit:cover;background:var(--paper-2);width:100%;display:block}.polaroid figcaption{font-family:var(--display);text-align:center;min-height:1.9rem;color:var(--ink);overflow-wrap:anywhere;padding-top:.55rem;font-size:.95rem;font-style:italic}.polaroid-button,.polaroid-link{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0;text-decoration:none;display:block}.polaroid-button:hover .polaroid,.polaroid-link:hover .polaroid{border-color:var(--lavender-deep);box-shadow:3px 3px 0 var(--lavender-deep)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.25rem 1rem;display:grid}.photo-band{margin:0 0 2rem}.photo-band-row{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:1rem;padding:.5rem .25rem;display:grid}.photo-band .polaroid figcaption{min-height:1.6rem;font-size:.85rem}.photo-band-more{text-align:right;font-family:var(--display);margin:.75rem 0 0;font-style:italic}.upload input[type=file]{display:none}.notice{color:var(--ink-soft)}.lightbox{z-index:10;background:#33292ed9;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:1rem;display:grid;position:fixed;inset:0}.lightbox-frame{border:1px solid var(--rule);max-width:min(100%,64rem);max-height:100%;box-shadow:3px 3px 0 var(--lavender);background:#fffdf8;justify-self:center;padding:.75rem}.lightbox-frame img{object-fit:contain;max-width:100%;max-height:calc(100vh - 8rem);margin:0 auto;display:block}.lightbox-caption{font-family:var(--display);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding-top:.6rem;font-style:italic;display:flex}.lightbox-caption .inline-text{flex:1}.lightbox-caption .inline-field{font-family:var(--body);flex:1;font-style:normal}.lightbox-nav,.lightbox-close{font:inherit;color:var(--paper);cursor:pointer;background:0 0;border:0;padding:.5rem;font-size:2rem;line-height:1}.lightbox-nav:disabled{opacity:.25;cursor:default}.lightbox-close{position:fixed;top:.5rem;right:.75rem}@media (width<=30rem){.lightbox{grid-template-columns:1fr;padding:2.5rem .5rem .5rem}.lightbox-nav{display:none}}.login{place-items:center;min-height:80vh;display:grid}.login-card{text-align:center;width:min(100%,22rem)}.login-card .site-name{margin:0 0 1.25rem;padding:0;display:block}.login-card h1{margin-bottom:1rem;font-size:1.4rem;font-style:italic;font-weight:400}.login-card label{text-align:left;display:block}.login-card .actions{justify-content:center}.nav-quiet{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:.25rem 0 .6rem;font-style:italic}.nav-quiet:hover{color:var(--ink)}
