.route-login .site-header,.route-login .site-footer,.route-dashboard .site-header,.route-dashboard .site-footer{display:none}.route-login #main,.route-dashboard #main{min-height:100vh}
.desktop-login{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.08fr) minmax(500px,.92fr);background:#fff}.login-story{position:relative;min-height:100vh;padding:42px 54px;color:#fff;background:linear-gradient(180deg,rgba(7,27,22,.28),rgba(7,27,22,.9)),url('/assets/hero-commercial-v2.jpg') 65% center/cover;display:flex;flex-direction:column}.login-story-copy{margin:auto 0;max-width:650px}.login-story-copy>span{font-size:11px;font-weight:700;letter-spacing:2px;color:#f1b2a2}.login-story-copy h1{font:600 clamp(50px,5.2vw,78px)/.98 "Newsreader",serif;margin:18px 0 24px}.login-story-copy p{font-size:18px;max-width:560px;color:#e3ece7}.login-memory{display:flex;align-items:center;gap:15px;border-top:1px solid rgba(255,255,255,.35);padding-top:22px}.login-play{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--forest)}.login-memory strong,.login-memory small{display:block}.login-memory small{color:#c9d8d1}.login-panel{position:relative;padding:80px clamp(42px,7vw,110px) 90px;display:flex;flex-direction:column;justify-content:center}.login-step{width:min(500px,100%);margin:auto}.login-step.hidden{display:none}.login-step h2{font:600 48px/1.05 "Newsreader",serif;margin:12px 0 15px}.login-step>p{color:var(--muted);margin-bottom:30px}.login-step .button{width:100%;margin-top:8px}.login-help{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:35px;padding-top:24px;font-size:13px;color:var(--muted)}.login-help a,.login-help button{color:var(--forest);font-weight:700;border:0;background:none;padding:0;cursor:pointer}.login-footer{position:absolute;left:50px;right:50px;bottom:25px;display:flex;justify-content:flex-end;gap:20px;font-size:11px;color:var(--muted)}.login-footer span{margin-right:auto}.back-login,.resend-code{border:0;background:none;color:var(--forest);padding:0;cursor:pointer;font-weight:700}.code-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:25px 0}.code-inputs input{width:100%;height:62px;text-align:center;border:1px solid var(--line);font-size:25px}.code-inputs input:focus{outline:2px solid var(--forest);border-color:var(--forest)}.resend-code{display:block;margin:20px auto}.security-note{display:flex;gap:14px;background:var(--paper);padding:18px;border-left:3px solid var(--forest);margin-top:35px}.security-note strong,.security-note span{display:block}.security-note span{font-size:12px;color:var(--muted)}
.chronicle-app{min-height:100vh;background:#f2f4f1;display:grid;grid-template-columns:270px 1fr}.app-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #dfe4df;padding:26px 18px 20px;display:flex;flex-direction:column}.app-sidebar>.brand{padding:0 8px;margin-bottom:26px}.family-switcher{display:grid;grid-template-columns:42px 1fr 25px;gap:10px;align-items:center;background:#f3eee7;padding:12px;border-radius:6px}.family-avatar{width:40px;height:40px;display:grid;place-items:center;background:#986642;color:#fff;border-radius:50%;font:600 20px "Newsreader",serif}.family-switcher strong,.family-switcher small{display:block}.family-switcher strong{font-size:12px}.family-switcher small{font-size:9px;color:#756c65}.family-switcher button{border:0;background:none}.workspace-nav{margin-top:24px;display:grid;gap:3px}.workspace-nav>span{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#999;margin:18px 10px 7px}.workspace-nav button,.sidebar-bottom>button{height:43px;border:0;background:transparent;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;color:#64706b;padding:0 10px;cursor:pointer;border-radius:5px}.workspace-nav button b,.sidebar-bottom>button b{font-size:12px}.workspace-nav button em{font-style:normal;font-size:9px;background:#e9eeeb;padding:2px 6px;border-radius:8px}.workspace-nav button.active,.workspace-nav button:hover,.sidebar-bottom>button:hover{background:#e7f0eb;color:var(--forest)}.sidebar-bottom{margin-top:auto}.signed-user{border-top:1px solid var(--line);margin-top:12px;padding:16px 4px 0;display:grid;grid-template-columns:36px 1fr 25px;gap:8px;align-items:center}.signed-user>span,.mini-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#c9836f;color:#fff;font-size:10px}.signed-user strong,.signed-user small{display:block;font-size:10px}.signed-user small{color:#87908b}.signed-user button{border:0;background:none;color:#777;cursor:pointer}.workspace-main{min-width:0}.workspace-header{height:118px;padding:25px 42px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #dfe4df}.workspace-breadcrumb{font-size:9px;letter-spacing:1.3px;color:#8a948f}.workspace-header h1{font:600 32px "Newsreader",serif;margin:7px 0 0}.workspace-actions{display:flex;gap:9px;align-items:center}.workspace-icon{width:40px;height:40px;border:1px solid var(--line);background:#fff;position:relative}.workspace-icon i{width:6px;height:6px;border-radius:50%;background:var(--coral);position:absolute;right:8px;top:8px}.workspace-actions .button{min-height:42px}.workspace-main>#workspaceContent,.workspace-main #workspaceContent{padding:28px 38px 50px}.year-progress{min-height:300px;display:grid;grid-template-columns:1fr 200px;gap:60px;background:var(--forest-2);color:#fff;padding:38px 45px;align-items:center}.year-progress h2{font:600 38px "Newsreader",serif;margin:8px 0}.year-progress p{color:#bdccc5}.progress-line{height:7px;background:rgba(255,255,255,.18);margin-top:30px}.progress-line i{display:block;width:67%;height:100%;background:#db806a}.progress-meta{display:flex;gap:30px;align-items:center;font-size:11px;margin-top:11px}.progress-meta strong{font-size:17px}.progress-meta a{margin-left:auto;color:#f1ad9c}.book-cover{width:175px;height:225px;background:#e6ddd1;color:#29463b;padding:22px;box-shadow:14px 14px 0 #bc8a68;display:flex;flex-direction:column}.book-cover small{font-size:7px;letter-spacing:1px}.book-cover strong{font:600 56px "Newsreader",serif;margin:auto 0 0}.book-cover span{font:600 15px "Newsreader",serif}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:20px;margin-top:20px}.workspace-feed,.rail-card{background:#fff;border:1px solid #dfe4df}.workspace-feed{padding:25px 28px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head h2,.panel-head h3{font:600 26px "Newsreader",serif;margin:3px 0}.panel-head h3{font-size:20px}.panel-head>button{border:0;background:none;color:var(--forest);font-size:10px;cursor:pointer}.feed-item{display:grid;grid-template-columns:48px 76px 1fr 25px;gap:15px;border-top:1px solid var(--line);padding:22px 0}.feed-date{text-align:center}.feed-date strong,.feed-date span{display:block}.feed-date strong{font:600 25px "Newsreader",serif}.feed-date span{font-size:8px;color:#89928e}.feed-media{width:76px;height:76px;display:grid;place-items:center;color:#fff;font-size:24px}.feed-media.voice{background:#986642}.feed-media.photo{background:url('/assets/family-hero.jpg') center/cover}.feed-type{font-size:8px;color:var(--coral);font-weight:700}.feed-item h3{font:600 20px "Newsreader",serif;margin:4px 0}.feed-item p{font-size:11px;color:var(--muted);margin:4px 0 8px}.feed-by{display:flex;align-items:center;gap:6px;font-size:9px;color:#838c87}.feed-by .mini-avatar{width:22px;height:22px}.green-mini{background:#557661}.feed-by b{margin-left:auto}.feed-menu{border:0;background:none}.workspace-rail{display:grid;gap:15px;align-content:start}.rail-card{padding:22px}.chapter-count{font-size:10px;color:#986642}.rail-card>p{font:600 18px "Newsreader",serif}.workspace-interview{width:100%;min-height:40px}.review-person{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.review-person>span,.avatar-row span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#c9836f;color:#fff;font-size:8px}.review-person b,.review-person small{display:block;font-size:9px}.review-person small{color:#89928e}.review-person button{border:0;background:none;color:var(--forest);font-size:9px;font-weight:700}.review-person .gold-avatar{background:#a8874b}.avatar-row{display:flex;margin-top:15px}.avatar-row span{margin-left:-5px;border:2px solid #fff;background:#557661}.avatar-row span:first-child{margin-left:0}.rail-note{font:400 9px "DM Sans"!important;color:var(--muted)}.workspace-empty{min-height:650px;background:#fff;border:1px solid #dfe4df;padding:70px;text-align:center}.workspace-empty h2{font:600 48px "Newsreader",serif;margin:10px auto;max-width:700px}.workspace-empty>p{max-width:650px;margin:0 auto;color:var(--muted)}.workspace-placeholder{max-width:700px;margin:50px auto 25px;border-top:1px solid var(--line)}.workspace-placeholder div{height:70px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#eef2ef 20%,transparent 20%)}
@media(max-width:1000px){.desktop-login{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.chronicle-app{grid-template-columns:84px 1fr}.app-sidebar{padding:24px 10px}.app-sidebar>.brand span:last-child,.family-switcher>div,.family-switcher>button,.workspace-nav button b,.workspace-nav button em,.workspace-nav>span,.sidebar-bottom>button b,.signed-user>div,.signed-user>button{display:none}.family-switcher{display:grid;place-items:center;padding:8px;background:transparent}.workspace-nav button,.sidebar-bottom>button{display:grid;place-items:center;grid-template-columns:1fr;font-size:19px}.signed-user{display:grid;place-items:center;grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr}.workspace-rail{grid-template-columns:repeat(3,1fr)}.year-progress{grid-template-columns:1fr 160px}}
@media(max-width:700px){.login-panel{padding:50px 22px 85px}.login-footer{left:22px;right:22px}.login-footer span{display:none}.chronicle-app{display:block}.app-sidebar{display:none}.workspace-header{height:auto;padding:20px;display:block}.workspace-actions{margin-top:15px}.workspace-icon{display:none}.workspace-main #workspaceContent{padding:14px}.year-progress{display:block;padding:28px 22px}.book-cover{display:none}.progress-meta{gap:12px;flex-wrap:wrap}.workspace-grid{display:block}.workspace-rail{display:grid;grid-template-columns:1fr;margin-top:14px}.workspace-feed{padding:20px 15px}.feed-item{grid-template-columns:45px 1fr}.feed-media{display:none}.feed-menu{display:none}.feed-item>div:nth-child(3){grid-column:2}.workspace-empty{padding:45px 22px}.workspace-empty h2{font-size:36px}}