/* STILL 3.0 — original botanical editorial UI. Visual layer only; no Drive schema changes. */
:root{
 --bg:#F8F7F3;--surface:#FFFFFF;--surface-alt:#F3F5F0;--ink:#24332D;--muted:#738279;--line:#E4EAE2;
 --accent:#355F4B;--accent-hover:#274938;--accent-soft:#E8F0E7;--warm:#B38E64;
 --shadow:0 18px 56px rgba(35,58,43,.07);--radius:20px;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
:root[data-accent="sand"]{--accent:#886045;--accent-hover:#68442D;--accent-soft:#F3ECE1;--warm:#A78361}
:root[data-accent="lavender"]{--accent:#75618D;--accent-hover:#5D4974;--accent-soft:#F0EBF5;--warm:#B299BC}
:root[data-theme="dark"]{--bg:#18211D;--surface:#242F29;--surface-alt:#202C25;--ink:#EAF2E9;--muted:#A7B7AA;--line:#38473C;--accent:#A9D4B5;--accent-hover:#C6E2CE;--accent-soft:#314737;--warm:#D4AE83;--shadow:0 18px 56px rgba(0,0,0,.16)}
:root[data-theme="dark"][data-accent="sand"]{--accent:#DFB799;--accent-hover:#EFCFAF;--accent-soft:#473A2E}
:root[data-theme="dark"][data-accent="lavender"]{--accent:#CBB8DB;--accent-hover:#DFCEE9;--accent-soft:#403649}
body{background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 53%);outline-offset:2px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;padding:13px 21px;font-size:13px;font-weight:700;line-height:1.3;min-height:44px;background:var(--accent);border:1px solid var(--accent);color:#fff;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover{background:var(--accent-hover);box-shadow:0 7px 18px #2d493420;transform:translateY(-1px)}
.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--accent-soft);border-color:var(--accent-soft)}
.button.quiet{background:#FFFFFFD6;color:#305841;border-color:#FFFFFFA6}.button.quiet:hover{background:#FFF;color:#244936}
.button.small{min-height:38px;padding:9px 13px;font-size:12px;border-radius:11px}.button.full{width:100%}
.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--accent);font-weight:780}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.8px}.caption{font-size:12px}.title{font-size:clamp(40px,4.7vw,58px);letter-spacing:-2px}.subtitle{font-size:14px;color:var(--muted)}
/* Welcoming sign-in page */
.welcome-page{min-height:100dvh;background:radial-gradient(circle at 0% 0%,#EAF1E6 0%,transparent 32%),radial-gradient(circle at 100% 20%,#F6EDE1 0%,transparent 30%),var(--bg);padding:22px clamp(15px,3vw,48px);display:grid;place-items:center}
.welcome-shell{width:min(1180px,100%)}.welcome-brand{display:flex;align-items:center;gap:11px;padding:4px 2px 23px}.welcome-brand .brand-word{font-size:32px}.welcome-brand .brand-mark{width:43px;height:43px;border-radius:14px}.welcome-tagline{margin-left:auto;color:var(--muted);font:italic 16px Georgia,serif}
.welcome-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);overflow:hidden;border:1px solid #E5EBE3;border-radius:32px;box-shadow:0 24px 100px #30453A1A;background:var(--surface);min-height:660px}
.welcome-story{position:relative;min-width:0;overflow:hidden;background:#CBDAC8;display:grid;align-content:end;min-height:640px;color:#203C2D}
.welcome-photo{position:absolute;inset:0;overflow:hidden}.welcome-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,#C4D5C2CA 76%,#D7E4D1 100%)}
.welcome-photo img{height:100%;width:100%;object-fit:cover;object-position:center 44%;filter:saturate(.76)}
.welcome-photo-label{position:absolute;top:25px;left:27px;z-index:2;font:italic 18px Georgia,serif;color:#F9FDF6;text-shadow:0 2px 6px #1E412D88}
.welcome-story-copy{position:relative;z-index:2;padding:32px clamp(26px,5vw,55px) 42px;max-width:590px}.welcome-story-copy .eyebrow{color:#315F44}.welcome-story-copy h1{font-size:clamp(44px,5.2vw,76px);line-height:1.01;letter-spacing:-2.5px;margin:12px 0 18px}.welcome-story-copy h1 em{font-style:italic;color:#416E53}.welcome-story-copy p{font-size:13px;line-height:1.8;max-width:390px;color:#425C4A}.welcome-highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.welcome-highlights span{display:inline-flex;align-items:center;gap:6px;background:#FFFFFFB6;border:1px solid #FFFFFF91;padding:8px 11px;border-radius:40px;font-size:11px;font-weight:700;color:#315A43}
.welcome-auth{display:flex;flex-direction:column;justify-content:center;padding:clamp(27px,5vw,65px);background:var(--surface)}
.welcome-auth-head{margin:0 0 25px}.welcome-auth-orb{height:50px;width:50px;display:grid;place-items:center;border-radius:17px;background:var(--accent-soft);color:var(--accent);margin-bottom:27px}
.welcome-auth-head h2{font-size:clamp(34px,3.3vw,48px);letter-spacing:-1.6px;line-height:1.12;margin:12px 0 15px}
.welcome-auth-head p{font-size:13px;line-height:1.85;color:var(--muted);max-width:360px}
.welcome-auth-form .field{margin-bottom:16px}.welcome-auth-form .field input{font-size:12px;border-radius:13px}.oauth-config-field.is-hidden{display:none}
.oauth-google-button{min-height:57px;background:var(--accent);border-radius:15px;font-size:14px;font-weight:720;justify-content:center}.oauth-google-button>.icon{margin-left:auto}.google-g{font:bold 21px Arial,sans-serif;background:conic-gradient(#4285F4 0 26%,#34A853 26% 47%,#FBBC05 47% 67%,#EA4335 67% 82%,#4285F4 82%);background-clip:text;color:transparent;line-height:1}
.config-text-button{display:block;margin:14px auto 0;background:none;color:var(--muted);border:0;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:6px}.auth-divider{display:flex;align-items:center;gap:13px;margin:30px 0 19px;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.welcome-preview-button{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:15px;min-height:53px}.welcome-preview-button:hover{background:var(--surface-alt)}
.auth-footnote{text-align:center;color:var(--muted);font-size:10px;margin-top:13px;line-height:1.7}.auth-trust{margin-top:27px;border-top:1px solid var(--line);padding-top:22px;display:grid;gap:9px}.auth-trust span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.auth-trust svg{color:var(--accent)}
.welcome-bottom{display:flex;justify-content:space-between;gap:15px;padding:19px 5px 0;font-size:10px;letter-spacing:.8px;color:var(--muted)}
/* Main app layout */
.shell.shell-v3{max-width:none;grid-template-columns:264px minmax(0,1fr)}.shell-v3 .sidebar{padding:29px 19px 23px;box-shadow:inset -1px 0 var(--line);background:var(--surface)}
.shell-v3 .brand{padding:0 12px;margin-bottom:50px}.shell-v3 .brand-mark{border-radius:13px;background:#E8F0E6;color:#35634C}
.shell-v3 .nav-title{padding-left:14px;letter-spacing:1.6px;font-size:9px;color:var(--muted)}.shell-v3 .nav{gap:5px}.shell-v3 .nav-button{position:relative;display:flex;align-items:center;gap:14px;border-radius:13px;padding:14px 15px;min-height:49px;font-size:13px;color:var(--muted);font-weight:600}
.shell-v3 .nav-button.active{background:var(--accent-soft);color:var(--accent);font-weight:750}.shell-v3 .nav-button:hover{background:var(--surface-alt)}.active-nav-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;margin-left:auto}
.side-new-button{display:flex;align-items:center;justify-content:center;gap:10px;margin:25px 6px 0;width:calc(100% - 12px);padding:14px 12px;color:#fff;background:var(--accent);border:0;border-radius:15px;font-weight:700;box-shadow:0 12px 23px #355F4B1D}.side-new-button:hover{background:var(--accent-hover);transform:translateY(-1px)}
.shell-v3 .side-bottom{margin-top:auto}.shell-v3 .main{padding:26px clamp(26px,4.3vw,68px) 55px;max-width:1600px;width:100%;margin:0 auto;min-width:0}.shell-v3 .toolbar{padding:4px 0 21px;border-bottom:1px solid var(--line);margin-bottom:28px;align-items:center}.toolbar-heading{display:grid;gap:3px}.mobile-brand{display:none;font:normal 27px Georgia,serif;letter-spacing:-1px;color:var(--ink)}.mobile-brand span{color:var(--accent)}.shell-v3 .breadcrumb{font-size:10px;letter-spacing:1.5px;color:var(--accent)}.breadcrumb-before{color:var(--muted)}.shell-v3 .toolbar-actions{gap:8px}.shell-v3 .toolbar-actions .circle-button{background:var(--surface);border:1px solid var(--line);border-radius:13px}.shell-v3 .toolbar-actions .circle-button:hover{background:var(--accent-soft)}.avatar-button{border:0;display:grid;place-items:center;background:var(--accent);color:#fff;cursor:pointer}.avatar-button:hover{filter:brightness(1.1)}.mobile-compose{display:none}
/* Main dashboard */
.home-welcome{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 1px 17px}.home-welcome .eyebrow{color:var(--muted);letter-spacing:1.4px}.home-private-tag{display:flex;gap:6px;align-items:center;color:var(--accent);background:var(--accent-soft);border-radius:40px;padding:7px 11px;font-size:10px;font-weight:700}
.hero-v3{background:#E7EFE4;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(235px,.8fr);padding:0;min-height:360px;overflow:hidden;border-radius:25px;position:relative}
.hero-v3:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 38% 12%,#F9FDFAAB,transparent 44%);opacity:.75}
.hero-v3 .hero-content{position:relative;z-index:2;align-self:center;padding:clamp(28px,4vw,55px) 8px clamp(28px,4vw,55px) clamp(27px,4vw,53px)}
.hero-v3 .eyebrow{color:#558063}.hero-v3 .hero-title{font-size:clamp(39px,4.75vw,66px);line-height:1.06;letter-spacing:-2px;color:#233F30;margin-top:20px}.hero-v3 .hero-title em{color:#4E8060;font-style:italic}
.hero-v3 p{max-width:405px;color:#55735B;font-size:13px;line-height:1.8;margin:17px 0 20px}.hero-v3 .hero-actions .button{min-height:44px;border-radius:13px}
.hero-little-line{display:flex;align-items:center;gap:10px;margin-top:30px;color:#78937B;font-size:9px;font-weight:750;letter-spacing:1.6px}.hero-little-line span{height:1px;background:#9CB39F;width:31px}
.hero-visual{position:relative;display:grid;align-content:center;justify-items:center;overflow:hidden;min-width:0;padding:27px}.hero-photo-wrap{z-index:1;width:min(100%,265px);aspect-ratio:4/4.8;border:8px solid #FFFFFFF2;box-shadow:0 20px 45px #345C3A30;transform:rotate(7deg);border-radius:7px;overflow:hidden;background:#BDD2BD}
.hero-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo-caption{position:absolute;bottom:25px;z-index:2;font:italic 20px Georgia,serif;transform:rotate(-4deg);color:#395D47;background:#F6FAECED;padding:7px 14px;border-radius:4px;box-shadow:0 4px 12px #23452D12}.hero-caption-stamp{position:absolute;right:15px;top:18px;color:#729B7C;font-size:10px;letter-spacing:1.1px}.hero-caption-stamp span{margin:0 5px}
:root[data-theme="dark"] .hero-v3{background:#2F4838}:root[data-theme="dark"] .hero-v3 .eyebrow,:root[data-theme="dark"] .hero-v3 p,:root[data-theme="dark"] .hero-little-line{color:#BCD5C0}:root[data-theme="dark"] .hero-v3 .hero-title{color:#F4F8F1}:root[data-theme="dark"] .hero-v3 .hero-title em{color:#B9DFC0}
.stat-strip{margin:18px 0 22px}.stat-strip>div{border-radius:17px;padding:17px 21px;box-shadow:0 3px 15px #253C2D06}.stat-strip strong{font-size:28px}.stat-strip>div>span:last-child{font-size:12px}.stat-icon{height:39px;width:39px;border-radius:12px}
.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:13px}.home-shortcut{display:flex;text-align:left;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:16px 18px;min-width:0;color:var(--ink);box-shadow:0 4px 15px #223D2C06}.home-shortcut:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.home-shortcut>span:nth-child(2){flex:1;min-width:0;display:grid;gap:5px}.home-shortcut strong{font-size:13px}.home-shortcut small{color:var(--muted);font-size:11px}.home-shortcut>svg{color:var(--accent)}.shortcut-icon{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:14px}.shortcut-icon.warm{background:#F4EFE7;color:#9F7653}.shortcut-icon.green{background:#E9F2EA;color:#476A52}
.dashboard-grid{margin-top:7px;gap:30px}.section-header{margin:36px 0 18px}.section-header .eyebrow{font-size:9px}.section-title{font-size:clamp(24px,2.9vw,33px);letter-spacing:-.9px}.entry-card{border-radius:18px}.entry-card-main{padding:24px 52px 17px 23px}.entry-card-main strong{font-size:22px}.entry-card:hover{border-color:#CFDDD0}.aside-card{border-radius:19px}.aside-quote{background:linear-gradient(140deg,#E8EEE4,#F4EFE5)}:root[data-theme="dark"] .aside-quote{background:linear-gradient(140deg,#314436,#493E32)}.aside-quote p{font-size:27px;line-height:1.35}
/* Gallery & people */
.gallery-summary{background:linear-gradient(105deg,#E4EDE3 0%,#F4F3EA 100%);border-radius:21px;padding:27px 28px}.gallery-summary strong{font-size:47px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-grid .media-tile{border-radius:18px;border-color:var(--line);background:var(--surface);box-shadow:0 6px 22px #263E2C08}.gallery-grid .thumbnail{aspect-ratio:4/4.1}.gallery-grid.compact .thumbnail{aspect-ratio:4/4}.gallery-grid .media-name{font-size:13px;padding:12px 13px 4px}.gallery-grid .media-meta{font-size:11px;padding:0 13px 14px}.gallery-tabs{gap:9px;margin-bottom:4px}.gallery-tabs button{border-radius:12px;padding:11px 16px}.gallery-tabs button.selected{background:var(--accent);color:#fff}.gallery-filters{gap:10px}.filter-bar input,.filter-bar select,.date-filter{border-radius:12px}.person-card{border-radius:18px;overflow:hidden}.person-cover{height:148px;border-radius:12px;background:#E6EFE4}.person-name{font-size:15px}.person-card:hover{border-color:#C6D9CA}
/* Beautiful consistent supporting screens */
.intro .title{margin-top:10px}.calendar-main,.calendar-detail,.settings-card{border-radius:19px}.cal-toolbar .button{border-radius:12px}.calendar-cell{border-radius:12px}.calendar-cell.selected{background:var(--accent);color:#fff}.year-card{border-radius:15px}.day-memory{border-radius:12px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 25px 90px #0E26193A}.modal-head h2{font-size:33px}.modal-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.field input,.field textarea,.field select{border-radius:12px;padding:14px 15px}.field label{font-size:12px}.attach-zone{border-radius:16px}.settings-card{border:1px solid var(--line);padding:28px}.settings-card h2{font-size:29px}.account-panel{border-radius:15px}.notice{border-radius:15px}.status-toast{border-radius:13px;box-shadow:0 12px 40px #18322233}
.main-footer{font-size:11px}.empty{border-radius:18px;padding:34px 22px}.empty h3{font-size:17px}
/* Lightweight, purposeful motion */
@keyframes still-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.welcome-layout{animation:still-rise .65s cubic-bezier(.2,.8,.23,1) both}.hero-v3 .hero-photo-wrap{animation:still-photo .6s cubic-bezier(.2,.8,.23,1) both}@keyframes still-photo{from{opacity:0;transform:translateY(22px) rotate(4deg)}to{opacity:1;transform:translateY(0) rotate(7deg)}}
@media(max-width:1120px){.hero-v3{grid-template-columns:minmax(0,1fr) minmax(185px,.6fr)}.hero-v3 .hero-title{font-size:clamp(38px,4.2vw,58px)}.hero-v3 .hero-photo-wrap{width:min(100%,225px)}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.aside-stack{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:840px){.welcome-layout{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.welcome-story-copy h1{font-size:46px}.welcome-story-copy{padding:28px}.welcome-photo-label{font-size:14px}.shell.shell-v3{grid-template-columns:220px minmax(0,1fr)}.shell-v3 .sidebar{padding-inline:10px}.shell-v3 .main{padding-inline:25px}.hero-v3{grid-template-columns:1fr minmax(150px,.5fr)}.hero-v3 .hero-content{padding-left:28px}}
@media(max-width:670px){
 .welcome-page{padding:0;background:var(--surface)}.welcome-shell{width:100%}.welcome-brand{padding:17px 22px 15px}.welcome-brand .brand-word{font-size:27px}.welcome-brand .brand-mark{width:39px;height:39px}.welcome-brand .brand-sub{font-size:8px}.welcome-tagline{font-size:12px}.welcome-layout{display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none;min-height:0}.welcome-story{min-height:310px}.welcome-photo img{object-position:center 36%}.welcome-photo:after{background:linear-gradient(180deg,#00000000 30%,#BFD4C2C9 65%,#DAE7D9)}.welcome-photo-label{top:12px;left:22px;font-size:13px}.welcome-story-copy{padding:22px 24px 27px;max-width:100%}.welcome-story-copy h1{font-size:43px;margin:7px 0 8px;line-height:1}.welcome-story-copy p{max-width:320px;font-size:11px;line-height:1.6}.welcome-highlights{margin-top:13px;gap:5px}.welcome-highlights span{padding:7px 9px;font-size:10px}.welcome-auth{padding:27px 25px 32px}.welcome-auth-head{margin-bottom:18px}.welcome-auth-orb{display:none}.welcome-auth-head h2{font-size:35px;margin:7px 0 8px}.welcome-auth-head p{font-size:12px;line-height:1.75}.oauth-google-button{min-height:54px}.auth-divider{margin:23px 0 14px}.auth-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:17px}.auth-trust span{font-size:10px}.welcome-bottom{display:block;padding:13px 24px 21px}.welcome-bottom span:last-child{display:none}
 .shell.shell-v3{display:block}.shell-v3 .sidebar{display:none}.shell-v3 .main{padding:14px 16px 118px}.shell-v3 .toolbar{margin-bottom:19px;padding:3px 0 15px}.mobile-brand{display:block}.breadcrumb{display:none}.shell-v3 .toolbar-actions{gap:7px}.shell-v3 .toolbar-actions .circle-button{height:34px;width:34px;border-radius:11px}.shell-v3 .avatar-button{height:35px;width:35px}.shell-v3 .toolbar-actions [data-action="refresh-drive"]{display:none}
 .home-welcome{margin:0 1px 12px}.home-welcome .eyebrow{font-size:9px;letter-spacing:.55px}.home-private-tag{padding:6px 8px;font-size:9px}
 .hero-v3{grid-template-columns:1fr minmax(104px,.49fr);min-height:275px;border-radius:20px}.hero-v3 .hero-content{padding:27px 0 24px 22px}.hero-v3 .eyebrow{font-size:8px;letter-spacing:1px}.hero-v3 .hero-title{font-size:clamp(35px,10vw,47px);letter-spacing:-1.7px;margin:10px 0}.hero-v3 p{font-size:10px;line-height:1.6;margin:10px 0 16px;max-width:235px}.hero-v3 .hero-actions{display:grid;justify-items:start;gap:7px}.hero-v3 .hero-actions .button{font-size:10px;min-height:35px;border-radius:10px;padding:8px 12px}.hero-v3 .hero-actions .quiet{display:none}.hero-v3 .hero-photo-wrap{width:126px;border-width:5px}.hero-v3 .hero-visual{padding:10px 10px 10px 0;place-items:center start}.hero-v3 .hero-photo-caption{font-size:11px;bottom:28px;right:7px;padding:5px 7px}.hero-v3 .hero-caption-stamp{display:none}.hero-little-line{display:none}
 .stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 15px}.stat-strip>div{display:grid;justify-items:start;padding:11px 10px;border-radius:13px;gap:4px}.stat-strip strong{font-size:25px}.stat-strip>div>span:last-child{font-size:10px}.stat-icon{width:31px;height:31px;border-radius:10px}
 .home-shortcuts{grid-template-columns:1fr 1fr;gap:9px}.home-shortcut{gap:9px;padding:12px 10px;border-radius:14px}.shortcut-icon{flex:0 0 33px;height:36px;border-radius:11px}.shortcut-icon svg{width:17px;height:17px}.home-shortcut strong{font-size:10px;line-height:1.35}.home-shortcut small{font-size:9px;line-height:1.35}.home-shortcut>svg{display:none}
 .dashboard-grid{margin-top:0;gap:12px}.section-header{margin:29px 0 14px}.section-title{font-size:26px}.entry-card-main{padding:19px 46px 14px 17px}.entry-card-main strong{font-size:21px}.aside-stack{display:grid;grid-template-columns:1fr}.gallery-summary{padding:19px;border-radius:17px}.gallery-summary strong{font-size:37px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-grid .thumbnail{aspect-ratio:4/4.35}.gallery-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid .media-name{font-size:11px}.gallery-grid .media-meta{font-size:10px}.person-cover{height:110px}.calendar-main{padding:15px}.calendar-cell{min-height:45px}.modal-overlay{padding:9px}.modal{padding:22px;border-radius:20px;max-height:95dvh}.settings-card{padding:20px}.main-footer{margin-top:40px}
 .mobile-nav{display:flex;align-items:center;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:11px 5px max(14px,env(safe-area-inset-bottom));box-shadow:0 -13px 45px #15261D0A}.mobile-nav button{min-width:50px;gap:5px;transition:color .2s}.mobile-nav button.active{color:var(--accent)}.mobile-compose{display:grid;position:fixed;right:19px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:101;place-items:center;width:53px;height:53px;border-radius:19px;background:var(--accent);color:#fff;border:2px solid var(--surface);box-shadow:0 11px 29px #234D3480}.mobile-compose:hover{transform:translateY(-3px)}
}
@media(max-width:360px){.hero-v3 .hero-title{font-size:34px}.hero-v3 .hero-photo-wrap{width:110px}.home-shortcut{padding:10px 7px}.home-shortcut strong{font-size:9px}}
:root[data-motion="reduced"] *, :root[data-motion="reduced"] *::before,:root[data-motion="reduced"] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

:root[data-theme="dark"] .welcome-page{background:radial-gradient(circle at 0% 0%,#2C3D2E 0%,transparent 35%),var(--bg)}
:root[data-theme="dark"] .gallery-summary{background:linear-gradient(105deg,#314637,#382E2A)}
@media(max-width:670px){.cal-toolbar{gap:8px}.cal-toolbar .jump-control{max-width:100%;padding:6px 9px}.cal-toolbar #calendar-day-jump{max-width:143px}.cal-toolbar #calendar-jump{max-width:125px}}