.header-save-tools{display:flex;align-items:center;gap:18px}.header-save-tools .secondary{padding:7px 12px;font-size:10px}.header-save-tools button[hidden]{display:none}
.save-home .shell>aside{display:none}.save-home main{max-width:1120px;padding:54px 42px 30px}.save-home footer{max-width:1120px}.welcome-hero{position:relative;padding:0 0 38px;border-bottom:1px solid var(--line);margin-bottom:34px}.welcome-hero h1{font-size:60px;margin:17px 0 20px}.welcome-hero>.muted{font-size:15px;max-width:530px}.welcome-hero>.tip{max-width:500px;font-size:12px}.welcome-monogram{float:right;font:115px/1 Georgia,serif;color:var(--ink);border:5px double var(--sage);padding:12px 24px;margin:16px 24px 0 50px;transform:rotate(-4deg);border-radius:6px;opacity:.8}.save-home-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.create-save{background:var(--paper);padding:30px}.create-save h2{margin:14px 0 25px;font:28px Georgia,serif}.create-save label,#save-dialog label{display:block;font-size:12px;font-weight:550;margin:0 0 10px}.create-save input,#save-dialog input{width:100%;padding:13px;border:1px solid var(--line);border-radius:5px;background:#fffdf8;color:var(--ink);font-size:16px}.create-save .tip{margin:13px 0 20px;line-height:1.7}.create-save button{width:100%;padding:13px}.form-error{color:#8e4e45;font-size:12px;margin-top:10px}.form-error:empty{display:none}.saved-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.save-card{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:24px;margin-bottom:14px}.save-card-heading{display:flex;align-items:center;gap:16px}.save-avatar{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:#e0e8e4;border:1px solid #c2d0c8;border-radius:7px;font:27px Georgia,serif;color:#4d6b63}.save-card h3{font-size:19px;overflow-wrap:anywhere;margin:0 0 5px}.save-card .tip{font-size:11px;margin:0}.save-card .actions{margin-top:18px}.save-management{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.save-management button,.danger-link{border:0;padding:0;background:transparent;color:#7a655e;font-size:11px;text-decoration:underline;text-underline-offset:3px}.save-management button:hover,.danger-link:hover{color:#944e46}.no-saves{border:1px dashed #c6ccbe;background:#eeefe6;border-radius:8px;padding:35px}.no-saves h3{margin:14px 0;font:23px Georgia,serif}.no-saves p{font-size:13px;margin:0}.save-privacy{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;border-top:1px solid var(--line);padding-top:23px}.save-privacy p{font-size:11px;color:var(--muted);margin:0;max-width:660px}.danger-button{background:#82534c!important;color:#fffaf5!important;border-color:#82534c!important}.personal-notes .lab-label{margin-top:18px;line-height:1.6}.personal-note-input{display:block;width:100%;min-height:155px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:5px;background:#f8f5ed;color:var(--ink);font-size:13px;line-height:1.8}.personal-notes .tip{font-size:10px;margin-top:8px}
@media(max-width:750px){.save-home main{padding:32px 22px}.save-home-grid{grid-template-columns:1fr;gap:30px}.welcome-hero h1{font-size:43px}.welcome-monogram{font-size:66px;padding:10px 16px;margin:8px 0 20px 18px;border-width:3px}.welcome-hero>.muted{font-size:13px}.welcome-hero>.tip{clear:both;font-size:11px}.create-save{padding:24px}.save-privacy{display:block}.save-privacy .danger-link{margin-top:18px}.header-save-tools{gap:10px}.header-save-tools .secondary{font-size:9px;padding:6px 8px}.personal-note-input{font-size:16px}.save-home footer{padding:18px 22px}}

.welcome-monogram{width:180px;height:180px;font:inherit;border:0;padding:0;transform:none;opacity:1}.welcome-monogram img{display:block;width:100%;height:100%}@media(max-width:750px){.welcome-monogram{width:112px;height:112px;border:0;padding:0;margin:0 0 18px 14px}}

/* A quiet full-height opening, adapted from the reference's cinematic timing. */
:root{--welcome-ease:cubic-bezier(.16,1,.3,1);--welcome-menu-ease:cubic-bezier(.76,0,.24,1)}
/* Clip horizontal overflow without creating a scroll container that breaks sticky navigation. */
html,body{overflow-x:clip}
.save-home main{padding-top:0;max-width:1200px}
.welcome-hero{min-height:max(680px,calc(100svh - 64px));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:300px 24px 58px;margin-bottom:38px}
.welcome-monogram{position:absolute;float:none;width:225px;height:225px;top:6%;left:50%;margin:0;margin-left:-112.5px;pointer-events:none}
.welcome-hero h1{font-size:clamp(46px,5.2vw,76px);line-height:.98;margin:16px 0 22px;letter-spacing:-1.6px}
.welcome-hero>.muted{font-size:17px;max-width:440px;margin-bottom:28px}
.welcome-hero>.tip{font-size:10px;max-width:430px;margin:17px 0 0;opacity:.85}
.welcome-cta{border-radius:999px;padding:14px 27px;font-size:13px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 22px #474e650b}
.welcome-cta span{display:inline-block}
#study-saves{scroll-margin-top:30px}
@media(prefers-reduced-motion:no-preference){
 .save-home .workspace>header>span{animation:welcome-rise 700ms var(--welcome-ease) 100ms both}
 .save-home .header-save-tools{animation:welcome-rise 700ms var(--welcome-ease) 300ms both}
 .welcome-monogram{animation:welcome-art 1400ms var(--welcome-ease) 300ms both}
 .welcome-hero>.eyebrow{animation:welcome-rise 900ms var(--welcome-ease) 550ms both}
 .welcome-hero h1{animation:welcome-rise 900ms var(--welcome-ease) 700ms both}
 .welcome-hero>.muted{animation:welcome-rise 900ms var(--welcome-ease) 900ms both}
 .welcome-cta{animation:welcome-rise 900ms var(--welcome-ease) 1100ms both}
 .welcome-hero>.tip{animation:welcome-rise 900ms var(--welcome-ease) 1250ms both}
 .save-home-grid{animation:welcome-rise 900ms var(--welcome-ease) 1200ms both}
 .save-card,.create-save{transition:box-shadow 500ms var(--welcome-ease),border-color 500ms var(--welcome-ease)}
 .save-card:hover{border-color:#a9b9b3;box-shadow:0 12px 28px #474e6509}
 .welcome-cta,.welcome-cta span{transition:background 500ms var(--welcome-ease),box-shadow 500ms var(--welcome-ease),transform 500ms var(--welcome-ease)}
 .welcome-cta:hover{box-shadow:0 10px 25px #474e6520}
 .welcome-cta:hover span{transform:translateX(4px)}
 dialog[open]{animation:welcome-rise 350ms var(--welcome-menu-ease) both}
 @keyframes welcome-rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
 @keyframes welcome-art{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
}
@media(max-width:750px){
 .save-home main{padding-top:0}
 .welcome-hero{min-height:max(620px,calc(100svh - 64px));padding:225px 0 55px}
 .welcome-monogram{width:180px;height:180px;top:6%;margin:0 0 0 -90px}
 .welcome-hero h1{font-size:clamp(43px,7.5vw,58px);line-height:1;letter-spacing:-1.2px}
 .welcome-hero>.muted{font-size:14px;max-width:320px;margin-bottom:26px}
 .welcome-hero>.eyebrow{font-size:9px;letter-spacing:1.5px}
 .welcome-hero>.tip{max-width:300px;font-size:9px;clear:none}
 .welcome-cta{font-size:12px;padding:13px 22px}
}