.everyday-practice{min-width:0}.everyday-practice svg{flex:none;width:1rem;height:1rem}.everyday-practice button{cursor:pointer}.everyday-practice button:disabled{opacity:.4;cursor:default}.everyday-practice :is(button,input):focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.everyday-button,.everyday-text-button{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);min-height:2.75rem;font-size:.75rem;line-height:1.4;display:inline-flex}.everyday-button{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);border:1px solid var(--color-line);border-radius:var(--radius-card)}.everyday-button:hover:not(:disabled),.everyday-button[aria-pressed=true]{color:var(--color-gold);background:var(--color-gold-wash);border-color:var(--color-gold-soft)}.everyday-text-button{color:var(--color-ink-soft);text-align:left}.everyday-text-button:hover{color:var(--color-gold)}.everyday-note,.everyday-feedback{color:var(--color-ink-soft);font-size:.75rem;line-height:1.6}.everyday-note{margin-top:calc(var(--spacing) * 3)}.everyday-feedback{margin-top:calc(var(--spacing) * 3);min-height:3.6em}.everyday-actions{justify-content:space-between;align-items:center;gap:var(--spacing) calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.everyday-pins{position:relative}.everyday-pin-invitation{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 3);border-bottom:1px solid var(--color-line);display:flex}.everyday-pin-invitation>span{font-family:var(--font-display);font-size:1.125rem}.everyday-pin-invitation small,.everyday-example-stories small{margin-top:var(--spacing);font-family:var(--font-sans);color:var(--color-ink-soft);font-size:.625rem;display:block}.everyday-example-stories{gap:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 3);display:grid}.everyday-example-stories label{align-items:center;gap:calc(var(--spacing) * 3);min-height:2.75rem;padding-inline:calc(var(--spacing) * 2);border-radius:var(--radius-card);cursor:pointer;font-size:.8125rem;display:flex}.everyday-example-stories label[data-selected=true]{background:var(--color-gold-wash)}.everyday-example-stories input{width:1rem;height:1rem;accent-color:var(--color-gold)}.everyday-stack{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border:1px dashed var(--color-line);border-radius:var(--radius-card);background:var(--color-paper-raised);width:100%;min-height:2.75rem;font-size:.75rem;display:flex;position:relative}.everyday-stack[draggable=true]{cursor:grab;border-color:var(--color-gold)}.everyday-stack[data-dragging=true]{color:var(--color-gold);box-shadow:0 .2rem .6rem var(--color-paper-sunken)}.everyday-moons{gap:calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.everyday-moons>li{cursor:grab;min-width:0}.everyday-moon-button{align-items:center;gap:var(--spacing);text-align:center;border-radius:var(--radius-card);flex-direction:column;width:100%;display:flex}.everyday-moon-disc{width:3.5rem;height:3.5rem;margin-bottom:var(--spacing);border:1px solid var(--color-bucket-1);color:var(--color-bucket-1);background:radial-gradient(circle at 32% 28%, var(--color-gold-wash), var(--color-paper-sunken) 78%);box-shadow:inset -.45rem -.25rem .8rem var(--color-paper-sunken);border-radius:50%;place-items:center;display:grid;position:relative}.everyday-moon-disc>span{font-family:var(--font-display);font-size:1.375rem}.everyday-moons>li[data-slot="2"] .everyday-moon-disc{border-color:var(--color-bucket-2);color:var(--color-bucket-2)}.everyday-moon-button:hover .everyday-moon-disc,.everyday-moons>li[data-over=true] .everyday-moon-disc{background:var(--color-gold-soft);outline:2px solid var(--color-gold);outline-offset:3px}.everyday-moon-button strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1rem;font-weight:400}.everyday-moon-button small{color:var(--color-ink-soft);font-size:.625rem}.everyday-reorder{margin-top:var(--spacing);justify-content:center;align-items:center;display:flex}.everyday-reorder button{border-radius:var(--radius-card);width:2.75rem;height:2.75rem;color:var(--color-ink-soft);flex:none;place-items:center;display:grid}.everyday-reorder button:hover:not(:disabled){color:var(--color-gold);background:var(--color-gold-wash)}.everyday-reorder>span{color:var(--color-ink-soft);white-space:nowrap;font-size:.625rem}.everyday-practice .everyday-demo-cursor{z-index:1;width:1.4rem;height:1.4rem;color:var(--color-gold);fill:var(--color-paper-sunken);pointer-events:none;animation:6s ease-in-out both everyday-pin-demo;position:absolute;top:4%;left:84%}.everyday-demo-cursor>svg{width:100%;height:100%}.everyday-demo-stack{border:1px solid var(--color-gold);background:var(--color-page);width:1.7rem;height:2rem;color:var(--color-page-ink);box-shadow:-.2rem -.2rem 0 var(--color-page-guide);border-radius:.15rem;place-items:center;font-size:.75rem;display:grid;position:absolute;bottom:.8rem;right:.8rem}@keyframes everyday-pin-demo{0%{opacity:0;top:7%;left:84%}10%,15%{opacity:1;top:4%;left:84%}23%{top:51%;left:75%}30%,34%{top:51%;left:25%}40%{top:18%;left:7%}46%,50%{top:29%;left:7%}57%,60%{top:39%;left:50%}76%,86%{opacity:1;top:51%;left:75%}to{opacity:0;top:51%;left:75%}}@media (prefers-reduced-motion:reduce){.everyday-practice .everyday-demo-cursor{animation:none;display:none}}.everyday-choice-row{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.everyday-choice-row>button{flex:1}.everyday-appearance-sample{margin-block:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 3);border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-page-ink);color:var(--color-page)}.everyday-appearance-sample[data-appearance=light]{background:var(--color-page);color:var(--color-page-ink)}.everyday-appearance-sample>span{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 2);font-family:var(--font-display);font-size:1rem;display:flex}.everyday-appearance-sample small{font-family:var(--font-sans);font-size:.625rem}.everyday-paper{margin-top:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 4);background:var(--color-page);color:var(--color-page-ink);border:1px solid var(--color-page-guide)}.everyday-paper h3{font-family:var(--font-display);font-size:1.125rem}.everyday-paper p{margin-top:calc(var(--spacing) * 2);font-family:var(--font-display);font-size:1rem;line-height:1.6}.everyday-paper[data-look=invert]{background:var(--color-page-ink);color:var(--color-page)}.everyday-paper[data-look=dim][data-brightness="20"]{filter:brightness(.2)}.everyday-paper[data-look=dim][data-brightness="40"]{filter:brightness(.4)}.everyday-paper[data-look=dim][data-brightness="60"]{filter:brightness(.6)}.everyday-paper[data-look=dim][data-brightness="80"]{filter:brightness(.8)}.everyday-paper[data-look=dim][data-brightness="100"]{filter:brightness()}.everyday-brightness{align-items:center;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 3);color:var(--color-ink-soft);font-size:.6875rem;display:flex}.everyday-brightness input{min-width:0;height:2.75rem;accent-color:var(--color-gold);flex:1}.everyday-brightness output{font-variant-numeric:tabular-nums}.everyday-badges>h3{font-family:var(--font-display);font-size:1.125rem}.everyday-badge-row{align-items:center;gap:calc(var(--spacing) * 3);margin-block:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.everyday-badge{justify-content:center;align-items:center;gap:var(--spacing);min-width:2.75rem;min-height:2.75rem;padding:calc(var(--spacing) * 2);border-radius:var(--radius-card);border:1px solid #0000;font-size:.8125rem;display:inline-flex}.everyday-badge[data-badge=rating]{color:var(--color-keep);background:var(--color-paper-sunken)}.everyday-badge[data-badge=machine]{border-style:dashed;border-color:var(--color-line);color:var(--color-ink-soft)}.everyday-badge[data-badge=transcription]{color:var(--color-flag)}.everyday-badge[aria-pressed=true]{outline:1px solid var(--color-gold);outline-offset:3px}.everyday-membership-dot{background:var(--color-bucket-1);border-radius:50%;width:.625rem;height:.625rem}.everyday-badge-description{padding-top:calc(var(--spacing) * 3);border-top:1px solid var(--color-line)}.everyday-badge-description strong{font-size:.8125rem;font-weight:500}.everyday-badge-description p{margin-top:calc(var(--spacing) * 2);color:var(--color-ink-soft);font-size:.75rem;line-height:1.65}
