/* YunRoom: the everyday workspace layer. */
.brand-mark{font-size:31px;letter-spacing:-1.9px;white-space:nowrap}.brand-mark>span{font-size:25px;transform:translate(7px,-7px)}.site-header{gap:22px}.desktop-nav{gap:25px}.header-actions{gap:14px}.edit-mode-button{font-size:11px;padding:11px 5px;white-space:nowrap;color:#6c7463}.edit-mode-button>span{font-size:18px;vertical-align:-1px;margin-right:5px}.edit-mode-button[aria-pressed=true]{color:var(--blue)}.hero{padding-block:45px 43px;gap:65px;grid-template-columns:1.15fr 1fr}.hero-art{min-height:400px}.hero h1{font-size:clamp(43px,4.35vw,66px);margin-top:26px;white-space:normal;overflow-wrap:anywhere}.hero h1>#hero-line-one{color:var(--ink)}.hero-description{margin-top:21px;font-size:13px;white-space:pre-line;line-height:1.9}.hero-cta{margin-top:22px}.hero-footnote{margin-top:25px}.hero .vinyl{height:290px;width:290px}.hero .orbit-one{width:365px}.hero .art-star{font-size:88px;top:53px}.hero .floating-label{bottom:57px}.today-overview{display:flex;gap:25px;margin-top:21px}.today-overview>a{display:flex;gap:8px;align-items:center;font-size:10px;color:#7a826e}.today-overview>a>span{font-size:21px;letter-spacing:-.7px;color:var(--blue);font-weight:700}.today-overview>a+a{border-left:1px solid var(--line);padding-left:25px}.editable-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.edit-content-button{height:30px;width:30px;border:1px solid var(--blue);border-radius:50%;color:var(--blue);font-size:19px;flex-shrink:0}.edit-only{display:none!important}.is-editing .edit-only{display:block!important}.editing-banner{background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:13px 56px;font-size:11px;gap:20px}.editing-banner>button{color:white;font-size:11px;font-weight:700;white-space:nowrap}.is-editing .hero-copy,.is-editing .about-content{outline:1px dashed #244bff80;outline-offset:12px}.project-edit-button{margin:0 0 10px auto;border:1px solid var(--blue);color:var(--blue);font-size:10px;padding:7px 11px}.project-detail-edit{display:flex;justify-content:flex-end;margin-bottom:23px}.project-detail-edit .secondary-button{font-size:11px}.project-info p,.research-content p{white-space:pre-line;overflow-wrap:anywhere}.project h3{overflow-wrap:anywhere}.about-content h2,.about-content>p:not(.eyebrow){white-space:pre-line;overflow-wrap:anywhere}.hero .eyebrow{font-size:8px;letter-spacing:1px}.identity-strip>.page-width{justify-content:flex-start;gap:35px}.identity-strip .strip-star{margin-left:auto}.identity-strip>.page-width>span:not(.strip-star){font-size:10px;letter-spacing:.7px}
.calendar-section{padding-top:68px;padding-bottom:60px;border-bottom:1px solid var(--line)}.calendar-top-actions{display:flex;align-items:center;gap:10px}.calendar-top-actions .secondary-button,.calendar-top-actions .primary-button{font-size:11px;padding:12px 15px;gap:17px}.calendar-layout{display:grid;grid-template-columns:1.7fr 1fr;margin-top:34px;border:1px solid var(--line);background:#fcfcf8;min-width:0}.calendar-panel{padding:27px 30px 23px;min-width:0}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.month-navigation{display:flex;gap:13px;align-items:center}.month-navigation h3{font-size:18px;letter-spacing:-.6px;min-width:145px;text-align:center}.calendar-nav{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;font-size:23px;display:grid;place-items:center;line-height:1;padding:0 0 3px}.calendar-nav:hover{background:#e7ebdf}.calendar-today{font-size:10px;border:1px solid var(--line);padding:8px 13px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-weekdays{padding-bottom:13px;font-size:10px;color:#8e9681;text-align:center}.sunday{color:#b96f60}.saturday{color:#7d8cb2}.calendar-day{min-height:65px;padding:7px 2px 6px;border-radius:4px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;border:1px solid transparent;font-size:12px;gap:9px;min-width:0}.calendar-day:hover{background:#f0f2e9}.calendar-day.selected{background:#e5eaff;border-color:#c4ceff}.calendar-day.outside-month{opacity:.38}.calendar-day-number{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;line-height:1}.calendar-day.is-today .calendar-day-number{background:var(--blue);color:white}.calendar-day.selected:not(.is-today) .calendar-day-number{color:var(--blue);font-weight:700}.day-event-indicators{display:flex;align-items:center;gap:4px;height:6px}.day-event-indicators>small{font-size:8px;color:#828b73}.event-dot{display:inline-block;height:5px;width:5px;border-radius:50%;flex-shrink:0}.category-study{background:#244bff}.category-assignment{background:#d99250}.category-project{background:#8e76bc}.category-personal{background:#789b5a}.event-dot.done{opacity:.3}.calendar-legend{display:flex;gap:18px;border-top:1px solid #e5e7dd;padding-top:17px;margin-top:17px;flex-wrap:wrap}.calendar-legend>span{font-size:9px;color:#828b74;display:flex;align-items:center;gap:6px}.day-agenda{background:#edf0e5;border-left:1px solid var(--line);padding:32px 27px;min-width:0;display:flex;flex-direction:column}.agenda-heading{display:flex;justify-content:space-between;color:#7b8669;gap:10px}.agenda-heading .eyebrow{font-size:8px;letter-spacing:1px}.agenda-heading>span:last-child{font-size:10px}.day-agenda>h3{font-size:32px;letter-spacing:-1.3px;margin-top:22px}.day-agenda>p{font-size:10px;line-height:1.8;color:#879375;margin-top:11px}.agenda-empty{display:flex;flex-direction:column;align-items:center;text-align:center;margin:65px 0 40px;color:#859373}.agenda-empty>span{font-size:45px;line-height:1;color:#b5c4a2}.agenda-empty>p{font-size:11px;line-height:1.9;margin-top:18px;word-break:keep-all}.agenda-add{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:10px;border-top:1px solid #cfd7c1;width:100%;color:#6c7b59;margin-top:auto;gap:10px}.agenda-add>span{font-size:19px;color:var(--blue)}#agenda-list{padding-bottom:25px}.agenda-event{display:flex;gap:11px;align-items:start;padding:20px 0;border-bottom:1px solid #d9dfce;position:relative}.agenda-event-check{width:17px;height:17px;border:1px solid #b7c2a7;border-radius:50%;flex-shrink:0;padding:0;font-size:10px;margin-top:22px}.agenda-event.completed .agenda-event-check{background:#80976b;color:white;border-color:#80976b}.agenda-event-main{padding:0;text-align:left;min-width:0;flex:1}.agenda-event-time{display:flex;align-items:center;gap:5px;font-size:9px;color:#7a8769;flex-wrap:wrap}.agenda-event-time>small{font-size:8px;opacity:.6;margin-left:auto}.agenda-event-main>strong{font-size:12px;line-height:1.65;display:block;margin-top:8px;font-weight:600;overflow-wrap:anywhere}.agenda-event-main>p{font-size:10px;line-height:1.7;color:#929c84;margin-top:6px;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.agenda-event.completed .agenda-event-main>strong{text-decoration:line-through;color:#99a38d}.agenda-event-pencil{font-size:15px;color:#a1ae91;align-self:center}.workspace-storage-note{font-size:9px;color:#949c87;line-height:1.8;margin-top:16px}.next-section{padding-block:66px}.work-section{border-top:1px solid var(--line);padding-block:65px}.task-edit{font-size:17px;color:#9fa78f;padding:4px;flex-shrink:0}.task-edit:hover{color:var(--blue)}.task-delete{opacity:1}.task-row{gap:10px}.projects-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.project-playlist,.project-muse{grid-column:span 3}.project-research{grid-column:span 6}.study-project{grid-column:span 2}.study-project .project-info{gap:10px}.study-project h3{font-size:20px}.study-project .project-meta{font-size:9px}.study-project .project-arrow{width:30px;height:30px;font-size:17px}.study-art{height:220px;padding:23px;position:relative;overflow:hidden}.study-art>span{font-size:8px;letter-spacing:1px;font-weight:600;position:relative;z-index:1}.study-art>strong{display:block;font-size:29px;line-height:1.45;letter-spacing:-1.8px;margin-top:31px;position:relative;z-index:1}.study-art>i{position:absolute;right:13px;top:42px;font-size:120px;line-height:1;font-family:Georgia,serif;font-style:normal;opacity:.16;transform:rotate(10deg)}.study-art>small{position:absolute;bottom:22px;font-size:8px;left:23px;right:18px;line-height:1.7}.math-art{background:#e1e7fb;color:#314da4}.rehearsal-art{background:#f0dfd3;color:#91664c}.intro-art{background:#e5e9d8;color:#626d49}.detail-banner.math{background:#e1e7fb;color:#314da4}.detail-banner.rehearsal{background:#f0dfd3;color:#91664c}.detail-banner.intro{background:#e5e9d8;color:#626d49}
.workspace-dialog{padding:42px 40px;width:min(640px,calc(100% - 36px))}.workspace-dialog .eyebrow{font-size:9px;color:#7d876e;margin-top:5px;letter-spacing:1.3px}.workspace-dialog h2{font-size:29px;letter-spacing:-1.2px;margin-top:20px;line-height:1.4}.workspace-dialog form{margin-top:25px}.workspace-dialog label:not(.checkbox-label){display:block;font-size:11px;font-weight:600;margin:18px 0 9px}.workspace-dialog input:not([type=hidden]):not([type=checkbox]),.workspace-dialog textarea,.workspace-dialog select{background:#fcfcf8;border:1px solid #cdd3c1;padding:12px;width:100%;font-size:12px;border-radius:0;min-width:0;color:var(--ink)}.workspace-dialog textarea{resize:vertical;line-height:1.8}.workspace-dialog input::placeholder,.workspace-dialog textarea::placeholder{color:#a1a995}.workspace-dialog .form-bottom{margin-top:25px}.workspace-dialog .form-bottom>button:last-child{margin-left:auto}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.form-columns>div{min-width:0}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#737f64;margin-top:20px;line-height:1.7}.checkbox-label input{width:15px;height:15px;accent-color:var(--blue);margin:0;flex-shrink:0}.form-error{font-size:11px;color:#ad604b;line-height:1.8;margin-top:16px}.form-error:empty{display:none}.danger-text{color:#ad705c}.settings-help{font-size:10px;color:#8a957b;line-height:1.9;margin-top:17px}.settings-save{margin-top:22px;margin-left:auto;display:flex}.backup-settings{margin-top:30px;padding-top:27px;border-top:1px solid var(--line)}.backup-settings h3{font-size:15px;letter-spacing:-.5px}.backup-settings>p{font-size:11px;line-height:1.9;color:#8a957b;margin-top:12px;word-break:keep-all}.backup-buttons{display:flex;gap:10px;margin-top:18px}.backup-buttons>button{font-size:11px;flex:1}.settings-dialog{max-width:570px}.detail-section p,.detail-status p{white-space:pre-line}
@media(min-width:1500px){.hero h1{font-size:66px}.hero-art{min-height:430px}.hero .vinyl{width:320px;height:320px}.hero-footnote{margin-top:auto}}
@media(max-width:1150px){.header-actions{gap:9px}.desktop-nav{gap:20px}.hero{gap:36px}.hero h1{font-size:clamp(38px,4.7vw,56px)}.hero .vinyl{width:255px;height:255px}.hero-art{min-height:395px}.hero .orbit-one{width:320px}.hero .art-star{font-size:75px;right:16px}.hero-description{font-size:12px}.calendar-panel{padding-inline:24px}.day-agenda{padding-inline:23px}.study-art{padding:20px;height:205px}.study-art>strong{font-size:25px;letter-spacing:-1.5px}.study-art>small{left:20px;bottom:18px;font-size:7px}.study-project h3{font-size:18px}.study-project .project-info p{font-size:11px}.study-project .project-meta{font-size:8px}.study-project .tags>span{font-size:8px}.study-project .tags{gap:4px}.study-project .project-arrow{height:27px;width:27px;font-size:16px}}
@media(max-width:850px){.desktop-nav{gap:17px}.desktop-nav>a:last-child{display:block}.record-button{padding:9px 12px;gap:17px;font-size:10px}.edit-mode-button{font-size:10px}.brand-mark{font-size:27px;letter-spacing:-1.5px}.brand-mark>span{font-size:22px;transform:translate(4px,-7px)}.hero{gap:25px;grid-template-columns:1.05fr 1fr;padding-block:36px}.hero h1{font-size:39px;letter-spacing:-2.7px}.hero-art{min-height:380px}.hero .vinyl{height:230px;width:230px}.hero .orbit-one{width:280px}.hero .art-star{font-size:65px;right:12px;top:57px}.hero .eyebrow{font-size:6px;letter-spacing:.8px}.hero-description{font-size:11px}.hero-footnote{font-size:6px}.calendar-section{padding-block:52px}.calendar-layout{grid-template-columns:1.4fr 1fr;margin-top:27px}.calendar-panel{padding:23px 16px 20px}.calendar-toolbar{margin-bottom:22px}.month-navigation{gap:7px}.month-navigation h3{font-size:16px;min-width:116px}.calendar-nav{height:27px;width:27px;font-size:21px}.calendar-today{padding:7px 10px;font-size:9px}.calendar-day{min-height:58px;font-size:11px;gap:6px}.calendar-weekdays,.calendar-days{gap:2px}.day-agenda{padding:25px 19px}.day-agenda>h3{font-size:28px}.day-agenda>p{font-size:9px}.agenda-empty>p{font-size:10px}.agenda-event{gap:8px}.agenda-event-main>strong{font-size:11px}.agenda-event-time{font-size:8px}.agenda-event-time>small{font-size:7px}.agenda-event-pencil{display:none}.calendar-legend{gap:13px}.calendar-legend>span{font-size:8px}.calendar-top-actions{gap:7px}.calendar-top-actions .primary-button,.calendar-top-actions .secondary-button{font-size:10px;padding:11px 12px;gap:10px}.study-project{grid-column:span 3}.study-project:last-child{grid-column:span 6}.study-project:last-child .study-art{height:180px}.study-project:last-child .study-art>strong{margin-top:15px}.study-art{height:220px}.study-art>strong{font-size:29px}.study-project h3{font-size:20px}.study-project .project-meta{font-size:9px}.identity-strip>.page-width{gap:24px}.identity-strip>.page-width>span:not(.strip-star){font-size:9px}.editing-banner{padding-inline:24px}.next-section{gap:30px}.task-panel{padding-inline:18px}.task-row{gap:8px}.task-content>p{font-size:11px}.task-edit,.task-delete{font-size:15px;padding:3px}.work-section{padding-block:53px}}
@media(max-width:700px) and (min-width:641px){.desktop-nav{gap:13px}.desktop-nav>a{font-size:10px}.record-button{display:none}.calendar-layout{grid-template-columns:1.2fr 1fr}.calendar-panel{padding-inline:13px}.month-navigation h3{font-size:14px;min-width:99px}.month-navigation{gap:5px}.calendar-today{padding:6px 8px}.calendar-nav{height:25px;width:25px}.day-agenda{padding-inline:16px}}
@media(max-width:640px){.site-header{gap:12px;height:79px}.brand-mark{font-size:26px;letter-spacing:-1.5px}.brand-mark>span{font-size:20px;transform:translate(3px,-6px)}.header-actions{gap:11px}.edit-mode-button{font-size:10px;padding:7px 0}.edit-mode-button>span{font-size:17px;margin-right:3px}.record-button{display:none}.hero{grid-template-columns:1fr;gap:27px;padding-block:30px}.hero .eyebrow{font-size:7px;letter-spacing:.8px}.hero h1{font-size:clamp(40px,11vw,59px);margin-top:24px;letter-spacing:-3px;line-height:1.3}.hero-description{font-size:11px;margin-top:19px;line-height:1.9}.today-overview{margin-top:19px;gap:22px}.today-overview>a{font-size:10px}.today-overview>a>span{font-size:21px}.today-overview>a+a{padding-left:22px}.hero-cta{margin-top:18px;font-size:11px}.hero-footnote{margin-top:23px;font-size:7px}.hero-art{height:280px;min-height:0}.hero .vinyl{width:225px;height:225px;top:49%}.hero .vinyl-center{transform:scale(.82)}.hero .orbit-one{width:293px;height:110px}.hero .orbit-two{height:270px;width:110px}.hero .art-star{font-size:63px;top:36px;right:26px}.hero .floating-label{bottom:45px;right:24px;padding:10px 14px}.hero .floating-label span{font-size:13px}.hero .art-corner{top:17px;font-size:6px}.hero .art-footer{bottom:16px}.hero .art-footer>span:first-child{font-size:6px}.hero .art-arrow{font-size:22px}.identity-strip>.page-width{padding:16px 27px 16px 0;min-height:0;gap:9px 14px;flex-wrap:nowrap;justify-content:space-between}.identity-strip>.page-width>span:not(.strip-star){font-size:8px;letter-spacing:0;white-space:nowrap;width:auto}.identity-strip i{display:none}.identity-strip .strip-star{top:10px;font-size:22px;margin:0}.calendar-section{padding-block:43px 36px}.calendar-section .section-heading{flex-direction:column;align-items:start;gap:20px}.calendar-section .section-heading h2{font-size:28px}.calendar-top-actions{width:100%;justify-content:flex-end}.calendar-top-actions .primary-button,.calendar-top-actions .secondary-button{font-size:10px;padding:10px 13px;gap:13px}.calendar-layout{grid-template-columns:1fr;margin-top:21px}.calendar-panel{padding:22px 16px 20px}.calendar-toolbar{margin-bottom:22px}.month-navigation h3{font-size:17px;min-width:129px}.month-navigation{gap:10px}.calendar-nav{width:28px;height:28px;font-size:22px}.calendar-today{font-size:10px;padding:8px 13px}.calendar-weekdays{font-size:9px;padding-bottom:9px}.calendar-day{min-height:49px;padding:4px 0;gap:5px;font-size:11px}.calendar-weekdays,.calendar-days{gap:3px}.calendar-day-number{height:23px;width:23px}.day-event-indicators{gap:3px}.event-dot{width:4px;height:4px}.calendar-legend{gap:15px;padding-top:15px;margin-top:12px}.calendar-legend>span{font-size:8px}.day-agenda{border-left:0;border-top:1px solid var(--line);padding:24px 22px}.day-agenda>h3{font-size:27px;margin-top:15px}.agenda-heading .eyebrow{font-size:8px}.agenda-heading>span:last-child{font-size:9px}.agenda-empty{margin:30px 0 12px;flex-direction:row;gap:18px;text-align:left;justify-content:center}.agenda-empty>span{font-size:33px}.agenda-empty>p{font-size:10px;margin-top:0}.day-agenda>p{font-size:10px;margin-top:8px}#agenda-list{padding-bottom:22px}.agenda-add{font-size:10px}.agenda-event-main>strong{font-size:12px}.agenda-event-time{font-size:9px}.agenda-event-time>small{font-size:8px}.agenda-event-check{height:18px;width:18px;margin-top:22px}.agenda-event{gap:12px;padding-block:19px}.agenda-event-main>p{font-size:10px}.agenda-event-pencil{display:block}.workspace-storage-note{font-size:8px;line-height:1.9;margin-top:14px;word-break:keep-all}.next-section{padding-block:40px 44px;gap:27px}.next-intro h2{font-size:29px}.task-panel{padding-inline:18px}.task-content>p{font-size:11px}.task-content>span{font-size:8px}.task-edit,.task-delete{font-size:17px;padding:4px}.task-row{gap:9px}.work-section{padding-block:43px}.work-section .filter-bar{justify-content:flex-start;gap:6px;flex-wrap:wrap}.work-section .filter{font-size:9px;padding:8px 11px}.projects-grid{grid-template-columns:minmax(0,1fr);gap:31px}.project-playlist,.project-muse,.project-research,.study-project,.study-project:last-child{grid-column:span 1}.study-project:last-child .study-art,.study-art{height:205px}.study-project:last-child .study-art>strong{margin-top:22px}.study-art>strong{font-size:28px;letter-spacing:-1.5px;margin-top:22px}.study-art>small{font-size:8px}.study-art>span{font-size:8px}.study-project h3{font-size:21px}.study-project .project-meta{font-size:9px}.study-project .tags>span{font-size:8px}.study-project .project-arrow{height:32px;width:32px;font-size:18px}.editing-banner{padding:12px 20px;font-size:9px;gap:16px;line-height:1.7;align-items:start}.editing-banner>button{font-size:9px;flex-shrink:0;margin-top:2px}.is-editing .hero-copy,.is-editing .about-content{outline-offset:8px}.edit-content-button{height:26px;width:26px;font-size:17px}.project-edit-button{font-size:9px;padding:6px 10px}.workspace-dialog{width:calc(100% - 24px);padding:36px 23px 27px}.workspace-dialog .eyebrow{font-size:8px;padding-right:24px}.workspace-dialog h2{font-size:26px;margin-top:17px}.workspace-dialog .dialog-intro{font-size:10px}.workspace-dialog form{margin-top:22px}.workspace-dialog label:not(.checkbox-label){font-size:10px;margin-top:17px}.workspace-dialog input:not([type=hidden]):not([type=checkbox]),.workspace-dialog select,.workspace-dialog textarea{font-size:16px;padding:11px;line-height:1.5}.workspace-dialog input[type=time]{padding-inline:8px}.form-columns{gap:12px}.checkbox-label{font-size:11px;margin-top:19px}.workspace-dialog .form-bottom{margin-top:22px;gap:10px}.workspace-dialog .form-bottom>span{font-size:8px}.workspace-dialog .primary-button{font-size:11px;gap:14px}.settings-help{font-size:9px}.backup-settings h3{font-size:14px}.backup-settings>p{font-size:10px}.backup-buttons>button{font-size:10px;padding:12px 8px}.project-detail-edit .secondary-button{font-size:10px}.form-error{font-size:10px}}
@media(max-width:380px){.brand-mark{font-size:24px;letter-spacing:-1.5px}.brand-mark>span{font-size:18px}.header-actions{gap:10px}.edit-mode-button{font-size:9px}.hero .eyebrow{font-size:6px;letter-spacing:.6px}.hero h1{font-size:40px}.hero-description{font-size:10px}.hero .art-star{right:17px}.hero .floating-label{right:18px}.identity-strip>.page-width>span:not(.strip-star){font-size:7px}.calendar-panel{padding-inline:11px}.month-navigation h3{font-size:15px;min-width:107px}.month-navigation{gap:7px}.calendar-today{font-size:9px;padding:7px 10px}.calendar-day{min-height:46px}.day-agenda{padding-inline:18px}.form-columns{gap:9px}.workspace-dialog{padding-inline:19px}.task-panel{padding-inline:14px}.task-row{gap:7px}.task-edit,.task-delete{padding:2px}.calendar-legend{gap:12px}.hero-footnote{font-size:6px}}

/* Give native date/time widgets enough room to show their complete value. */
@media(max-width:640px){.workspace-dialog .form-columns:has(#event-date){grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.workspace-dialog #event-time-fields{grid-template-columns:minmax(0,1fr)}}