.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button{display:inline-flex;flex:none;align-items:center;gap:var(--space-small);height:var(--back-button);padding:0 calc(var(--space-small) * 2.5) 0 calc(var(--space-small) * 1.5);border-radius:var(--r-control);color:var(--text);font:500 var(--t-body) var(--font);transition:background var(--m-hover);&:hover{background:var(--hover)}>.icon-inline{rotate:180deg}}.dialog-card,.media-fly.fading{opacity:0;scale:.92;translate:0 calc(var(--space-small) * 3);transition:opacity var(--m-fade),scale var(--m-reveal-time) var(--m-reveal-ease),translate var(--m-reveal-time) var(--m-reveal-ease)}@keyframes bloom-in{0%{scale:.86;opacity:0}35%{opacity:1}}@keyframes pop-in{0%{scale:0}}@keyframes rise-in{0%{opacity:0;translate:0 var(--rise, calc(var(--space-small) * 1.5))}}@keyframes spin{to{rotate:360deg}}@keyframes chip-in{0%{opacity:0;transform:translate(calc(var(--space-small) * -2)) scale(.94)}}@keyframes chip-sharpen{0%{filter:blur(4px)}}@keyframes chip-out{to{opacity:0;filter:blur(3px);scale:.9}}@keyframes badge-bump{35%{scale:1.32}65%{scale:.92}}@keyframes send-pop{0%{scale:.4;animation-timing-function:cubic-bezier(.3,0,.3,1)}30%{scale:1.18 .86;animation-timing-function:cubic-bezier(.3,0,.3,1)}52%{scale:.9 1.12;animation-timing-function:cubic-bezier(.3,0,.3,1)}72%{scale:1.05 .96;animation-timing-function:cubic-bezier(.3,0,.3,1)}88%{scale:.99 1.01}to{scale:1}}.menu-card{box-sizing:border-box;min-width:var(--context-width);padding:calc(var(--space-small) * 1.25);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--lift);animation:bloom-in var(--m-bloom)}.latest-pill{display:inline-flex;align-items:center;gap:calc(var(--space-small) * 1.75);height:var(--pill);padding:0 calc(var(--space-small) * 3.5);border:0;border-radius:calc(var(--pill) / 2);background:var(--part-name-bg);backdrop-filter:blur(var(--part-name-blur));color:var(--text);font:500 var(--t-body) var(--font);white-space:nowrap;translate:0 calc(var(--space-small) * 2.5);scale:.9;opacity:0;pointer-events:none;transform-origin:100% 100%;transition:opacity var(--m-hover),translate var(--m-bloom),scale var(--m-bloom);&.show{opacity:1;translate:0 0;scale:1;pointer-events:auto}}.latest-pill-arrow{display:grid;place-items:center;width:calc(var(--t-label) + var(--space-small) * 2);height:calc(var(--t-label) + var(--space-small) * 2);margin-right:calc(var(--space-small) * -2);border-radius:50%;background:var(--primary);color:var(--primary-text);.icon-inline{width:calc(var(--t-label) - 2px);height:calc(var(--t-label) - 2px);stroke-width:2.2;transition:translate var(--m-bloom)}}.latest-pill:hover .latest-pill-arrow .icon-inline{translate:0 2px}.ticks.done{color:var(--success);>.icon-inline{animation:pop-in var(--m-bloom)}}.fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--m-reveal-time) var(--m-reveal-ease);>div{overflow:hidden;min-height:0}&.open{grid-template-rows:1fr}}.shimmer{background:linear-gradient(90deg,var(--tertiary) 0%,var(--tertiary) 38%,var(--shimmer) 50%,var(--tertiary) 62%,var(--tertiary) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer var(--m-shimmer) linear infinite}.page.parked .shimmer{animation-play-state:paused}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.menu-card{animation:none}.fold{transition:none}.ticks.done>.icon-inline{animation:none}.shimmer{animation:none;color:var(--secondary);background:none}}.sign-in{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-side);padding:var(--space-section);text-align:center;& h2{margin:0;font-size:var(--t-display);font-weight:600;letter-spacing:-.02em;color:var(--text)}& p{margin:0;max-width:42ch;font-size:var(--t-label);line-height:1.55;color:var(--secondary)}& p.sign-in-error{color:var(--error)}}.sign-in-bub{--icon-stroke: calc(var(--work-bub-start) / 16);width:var(--work-bub-start);height:var(--work-bub-start)}.sign-in-links{display:flex;gap:var(--space-small)}.search-disc{--icon-size: var(--icon-sm);display:grid;place-items:center;width:var(--sidebar-item);height:var(--sidebar-item);margin:calc((var(--sidebar-icon) - var(--sidebar-item)) / 2);border-radius:50%;background:var(--card);color:var(--tertiary);transition:background var(--m-hover),color var(--m-hover)}.sidebar-item{&:hover .search-disc{background:var(--hover)}&:has(.search-disc):is(:hover,:active){background:none}}.page-tabs{display:flex;flex:none;align-items:center;gap:calc(var(--space-small) * 2);height:var(--page-tabs);padding:0 var(--page-side);border-bottom:1px solid var(--rule);container-type:inline-size}.day-shade-0{background:var(--card)}.day-shade-1{background:var(--activity-1)}.day-shade-2{background:var(--activity-2)}.day-shade-3{background:var(--activity-3)}.day-shade-4{background:var(--activity-4)}.kbd{display:inline-grid;place-items:center;min-width:calc(var(--t-label) + var(--space-small));height:calc(var(--t-label) + var(--space-small));padding:0 var(--space-small);border-radius:calc(var(--r-control) - 2px);background:color-mix(in srgb,currentColor 14%,transparent);font:500 var(--t-small) var(--font)}.sidebar-level{position:absolute;left:50%;bottom:calc(-1 * (var(--ring-gap) + var(--ring-width) / 2) - var(--sidebar-level) / 2);display:grid;place-items:center;box-sizing:border-box;min-width:var(--sidebar-level);height:var(--sidebar-level);padding:0 calc(var(--sidebar-level) * .28);border-radius:var(--r-pill);background:var(--primary);box-shadow:0 0 0 var(--dot-ring) var(--sidebar-bg);color:var(--primary-text);font:700 var(--sidebar-level-text) / 1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em;translate:-50% 0;pointer-events:none}.inspiration-home{display:block;color:inherit}.inspiration{position:relative;z-index:1;display:grid;align-content:start;justify-items:center;padding:var(--landing-gap) var(--landing-gutter)}.inspiration-intro{display:grid;justify-items:center;gap:var(--space-small);max-width:var(--landing-column);margin-bottom:calc(var(--landing-gap) * .75);text-align:center;& h1{margin:0;color:var(--text);font:600 var(--t-display) / 1.2 var(--font)}& p{margin:0;color:var(--secondary);font:400 var(--t-label) / 1.5 var(--font)}}.inspiration-topics{display:flex;justify-content:safe center;gap:calc(var(--space-small) * 2);box-sizing:border-box;width:calc(100% + var(--landing-gutter) * 2);max-width:calc(100% + var(--landing-gutter) * 2);margin:0 calc(var(--landing-gutter) * -1) calc(var(--landing-gap) * .75);padding:0 var(--landing-gutter);overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}>.button{flex:none}}.inspiration-feed{width:100%;max-width:var(--inspiration-most)}.inspiration-row{position:relative}.inspiration-card{position:absolute;top:0;left:0;isolation:isolate;overflow:hidden;border-radius:var(--inspiration-radius);background:var(--card);transition:scale var(--m-inspiration);&.arriving{animation:inspiration-in var(--m-inspiration-in) both}&:has(>.inspiration-open:active){scale:var(--inspiration-press)}&.words{padding:var(--inspiration-words-pad) var(--inspiration-words-pad) calc(var(--inspiration-inset) * 2 + var(--inspiration-face))}}.inspiration-shot{position:relative;height:100%;background:var(--inspiration-wait);>img{opacity:0}&.here>img,&.fading>img{opacity:1}&.fading>img{transition:opacity var(--m-inspiration-show)}&.waiting:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,var(--inspiration-sweep) 50%,transparent 65%);background-size:250% 100%;animation:shimmer var(--m-shimmer) linear infinite}}.inspiration-media{display:block;width:100%;height:100%;object-fit:cover}.inspiration-moving{position:absolute;inset:0;opacity:0;&.on{opacity:1}}.inspiration-words{display:-webkit-box;margin:0;overflow:hidden;color:var(--text);font:400 var(--t-label) / 1.4 var(--font);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:var(--lines, var(--inspiration-words-most));-webkit-box-orient:vertical}.inspiration-open{position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:zoom-in}a.inspiration-open{cursor:pointer;&:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}}.inspiration-by{position:absolute;bottom:var(--inspiration-inset);left:var(--inspiration-inset);z-index:2;display:flex;border-radius:var(--r-pill)}.inspiration-tag{position:absolute;top:var(--inspiration-inset);right:var(--inspiration-inset);z-index:2;padding:2px calc(var(--space-small) * 2);border-radius:var(--r-pill);background:var(--inspiration-veil);color:#fff;font:500 var(--t-caption) / 1.6 var(--font);pointer-events:none}.inspiration-when{top:auto;bottom:calc(var(--inspiration-inset) + var(--inspiration-face) / 2);translate:0 50%;font-variant-numeric:tabular-nums}.inspiration-card.tight .inspiration-tag{display:none}.inspiration-edge{position:absolute;inset:0;z-index:3;border:1px solid var(--hairline);border-radius:inherit;pointer-events:none}@keyframes inspiration-in{0%{opacity:0;scale:var(--inspiration-press)}}@media(prefers-reduced-motion:reduce){.inspiration-shot.fading>img{transition:none}.inspiration-shot.waiting:after{animation:none}.inspiration-card{transition:none;animation:none;&:has(>.inspiration-open:active){scale:none}}}