.modal-wrapper:has(.settings-modal-content){width:25rem;max-width:calc(100vw - 2rem)}.modal-wrapper:has(.settings-modal-content) .modal-header{box-sizing:border-box;border-bottom-color:var(--border-muted);height:auto;min-height:3rem;padding:.875rem 1.5rem}.modal-wrapper:has(.settings-modal-content) .modal-header .typography-label{color:var(--fg-default);font-size:.875rem;font-weight:700;line-height:1.25rem}.settings-modal-content{color:var(--fg-default)}.settings-modal-tabs{border-bottom:1px solid var(--border-muted);height:2.75rem;display:flex}.settings-modal-tab{color:var(--fg-soft);border-bottom:2px solid #0000;align-items:center;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}.settings-modal-tab--active{border-bottom-color:var(--accent-default);color:var(--fg-default)}.settings-modal-section{border-bottom:1px solid var(--border-muted);flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:flex}.settings-modal-section .typography-label{color:var(--fg-default);letter-spacing:.12em;text-transform:uppercase;font-size:.5625rem;font-weight:800;line-height:1.25rem}.settings-modal-field .dropdown-wrapper{margin:0}.settings-modal-field{align-items:center;gap:.625rem;display:flex}.settings-modal-setting-label{min-width:5rem;color:var(--fg-default);font-size:.75rem;line-height:1.25rem}.settings-modal-whats-new{width:100%;color:var(--fg-default);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:.125rem;padding:0;display:flex}.settings-modal-whats-new span{color:var(--accent-default);font-size:.75rem;line-height:1.25rem}.settings-modal-whats-new small{color:var(--fg-soft);font-size:.625rem;line-height:1rem}.settings-modal-whats-new:hover span{text-decoration:underline}.settings-modal-radio-row{flex-wrap:wrap;gap:.625rem 1rem;display:flex}.settings-modal-radio-row .radio-button{margin:0}.modal-wrapper:has(.settings-modal-content) .modal-footer{border-top:0;padding:.75rem 1.5rem}@media (width<=30rem){.settings-modal-radio-row{flex-direction:column}}.left-panel-wrapper{-ms-overflow-style:none;scrollbar-width:none;overflow:hidden auto}.left-panel-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.left-panel .poster-upload-wrapper,.left-panel .poster-upload-image-wrapper,.left-panel .poster-upload-img{width:100%;min-width:100%}.left-panel .poster-upload-image-wrapper,.left-panel .poster-upload-img{height:25rem;min-height:25rem}.left-panel .poster-upload-img{object-fit:cover;display:block}.writing-right-panel{width:18.25rem;overflow:hidden}.writing-right-panel .right-panel-wrapper{width:calc(100% + .3125rem);min-width:calc(100% + .3125rem);max-width:none;overflow-y:scroll}.project-card-image-wrapper:has(img[src*=\#project-field-]){background-color:color-mix(in srgb, var(--project-field-color) 20%, var(--bg-page))}.project-card-image-wrapper:has(img[src$=\#project-field-green]){--project-field-color:var(--green)}.project-card-image-wrapper:has(img[src$=\#project-field-light-green]){--project-field-color:var(--light-green)}.project-card-image-wrapper:has(img[src$=\#project-field-lime]){--project-field-color:var(--lime)}.project-card-image-wrapper:has(img[src$=\#project-field-dark-purple]){--project-field-color:var(--dark-purple)}.project-card-image-wrapper:has(img[src$=\#project-field-purple]){--project-field-color:var(--purple)}.project-card-image-wrapper:has(img[src$=\#project-field-light-purple]){--project-field-color:var(--light-purple)}.project-card-image-wrapper:has(img[src$=\#project-field-dark-pink]){--project-field-color:var(--dark-pink)}.project-card-image-wrapper:has(img[src$=\#project-field-pink]){--project-field-color:var(--pink)}.project-card-image-wrapper:has(img[src$=\#project-field-red]){--project-field-color:var(--red)}.project-card-image-wrapper:has(img[src$=\#project-field-orange]){--project-field-color:var(--orange)}.project-card-image-wrapper:has(img[src$=\#project-field-light-orange]){--project-field-color:var(--light-orange)}.project-card-image-wrapper:has(img[src$=\#project-field-yellow]){--project-field-color:var(--yellow)}.project-card-image-wrapper:has(img[src$=\#project-field-brown]){--project-field-color:var(--brown)}.project-card-image-wrapper:has(img[src$=\#project-field-light-blue]){--project-field-color:var(--light-blue)}.project-card-image-wrapper:has(img[src$=\#project-field-blue]){--project-field-color:var(--blue)}.project-card-details>.menu-wrapper>.icon-btn,.project-card-details>.menu-wrapper>.icon-btn:hover,.project-card-details>.menu-wrapper>.icon-btn:focus-visible{background-color:#0000}.profile-container{margin-bottom:var(--default-gap)}.modal-wrapper:has(.learn-more-modal-body){box-sizing:border-box;border:.0625rem solid var(--border-muted);background:var(--elevation-1);width:25rem;min-width:0;max-width:calc(100vw - 2rem);box-shadow:0 1.0625rem 2.0625rem var(--effect-2), 0 0 0 100vmax #00000073;border-radius:.25rem;overflow:hidden}.modal-wrapper:has(.learn-more-modal-body) .modal-header{box-sizing:border-box;border-bottom-color:var(--border-muted);gap:1rem;height:auto;min-height:3.25rem;padding:1rem 1.5rem}.modal-wrapper:has(.learn-more-modal-body) .modal-header .typography-label{color:var(--fg-default);font-size:.875rem;font-weight:var(--double-weight);letter-spacing:.05em;text-transform:none;line-height:1.25rem}.modal-wrapper:has(.learn-more-modal-body) .modal-header .clickable-icon-wrapper,.modal-wrapper:has(.learn-more-modal-body) .modal-header .clickable-icon-wrapper svg{width:1.25rem;height:1.25rem;color:var(--fg-default)}.modal-wrapper:has(.learn-more-modal-body) .section-wrapper{padding:1rem 1.5rem}.learn-more-modal-body{gap:.75rem}.learn-more-modal-content{grid-template-rows:1.25rem .875rem;grid-template-columns:1rem minmax(0,1fr) auto;align-items:start;gap:0 .5rem;min-height:2.125rem;display:grid}.learn-more-modal-content-left,.learn-more-modal-content-left-text{display:contents}.learn-more-modal-content .activity-day-wrapper{grid-area:1/1/span 2;width:1rem;height:1rem;margin-top:.125rem}.learn-more-modal-content-left-text>:first-child{color:var(--fg-default);font-size:.75rem;font-weight:var(--double-weight);grid-area:1/2;line-height:1.25rem}.learn-more-modal-content-left-text>:first-child h4,.learn-more-modal-content-right h4{font:inherit;margin:0}.learn-more-modal-content-left-text>:last-child{color:var(--fg-muted);grid-area:2/2/auto/span 2;font-size:.625rem;line-height:.875rem}.learn-more-modal-content-right{color:var(--fg-muted);font-size:.75rem;font-weight:var(--double-weight);white-space:nowrap;grid-area:1/3;line-height:1.25rem}
