html body.app-purpose-ui{font:16px/1.5 var(--sl-sans)!important;color:var(--sl-ink)!important;background:var(--sl-paper)!important;margin:0!important}
html body.app-purpose-ui ::selection{background:var(--sl-rule)!important;color:var(--sl-ink)!important}
html body.app-purpose-ui .skip{position:absolute!important;top:8px!important;left:8px!important;transform:translateY(-180%)!important;padding:12px 16px!important;background:var(--sl-paper)!important;color:var(--sl-ink)!important;z-index:20!important;min-height:44px!important}
html body.app-purpose-ui .skip:focus{transform:none!important}
html body.app-purpose-ui .sl-head{max-width:1160px!important;margin:auto!important;padding:12px 24px!important;border-bottom:1px solid var(--sl-line)!important}
html body.app-purpose-ui .sl-brand{display:inline-flex!important;align-items:center!important;font-size:28px!important;min-height:44px!important}
html body.app-purpose-ui .purpose-page{max-width:1160px!important;margin:auto!important;padding:20px 24px 40px!important;box-sizing:border-box!important}
html body.app-purpose-ui main .ui-page-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:8px!important}
html body.app-purpose-ui main h1{font:400 34px/1.12 var(--sl-serif)!important;letter-spacing:-.015em!important;color:var(--sl-ink)!important;margin:0!important;max-width:32ch!important}
html body.app-purpose-ui main .ui-page-heading>a{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-width:44px!important;min-height:44px!important;font:14px/1.3 var(--sl-sans)!important;color:var(--sl-accent)!important}
html body.app-purpose-ui main .tl-intro{font:17px/1.4 var(--sl-sans)!important;color:var(--sl-body)!important;max-width:70ch!important;margin:0 0 16px!important;min-height:0!important}
html body.app-purpose-ui main .tl{display:block!important;max-width:none!important;margin:0!important;min-height:0!important}
html body.app-purpose-ui main .ui-shell{display:block!important;min-width:0!important}
html body.app-purpose-ui main .tl-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0!important;min-width:0!important}
html body.app-purpose-ui main .tl-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:16px!important}
html body.app-purpose-ui main .tl-h{font:400 27px/1.18 var(--sl-serif)!important;color:var(--sl-ink)!important;margin:0!important;letter-spacing:0!important}
html body.app-purpose-ui main h3{font:500 18px/1.3 var(--sl-sans)!important;color:var(--sl-ink)!important;margin:0 0 10px!important;overflow-wrap:anywhere!important}
html body.app-purpose-ui main .tl-note{font:16px/1.5 var(--sl-sans)!important;color:var(--sl-body)!important;margin:8px 0 14px!important;max-width:70ch!important;overflow-wrap:anywhere!important}
html body.app-purpose-ui main .tl-field{margin:0 0 12px!important;min-width:0!important}
html body.app-purpose-ui main .tl-field>span{font:14px/1.4 var(--sl-sans)!important;color:var(--sl-body)!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:6px!important}
html body.app-purpose-ui main .tl-input{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important;min-height:44px!important;border:1px solid var(--sl-accent)!important;border-radius:8px!important;padding:10px 12px!important;font:16px/1.4 var(--sl-sans)!important;color:var(--sl-ink)!important;background:var(--sl-paper)!important;caret-color:var(--sl-accent)!important}
html body.app-purpose-ui main .tl-area{resize:vertical!important;min-height:96px!important}
html body.app-purpose-ui main .tl-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;min-width:44px!important;width:auto!important;padding:10px 16px!important;font:500 15px/1.3 var(--sl-sans)!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;border-radius:var(--sl-pill)!important;border:1px solid var(--sl-ink)!important;color:var(--sl-paper)!important;background:var(--sl-ink)!important;margin:0!important;box-sizing:border-box!important;text-align:center!important}
html body.app-purpose-ui main .tl-btn.alt{background:var(--sl-paper)!important;color:var(--sl-ink)!important}
html body.app-purpose-ui main .tl-btn:hover{background:var(--sl-moss)!important;border-color:var(--sl-moss)!important;color:var(--sl-paper)!important}
html body.app-purpose-ui main .tl-btn.alt:hover{background:var(--sl-mint)!important;color:var(--sl-ink)!important;border-color:var(--sl-accent)!important}
html body.app-purpose-ui main .tl-btn:disabled{cursor:default!important;opacity:.65!important}
html body.app-purpose-ui main .tl-row{display:flex!important;align-items:center!important;gap:12px!important;min-height:48px!important;padding:10px 0!important;margin:0!important;box-sizing:border-box!important;font:16px/1.4 var(--sl-sans)!important;color:var(--sl-ink)!important}
html body.app-purpose-ui main .tl-check{width:22px!important;height:22px!important;flex:none!important;margin:0!important;accent-color:var(--sl-accent)!important}
html body.app-purpose-ui main .tl-text{min-width:0!important;overflow-wrap:anywhere!important}
html body.app-purpose-ui main .tl-plan{border:0!important;border-bottom:1px solid var(--sl-rule)!important;border-radius:0!important;background:none!important;padding:16px 0!important;margin:0 0 4px!important}
html body.app-purpose-ui main .tl-plan .tl-btn{margin:4px 8px 4px 0!important}
html body.app-purpose-ui main .ui-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:12px 0 16px!important}
html body.app-purpose-ui main .ui-task-item{padding:12px 0 16px!important;margin-bottom:12px!important;border-bottom:1px solid var(--sl-line)!important;min-width:0!important}
html body.app-purpose-ui main .ui-supply-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;border-bottom:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-supply-item .tl-btn{font-size:14px!important}
html body.app-purpose-ui main .ui-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 16px!important}
html body.app-purpose-ui main .ui-form:has(textarea)>.tl-field:has(textarea){grid-column:1/-1!important}
html body.app-purpose-ui main .ui-navigation{display:flex!important;gap:4px 20px!important;flex-wrap:wrap!important;padding:0 0 12px!important;margin:0 0 24px!important;border-bottom:1px solid var(--sl-rule)!important}
html body.app-purpose-ui main .ui-navigation a{display:inline-flex!important;align-items:center!important;min-height:44px!important;min-width:44px!important;font:500 15px/1.3 var(--sl-sans)!important;color:var(--sl-accent)!important;text-decoration:none!important;text-underline-offset:4px!important}
html body.app-purpose-ui main .ui-navigation a:hover{text-decoration:underline!important}
html body.app-purpose-ui main .ui-empty{font:16px/1.5 var(--sl-sans)!important;color:var(--sl-body)!important;padding:16px 0!important;margin:0!important}
html body.app-purpose-ui main .ui-task-state{font:500 18px/1.4 var(--sl-sans)!important;color:var(--sl-moss)!important;margin:0 0 16px!important}
html body.app-purpose-ui main #tl-message,html body.app-purpose-ui main .ui-recovery{padding:12px 16px!important;margin:0 0 16px!important;background:var(--sl-mint)!important;color:var(--sl-body)!important;border:1px solid var(--sl-accent)!important;border-radius:8px!important;font:15px/1.5 var(--sl-sans)!important}
html body.app-purpose-ui main #tl-message:empty{display:none!important;padding:0!important;margin:0!important;border:0!important}
html body.app-purpose-ui main #tl-example{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:0!important;min-height:0!important;border:0!important}
html body.app-purpose-ui main #tl-example:empty{display:none!important;margin:0!important;padding:0!important}
html body.app-purpose-ui main #tl-example .tl-note{font-size:13px!important;margin:0!important}
html body.app-purpose-ui main #tl-example .tl-btn{font-size:13px!important;max-width:156px!important;flex:none!important;padding:8px 12px!important}
html body.app-purpose-ui main .tl-support{margin-top:32px!important;padding-top:16px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .tl-support .tl-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:8px 0 16px!important}
html body.app-purpose-ui main summary{min-height:48px!important;padding:12px 0!important;box-sizing:border-box!important;font:500 15px/1.4 var(--sl-sans)!important;color:var(--sl-ink)!important;cursor:pointer!important}
html body.app-purpose-ui main :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--sl-accent)!important;outline-offset:3px!important}
html body.app-purpose-ui main .ui-section:focus{outline:2px solid var(--sl-accent)!important;outline-offset:6px!important}
html body.app-purpose-ui main .ui-history{padding-top:24px!important;margin-top:24px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-school-dates{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:32px!important}
html body.app-purpose-ui main .ui-school-prep{display:grid!important;grid-template-columns:1fr 1fr!important;gap:32px!important;padding-top:28px!important;margin-top:20px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-agenda .tl-plan{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:16px!important}
html body.app-purpose-ui main .ui-date{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:52px!important;align-self:start!important;border:1px solid var(--sl-rule)!important;border-radius:8px!important;padding:8px 4px!important;color:var(--sl-ink)!important;font:13px/1.3 var(--sl-sans)!important;box-sizing:border-box!important}
html body.app-purpose-ui main .ui-date strong{font-size:25px!important;font-weight:500!important;font-variant-numeric:tabular-nums!important}
html body.app-purpose-ui main .ui-agenda-content{min-width:0!important}
html body.app-purpose-ui main .ui-agenda-content .tl-note{font-size:14px!important;margin:0 0 8px!important}
html body.app-purpose-ui main .ui-entry{padding:20px!important;border:1px solid var(--sl-line)!important;border-radius:12px!important}
html body.app-purpose-ui main .ui-entry .ui-form{grid-template-columns:1fr!important}
html body.app-purpose-ui main .ui-energy-check{display:flex!important;flex-wrap:wrap!important;gap:12px 24px!important;align-items:start!important;margin-bottom:24px!important}
html body.app-purpose-ui main .ui-energy-check .tl-card-head{margin:0!important}
html body.app-purpose-ui main .ui-energy-check .tl-field{max-width:260px!important;flex:1 1 200px!important;margin:0!important}
html body.app-purpose-ui main .ui-energy-check .tl-note{margin:0!important;flex:1 1 220px!important}
html body.app-purpose-ui main .ui-energy-now{display:grid!important;grid-template-columns:1.6fr 1fr!important;gap:32px!important;margin-bottom:24px!important}
html body.app-purpose-ui main .ui-focus{padding:24px!important;background:var(--sl-cream)!important;border-radius:12px!important}
html body.app-purpose-ui main .ui-focus input[type=text]{font-size:19px!important}
html body.app-purpose-ui main .ui-timer{padding:20px!important;background:var(--sl-mint)!important;border-radius:12px!important;align-self:start!important}
html body.app-purpose-ui main .ui-timer .tl-h{font-size:24px!important}
html body.app-purpose-ui main .ui-timer [role=timer]{font:500 24px/1.3 var(--sl-sans)!important;font-variant-numeric:tabular-nums!important}
html body.app-purpose-ui main .ui-task-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;padding-top:24px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-task-list .tl-h{font-size:22px!important}
html body.app-purpose-ui main .ui-task-list .ui-toolbar{gap:8px!important;margin-bottom:8px!important}
html body.app-purpose-ui main .ui-energy-later{display:grid!important;grid-template-columns:1fr 1fr!important;gap:32px!important;margin-top:28px!important;padding-top:24px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-writing-desk{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important;gap:40px!important}
html body.app-purpose-ui main .ui-editor [data-f=text]{min-height:320px!important;font-size:18px!important;line-height:1.6!important;padding:20px!important}
html body.app-purpose-ui main .ui-notes{padding-left:24px!important;border-left:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-notes .tl-plan .tl-note{white-space:pre-wrap!important;font-size:15px!important}
html body.app-purpose-ui main .ui-word-settings{margin-top:24px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-word-settings .tl-card-head{display:none!important}
html body.app-purpose-ui main .ui-family-week{padding:24px!important;border:1px solid var(--sl-rule)!important;border-radius:12px!important}
html body.app-purpose-ui main .ui-family-week>[data-f=weekOf]{max-width:300px!important}
html body.app-purpose-ui main .ui-week-row{display:grid!important;grid-template-columns:90px minmax(0,1.5fr) minmax(0,1fr)!important;gap:16px!important;align-items:center!important;padding:12px 0!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-week-row>.tl-field{margin:0!important}
html body.app-purpose-ui main .ui-week-row h3{font-size:16px!important;margin:0!important}
html body.app-purpose-ui main .ui-household{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;margin-top:32px!important;padding-top:24px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-household .tl-h{font-size:24px!important}
html body.app-purpose-ui main .ui-family>.ui-section:last-child{margin-top:24px!important;padding-top:24px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-night{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;gap:40px!important}
html body.app-purpose-ui main .ui-readiness{padding:24px!important;background:var(--sl-mint)!important;border-radius:12px!important}
html body.app-purpose-ui main .ui-readiness .tl-row{border-top:1px solid var(--sl-rule)!important;min-height:56px!important}
html body.app-purpose-ui main .ui-morning-context{margin:0 0 20px!important;padding-bottom:12px!important;border-bottom:1px solid var(--sl-rule)!important}
html body.app-purpose-ui main .ui-morning-context textarea{min-height:72px!important}
html body.app-purpose-ui main .ui-ready-items{margin-bottom:24px!important;padding-bottom:24px!important;border-bottom:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-ready-items .tl-row{font-size:15px!important}
html body.app-purpose-ui main .ui-room-work{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:40px!important}
html body.app-purpose-ui main .ui-room-questions>.tl-field:first-of-type{max-width:450px!important}
html body.app-purpose-ui main .ui-question{border:0!important;border-top:1px solid var(--sl-rule)!important;padding:16px 0 20px!important;margin:12px 0!important;min-width:0!important}
html body.app-purpose-ui main .ui-question legend{font:500 14px/1.4 var(--sl-sans)!important;color:var(--sl-body)!important;padding:0 8px 0 0!important}
html body.app-purpose-ui main .ui-question .tl-field>span{font:400 25px/1.2 var(--sl-serif)!important;color:var(--sl-ink)!important}
html body.app-purpose-ui main .ui-room-side>.ui-timer{margin-bottom:24px!important}
html body.app-purpose-ui main .ui-spaces .tl-plan{padding:20px 0!important}
html body.app-purpose-ui main .ui-bill-book{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;gap:40px!important}
html body.app-purpose-ui main .ui-charge-form{padding:20px!important;background:var(--sl-mint)!important;border-radius:12px!important;align-self:start!important}
html body.app-purpose-ui main .ui-charge-form .tl-card-head{display:block!important}
html body.app-purpose-ui main .ui-charge-form .tl-card-head .tl-field{margin-top:16px!important}
html body.app-purpose-ui main .ui-record-heading{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:16px!important}
html body.app-purpose-ui main .ui-record-heading h3{font:400 24px/1.2 var(--sl-serif)!important;margin:0!important;flex:1!important;min-width:0!important}
html body.app-purpose-ui main .ui-amount{font:500 25px/1.25 var(--sl-sans)!important;font-variant-numeric:tabular-nums!important;max-width:100%!important;overflow-wrap:anywhere!important}
html body.app-purpose-ui main .ui-record-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body.app-purpose-ui main .ui-record-actions .tl-btn{margin:0!important;font-size:14px!important}
html body.app-purpose-ui main .ui-paid-history{margin-top:24px!important;padding-top:24px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-storage-work{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:40px!important}
html body.app-purpose-ui main .ui-storage-steps{list-style:none!important;counter-reset:storage!important;margin:20px 0!important;padding:0!important}
html body.app-purpose-ui main .ui-storage-step{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:12px!important;counter-increment:storage!important;border-top:1px solid var(--sl-rule)!important;align-items:center!important}
html body.app-purpose-ui main .ui-storage-step:before{content:counter(storage)!important;font:500 20px/1.3 var(--sl-sans)!important;color:var(--sl-body)!important;text-align:center!important}
html body.app-purpose-ui main .ui-storage-step.is-done{background:var(--sl-mint)!important}
html body.app-purpose-ui main .ui-storage-side>.ui-section{padding-top:24px!important;margin-top:20px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-storage-side>.ui-section:first-child{padding-top:0!important;margin-top:0!important;border:0!important}
html body.app-purpose-ui main .ui-saved-desk{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:24px 40px!important;align-items:start!important}
html body.app-purpose-ui main .ui-saved-pick{grid-column:2!important;grid-row:1!important}
html body.app-purpose-ui main .ui-saved-library{grid-column:1!important;grid-row:1 / span 2!important}
html body.app-purpose-ui main .ui-link-import{grid-column:2!important;grid-row:2!important}
html body.app-purpose-ui main .ui-saved-library .tl-plan h3{font:400 23px/1.25 var(--sl-serif)!important}
html body.app-purpose-ui main .ui-saved-pick{padding:24px!important;background:var(--sl-cream)!important;border-radius:12px!important;margin-bottom:24px!important}
html body.app-purpose-ui main .ui-link-import{padding-top:24px!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .tl-link{display:inline-flex!important;align-items:center!important;min-height:44px!important;min-width:44px!important;color:var(--sl-accent)!important;font:500 15px/1.4 var(--sl-sans)!important}
html body.app-purpose-ui main .ui-reply-desk{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;gap:40px!important}
html body.app-purpose-ui main .ui-message-preview{position:sticky!important;top:20px!important;align-self:start!important;padding:0!important;background:none!important;border-radius:0!important}
html body.app-purpose-ui main .ui-message-preview .ui-message{font:400 25px/1.35 var(--sl-serif)!important;padding:20px!important;background:var(--sl-cream)!important;border:1px solid var(--sl-rule)!important;border-radius:12px 12px 12px 0!important;margin:12px 0 20px!important}
html body.app-purpose-ui main .ui-reply>.ui-section:last-child{padding-top:24px!important;border-top:1px solid var(--sl-line)!important;margin-top:24px!important}
html body.app-purpose-ui main .ui-week-idea{margin-bottom:24px!important;border-bottom:1px solid var(--sl-line)!important;padding-bottom:12px!important}
html body.app-purpose-ui main .ui-posts-desk{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)!important;gap:40px!important}
html body.app-purpose-ui main .ui-week-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;margin:0 0 20px!important}
html body.app-purpose-ui main .ui-week-strip .tl-btn{font-size:13px!important;padding:10px 6px!important;border-radius:8px!important;background:var(--sl-paper)!important;color:var(--sl-ink)!important;border:1px solid var(--sl-rule)!important}
html body.app-purpose-ui main .ui-week-strip .tl-btn[aria-pressed=true]{background:var(--sl-ink)!important;color:var(--sl-paper)!important;border-color:var(--sl-ink)!important}
html body.app-purpose-ui main .tl-day{border:0!important;padding:0!important;margin:0!important;background:none!important;min-width:0!important}
html body.app-purpose-ui main .tl-day[hidden]{display:none!important}
html body.app-purpose-ui main .tl-day>h3{font:400 30px/1.2 var(--sl-serif)!important}
html body.app-purpose-ui main .ui-post-editor textarea{min-height:250px!important;font-size:18px!important;line-height:1.6!important}
html body.app-purpose-ui main .ui-film-plan{padding-left:24px!important;border-left:1px solid var(--sl-line)!important}
html body.app-purpose-ui .sl-foot{margin-top:0!important}
@media(max-width:900px){
html body.app-purpose-ui main .ui-writing-desk,html body.app-purpose-ui main .ui-saved-desk,html body.app-purpose-ui main .ui-posts-desk{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:24px!important}
html body.app-purpose-ui main .ui-week-strip{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))!important}
html body.app-purpose-ui main .ui-household{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
html body.app-purpose-ui .sl-head{padding:10px 16px!important}
html body.app-purpose-ui .sl-brand{font-size:24px!important}
html body.app-purpose-ui .purpose-page{padding:12px 16px 28px!important}
html body.app-purpose-ui main h1{font-size:27px!important}
html body.app-purpose-ui main .tl-intro{font-size:16px!important;margin-bottom:12px!important}
html body.app-purpose-ui main .ui-page-heading{gap:8px!important;align-items:start!important}
html body.app-purpose-ui main .ui-navigation{gap:0 16px!important;margin-bottom:20px!important;padding-bottom:8px!important}
html body.app-purpose-ui main .ui-navigation a{font-size:14px!important}
html body.app-purpose-ui main .tl-h{font-size:25px!important}
html body.app-purpose-ui main .ui-form{grid-template-columns:1fr!important}
html body.app-purpose-ui main :is(.ui-school-dates,.ui-school-prep,.ui-energy-now,.ui-task-list,.ui-energy-later,.ui-writing-desk,.ui-household,.ui-night,.ui-room-work,.ui-bill-book,.ui-storage-work,.ui-saved-desk,.ui-reply-desk,.ui-posts-desk){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
html body.app-purpose-ui main .ui-entry{padding:16px!important}
html body.app-purpose-ui main .ui-energy-check{gap:8px!important;display:block!important;margin-bottom:20px!important}
html body.app-purpose-ui main .ui-energy-check .tl-field{max-width:none!important;margin:12px 0 8px!important}
html body.app-purpose-ui main .ui-focus,html body.app-purpose-ui main .ui-timer,html body.app-purpose-ui main .ui-family-week,html body.app-purpose-ui main .ui-readiness,html body.app-purpose-ui main .ui-charge-form,html body.app-purpose-ui main .ui-saved-pick,html body.app-purpose-ui main .ui-message-preview{padding:16px!important}
html body.app-purpose-ui main .ui-editor [data-f=text]{min-height:230px!important;padding:14px!important}
html body.app-purpose-ui main .ui-notes,html body.app-purpose-ui main .ui-film-plan{padding:24px 0 0!important;border-left:0!important;border-top:1px solid var(--sl-line)!important}
html body.app-purpose-ui main .ui-week-row{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:16px 0!important}
html body.app-purpose-ui main .ui-week-row h3{font-size:19px!important}
html body.app-purpose-ui main .ui-record-heading{flex-wrap:wrap!important;gap:8px!important}
html body.app-purpose-ui main .ui-record-heading h3{font-size:23px!important;flex-basis:100%!important}
html body.app-purpose-ui main .ui-message-preview{position:static!important;padding:0!important}
html body.app-purpose-ui main .ui-message-preview .ui-message{font-size:23px!important;padding:16px!important}
html body.app-purpose-ui main .ui-week-strip{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important}
html body.app-purpose-ui main .ui-storage-step{grid-template-columns:24px minmax(0,1fr)!important;gap:8px!important}
html body.app-purpose-ui main .ui-history{margin-top:24px!important;padding-top:20px!important}
html body.app-purpose-ui main .ui-saved-pick,html body.app-purpose-ui main .ui-saved-library,html body.app-purpose-ui main .ui-link-import{grid-column:auto!important;grid-row:auto!important}
}
@media(max-width:360px){
html body.app-purpose-ui .sl-brand{font-size:21px!important}
html body.app-purpose-ui main h1{font-size:24px!important}
html body.app-purpose-ui main #tl-example .tl-btn{max-width:128px!important}
}
@media print{
html body.app-purpose-ui main #tl-message{display:none!important}
html body.app-purpose-ui main .ui-navigation,html body.app-purpose-ui main .ui-week-strip{display:none!important}
html body.app-purpose-ui main .tl-day[hidden]{display:block!important}
html body.app-purpose-ui main .ui-message-preview{position:static!important}
html body.app-purpose-ui main .ui-section{break-inside:avoid!important}
html body.app-purpose-ui #tl-print-summary .tl-day[hidden]{display:block!important}
html body.app-purpose-ui #tl-print-summary .ui-navigation,html body.app-purpose-ui #tl-print-summary .ui-week-strip{display:none!important}
}