:root{--green: #2f7d4f;--bg: #f5f7f3;--text: #1f2a22;--muted: #5a6a5d;--card: #fff;--danger: #b3382c;--radius: 12px;--canopy-a: #2e8b3e;--canopy-b: #3a9d45;--canopy-c: #1f7a34;--trunk: #6b4a32;--ground: #cfe3c4;--blossom: #fff;--blossom-2: #fff;--particle: #f4d36b;--tree-opacity: .5}:root[data-season=spring]{--green: #2f7d4f;--bg: #f8f6f1;--text: #1f2a22;--muted: #566759;--canopy-a: #8fd08c;--canopy-b: #a9dd9a;--canopy-c: #77c47f;--trunk: #7a5a44;--ground: #dcecc9;--blossom: #f6a9c4;--blossom-2: #fff0f5;--particle: #f6a9c4}:root[data-season=summer]{--green: #1f7a3a;--bg: #f1f7ec;--text: #17281b;--muted: #4d6350;--canopy-a: #2e8b3e;--canopy-b: #3a9d45;--canopy-c: #1c7330;--trunk: #5e4128;--ground: #bcdcaa;--particle: #f2d15c}:root[data-season=autumn]{--green: #9a4a1b;--bg: #faf3e8;--text: #2e2118;--muted: #664f3f;--canopy-a: #d9822b;--canopy-b: #c2561f;--canopy-c: #e3a636;--trunk: #5a3b27;--ground: #ecd2a8;--particle: #d46b24}:root[data-season=winter]{--green: #3b6a8f;--bg: #f1f5f9;--text: #1c2733;--muted: #4a5d70;--canopy-a: #dfe9f2;--canopy-b: #cfdce9;--canopy-c: #e9f0f6;--trunk: #4d4640;--ground: #ffffff;--particle: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--green)}.topbar{background:var(--green);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.topbar-link{color:#fff;text-decoration:none}.brand{color:#fff;font-weight:700;font-size:1.25rem;text-decoration:none;display:inline-flex;align-items:center;gap:.45rem}.logo{flex:none}.login h1{display:flex;flex-direction:column;align-items:center;gap:.6rem}.container{max-width:1000px;margin:0 auto;padding:2.4rem 1rem 1rem}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.actions{display:flex;gap:.5rem}.muted{color:var(--muted);margin:.2rem 0}.small{font-size:.85rem}.error{color:var(--danger)}.grid{display:grid;gap:1rem;padding:.5rem 0}.grid-large{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-medium{grid-template-columns:repeat(2,1fr);gap:.75rem}.grid-small{grid-template-columns:repeat(3,1fr);gap:.5rem}@media (min-width: 700px){.grid-medium{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem}.grid-small{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}}.grid-small .card-body{padding:.4rem .5rem}.grid-small .card-body h2{font-size:.85rem;overflow-wrap:anywhere}.grid-small .card-extra{display:none}.grid-medium .card-body{padding:.55rem .65rem}.grid-medium .card-body h2{font-size:1rem}.layout-toggle{display:inline-flex;margin:.25rem 0 .5rem;border:1px solid #c4d0c6;border-radius:8px;overflow:hidden;background:#fff}.layout-toggle button{display:grid;place-items:center;width:2.4rem;height:2.2rem;border:0;background:none;color:var(--muted);cursor:pointer}.layout-toggle button+button{border-left:1px solid #c4d0c6}.layout-toggle button:hover{background:#eef3ee}.layout-toggle button.active{background:var(--green);color:#fff}.layout-toggle button:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.card{position:relative;display:block;background:var(--card);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 4px #0000001f;transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover){.card:hover{transform:scale(1.06);box-shadow:0 8px 22px #00000038;z-index:2}}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover{transform:none}}.card img,.card-placeholder{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.card-placeholder{display:grid;place-items:center;font-size:3rem;background:#e3ece4}.card-body{padding:.75rem}.card-body h2{margin:0;font-size:1.1rem}.btn{display:inline-block;padding:.5rem .9rem;border-radius:8px;border:1px solid #c4d0c6;background:#fff;color:var(--text);font:inherit;cursor:pointer;text-decoration:none}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.link{border:none;background:none;padding:0;text-decoration:underline}.btn:disabled{opacity:.6;cursor:wait}.info{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;background:var(--card);padding:1rem;border-radius:var(--radius)}.info dt{font-size:.8rem;text-transform:uppercase;color:var(--muted)}.info dd{margin:.1rem 0 0;white-space:pre-wrap}.capture{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.capture input[type=text]{flex:1;min-width:200px;padding:.5rem;border:1px solid #c4d0c6;border-radius:8px}.timeline{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.timeline li{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #0000001f}.timeline img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.timeline-meta{padding:.6rem .75rem}.timeline-meta p{margin:.3rem 0}.form{display:grid;gap:.8rem;max-width:600px}.form label{display:grid;gap:.25rem;font-weight:600}.form input,.form textarea{padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit;font-weight:400}.photo-picker{display:flex;align-items:center;gap:1rem}.photo-picker img{width:120px;height:120px;object-fit:cover;border-radius:var(--radius)}.ai-box{background:#eaf4ec;border-radius:var(--radius);padding:.75rem;display:grid;gap:.4rem;justify-items:start}.ai-box p{margin:0}.success{color:var(--green)}.lang-tabs{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.btn.tab.active{background:var(--green);border-color:var(--green);color:#fff}.form select{padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit;font-weight:400}.capture input[type=datetime-local]{padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit}.photo-edit{display:grid;gap:.5rem}.photo-edit label{display:grid;gap:.2rem;font-size:.85rem;font-weight:600}.photo-edit input{padding:.4rem;border:1px solid #c4d0c6;border-radius:6px;font:inherit;font-weight:400}.topbar-nav{display:flex;gap:1rem;align-items:center}.topbar-link.as-button{background:none;border:none;font:inherit;cursor:pointer;padding:0}.login{max-width:460px;margin:3rem auto;display:grid;gap:.8rem;text-align:center;justify-items:center}.btn.google{padding:.7rem 1.4rem;font-size:1.05rem}.settings{display:grid;gap:2rem}.members{list-style:none;padding:0;display:grid;gap:.5rem}.members li{display:flex;align-items:center;gap:.6rem}.members img{width:32px;height:32px;border-radius:50%}.invite-link{display:grid;gap:.5rem;margin-top:.8rem;max-width:560px}.invite-link label{display:grid;gap:.25rem;font-weight:600}.invite-link input{padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit;font-weight:400}.photo-actions{display:flex;gap:.5rem;flex-wrap:wrap}.photo-picker-actions{display:grid;gap:.4rem;justify-items:start}.timeline-photo{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.timeline-photo:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;color:#fff;display:grid;grid-template-rows:auto 1fr auto auto}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem}.viewer-count{font-size:.9rem;opacity:.85}.viewer-close,.viewer-nav{background:#ffffff24;color:#fff;border:0;cursor:pointer;border-radius:999px;font-size:1.4rem;line-height:1}.viewer-close{width:2.6rem;height:2.6rem}.viewer-close:hover,.viewer-nav:hover:not(:disabled){background:#ffffff4d}.viewer-close:focus-visible,.viewer-nav:focus-visible,.viewer-strip button:focus-visible{outline:3px solid #fff;outline-offset:2px}.viewer-stage{position:relative;min-height:0;overflow:hidden}.viewer-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;touch-action:pan-y}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;font-size:2rem;z-index:1}.viewer-nav:disabled{opacity:.25;cursor:default}.viewer-prev{left:.6rem}.viewer-next{right:.6rem}.viewer-caption{text-align:center;padding:.5rem 1rem;min-height:2.6rem;max-height:22vh;overflow-y:auto;overflow-wrap:anywhere}.viewer-caption p{margin:.2rem 0 0;opacity:.85}.viewer-strip{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem .8rem .8rem;justify-content:safe center}.viewer-strip button{flex:none;width:3.6rem;height:3.6rem;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.6}.viewer-strip button.active{border-color:#fff;opacity:1}.viewer-strip img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 600px){.viewer-nav{width:2.4rem;height:2.4rem;font-size:1.6rem}}.botanical{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}body{background-image:var(--leaf-pattern);background-size:260px 260px;background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);opacity:.93;pointer-events:none;z-index:-1}.topbar{position:relative;z-index:3;box-shadow:0 2px 10px #2f7d4f40}.topbar:after{content:"";position:absolute;left:0;right:0;top:100%;height:44px;background:var(--vine-tile) repeat-x left top;pointer-events:none;opacity:.9}@media (max-width: 600px){.topbar:after{height:30px;background-size:auto 30px}}.title-with-sprig{display:flex;align-items:center;gap:.35rem}.card{border:1px solid rgb(47 125 79 / .12)}.card-placeholder{background:linear-gradient(160deg,#e6f1e8,#d2e6d8)}.card-placeholder .botanical{width:62%;height:auto;max-height:100%}.empty-state{display:grid;justify-items:center;gap:.4rem;padding:2rem 0;text-align:center}.empty-art{width:150px;height:150px}.login{position:relative}.login-corner{position:fixed;bottom:0;width:min(34vw,300px);height:auto;opacity:.8;z-index:-1}.login-corner-left{left:0}.login-corner-right{right:0}@media (max-width: 600px){.login-corner{width:46vw;opacity:.55}}@media (prefers-reduced-motion: no-preference){.card-placeholder .botanical{transition:transform .4s ease;transform-origin:50% 90%}@media (hover: hover){.card:hover .card-placeholder .botanical{transform:rotate(-3deg) scale(1.04)}}}.location-picker{display:grid;gap:.4rem}.location-picker select,.move-form input,.move-form select{padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit;font-weight:400;background:#fff}.location-new{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.location-new input{flex:1;min-width:160px;padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit}.location-history{margin:1.2rem 0}.move-form{display:grid;gap:.7rem;max-width:480px;background:var(--card);padding:1rem;border-radius:var(--radius);margin-bottom:.8rem}.move-form label{display:grid;gap:.25rem;font-weight:600}.moves{list-style:none;padding:0;display:grid;gap:.4rem}.moves li{display:grid;grid-template-columns:1fr auto;gap:0 .6rem;align-items:center;background:var(--card);padding:.55rem .8rem;border-radius:10px;border-left:4px solid #c4d0c6}.moves li.current{border-left-color:var(--green)}.moves .move-place{font-weight:600;grid-column:1}.moves .muted{grid-column:1;margin:0}.moves button{grid-column:2;grid-row:1 / span 2}.badge{margin-left:.5rem;padding:.05rem .5rem;border-radius:999px;background:var(--green);color:#fff;font-size:.75rem;font-weight:600}.location-add{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:.6rem 0}.location-add input,.location-row input{padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit}.location-list{list-style:none;padding:0;display:grid;gap:.4rem}.location-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--card);padding:.6rem .8rem;border-radius:10px}.location-row.editing{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.location-row.archived{opacity:.7}.dashboard-filter{display:inline-flex;align-items:center;gap:.5rem;margin:.25rem 0 .5rem .8rem;font-size:.9rem;color:var(--muted)}.dashboard-filter select{padding:.4rem .5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit;background:#fff;color:var(--text)}.moves .move-actions{grid-column:2;grid-row:1 / span 2;display:flex;gap:.5rem}.moves .move-edit{grid-column:1 / -1;display:grid;gap:.5rem;margin-top:.4rem}.moves .move-edit label{display:grid;gap:.2rem;font-size:.85rem;font-weight:600}.moves .move-edit input{padding:.4rem;border:1px solid #c4d0c6;border-radius:6px;font:inherit;font-weight:400}.location-row{align-items:center}.location-row .drag-handle{color:#9db3a3;font-size:1.1rem;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 .15rem}.location-row[draggable=false] .drag-handle{visibility:hidden}.location-row .location-info{flex:1;min-width:8rem}.location-row.dragging{opacity:.45}.location-row.drop-target{outline:2px dashed var(--green);outline-offset:-2px;background:#eef6f0}.reorder{display:inline-flex;flex-direction:column;gap:2px}.icon-btn{width:1.9rem;height:1.25rem;border:1px solid #c4d0c6;border-radius:6px;background:#fff;color:var(--green);font-size:.65rem;line-height:1;cursor:pointer;padding:0}.icon-btn:hover:not(:disabled){background:var(--green);color:#fff}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn:focus-visible{outline:3px solid var(--green);outline-offset:1px}@media (hover: none){.icon-btn{width:2.4rem;height:1.6rem}}.group-toggle{display:inline-flex;align-items:center;gap:.4rem;margin:.25rem 0 .5rem .8rem;padding:.35rem .8rem .35rem .55rem;border:1px solid #c4d0c6;border-radius:999px;background:#fff;color:var(--text);font:inherit;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.group-toggle:hover{border-color:var(--green)}.group-toggle.active{background:linear-gradient(135deg,#e3f1e7,#cfe9d8);border-color:var(--green);box-shadow:0 1px 6px #2f7d4f40;font-weight:600}.group-toggle:focus-visible{outline:3px solid var(--green);outline-offset:2px}.sections{display:grid;gap:1.1rem}.place-section{position:relative;background:linear-gradient(180deg,#ffffffe6,#fffc);border:1px solid rgb(47 125 79 / .14);border-radius:18px;padding:.4rem .9rem .9rem;box-shadow:0 2px 10px #2f7d4f14;overflow:hidden}.place-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--green),#8fc4a1)}.place-section.unplaced:before{background:linear-gradient(180deg,#b9c4bb,#dfe6e0)}.place-section.folded{padding-bottom:.4rem}.place-heading{margin:0;font-size:1rem}.place-toggle{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .2rem;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px}.place-toggle:hover .place-name{color:var(--green)}.place-toggle:focus-visible{outline:3px solid var(--green);outline-offset:2px}.place-name{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;transition:color .2s}.place-title{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;min-width:0}.place-home{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.place-title .place-name{overflow-wrap:anywhere}.place-count{margin-left:auto;padding:.15rem .7rem;border-radius:999px;background:var(--green);color:#fff;font-size:.8rem;font-weight:600;white-space:nowrap}.unplaced .place-count{background:#7d8c80}.chevron{display:grid;place-items:center;flex:none;width:1.4rem;height:1.4rem;align-self:center;color:var(--green);font-size:1.5rem;line-height:1;transition:transform .25s ease}.folded .chevron{transform:rotate(-90deg)}.place-section .grid{padding-top:.2rem}@media (prefers-reduced-motion: reduce){.chevron,.group-toggle{transition:none}}@media (max-width: 600px){.place-section{padding:.3rem .6rem .7rem;border-radius:14px}.place-name{font-size:1.1rem}}.dashboard-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:.25rem 0 .7rem}.dashboard-controls .layout-toggle,.dashboard-controls .group-toggle,.dashboard-controls .dashboard-filter{margin:0}.select-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border:1px solid #c4d0c6;border-radius:999px;background:#fff;color:var(--text);font:inherit;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s}.select-toggle:hover:not(:disabled){border-color:var(--green)}.select-toggle.active{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.select-toggle:disabled{opacity:.5;cursor:default}.select-toggle:focus-visible{outline:3px solid var(--green);outline-offset:2px}.selection-hint{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 .6rem;padding:.5rem .8rem;border-radius:12px;background:#eef6f0;border:1px dashed rgb(47 125 79 / .5);color:var(--muted);font-size:.9rem}.selection-notice{margin:.2rem 0 .6rem;padding:.5rem .8rem;border-radius:12px;background:#e3f1e7}button.card{font:inherit;text-align:left;padding:0;border:1px solid rgb(47 125 79 / .12);width:100%;cursor:pointer}.card.selectable .check{position:absolute;top:.5rem;left:.5rem;z-index:3;width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:50%;border:2px solid #fff;background:#00000052;color:#fff;font-weight:700;box-shadow:0 0 0 1.5px #2f7d4fbf,0 1px 5px #0006;transition:background .15s,transform .15s}.card.selected{outline:3px solid var(--green);outline-offset:-3px;box-shadow:0 6px 18px #2f7d4f59}.card.selected .check{background:var(--green);transform:scale(1.08)}.card.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.card.locked:hover{transform:none;box-shadow:0 1px 4px #0000001f}.card.selectable:focus-visible{outline:3px solid var(--green);outline-offset:2px}.selection-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.7rem 1rem;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));background:#fffffff7;border-top:3px solid var(--green);box-shadow:0 -8px 24px #00000029;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.selection-bar>*{max-width:100%}.selection-summary{display:grid;gap:.1rem;min-width:8rem}.selection-bar .location-picker{flex:1;min-width:200px;max-width:360px}.selection-bar .location-picker label{display:grid;gap:.25rem;font-size:.85rem;font-weight:600}.selection-bar .location-picker select{padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit;font-weight:400;background:#fff}.selection-error{flex-basis:100%;margin:0}body:has(.selection-bar) .container{padding-bottom:9rem}@media (prefers-reduced-motion: reduce){.card.selectable .check,.select-toggle{transition:none}}.sheet{border:1px solid rgb(47 125 79 / .22);border-radius:14px;padding:.4rem 1rem 1rem;margin:.4rem 0;display:grid;gap:.8rem;background:#fff9}.sheet>legend{padding:0 .6rem;font-weight:700;font-size:1.05rem;color:var(--green)}.sheet>p{margin:0}.sheet-personal{border-left:5px solid #c9744c}.sheet-technical{border-left:5px solid var(--green)}.sheet label{display:grid;gap:.25rem;font-weight:600}.sheet input,.sheet textarea,.sheet select{padding:.5rem;border:1px solid #c4d0c6;border-radius:8px;font:inherit;font-weight:400;background:#fff}fieldset.watering{border:1px dashed rgb(47 125 79 / .4);border-radius:12px;padding:.6rem .9rem .8rem;display:grid;gap:.6rem}fieldset.watering legend{padding:0 .4rem;font-size:.9rem;color:var(--muted)}fieldset.watering p{margin:0}.sheet-view{background:var(--card);border-radius:16px;padding:.2rem 1rem 1rem;margin:1rem 0;border-left:5px solid var(--green);box-shadow:0 1px 6px #2f7d4f1a}.sheet-view.sheet-personal{border-left-color:#c9744c}.sheet-view>h2{margin:.8rem 0 .4rem;font-size:1.2rem}.sheet-view .info{padding:0;background:none;border-radius:0;box-shadow:none}.info .current-season{background:#e3f1e7;border-radius:10px;padding:.3rem .6rem;margin:-.3rem -.6rem;box-shadow:inset 0 0 0 1.5px #2f7d4f80}.info .current-season dt:after{content:" ●";color:var(--green);font-size:.7rem}.lineage{margin-top:.8rem;padding-top:.6rem;border-top:1px dashed rgb(47 125 79 / .35)}.lineage h3{margin:0 0 .3rem;font-size:1rem}.lineage p,.lineage ul{margin:.2rem 0}.lineage ul{padding-left:1.2rem}.info .info-group{grid-column:span 2}.schedule{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.3rem}.schedule li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem .6rem;border-radius:8px;background:#f4f8f4}.schedule li span{color:var(--muted)}.schedule li.current-season{background:#e3f1e7;box-shadow:inset 0 0 0 1.5px #2f7d4f80;margin:0}.schedule li.current-season span:after{content:" ●";color:var(--green);font-size:.7rem}.info .info-group .current-season dt:after{content:none}@media (max-width: 600px){.info .info-group{grid-column:auto}}body{transition:background-color .8s ease}.season-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.season-tree{position:absolute;right:-4vw;bottom:0;height:min(78vh,760px);width:auto;opacity:var(--tree-opacity)}@media (max-width: 700px){.season-tree{right:-22vw;opacity:.38}}.tree-ground{fill:var(--ground);transition:fill 1.2s ease}.tree-trunk{fill:var(--trunk);transition:fill 1.2s ease}.tree-branch{fill:none;stroke:var(--trunk);stroke-linecap:round;transition:stroke 1.2s ease}.tree-sway{transform-origin:200px 440px;animation:tree-sway 9s ease-in-out infinite alternate}@keyframes tree-sway{0%{transform:rotate(-.7deg)}to{transform:rotate(.7deg)}}.tree-leaves{transition:fill 1.2s ease,opacity 1.2s ease,transform 1.4s ease;transform-box:fill-box;transform-origin:center}.tree-leaves.tone-a{fill:var(--canopy-a)}.tree-leaves.tone-b{fill:var(--canopy-b)}.tree-leaves.tone-c{fill:var(--canopy-c)}.tree-blossom{opacity:0;transition:opacity 1.2s ease;fill:var(--blossom)}.tree-blossom.tone-1{fill:var(--blossom-2)}.tree-snow{opacity:0;transition:opacity 1.2s ease}.tree-snow-line{fill:none;stroke:#fff;stroke-linecap:round}:root[data-season=spring] .tree-leaves{transform:scale(.88)}:root[data-season=spring] .tree-blossom{opacity:.95}:root[data-season=winter] .tree-leaves{opacity:0;transform:scale(.6)}:root[data-season=winter] .tree-snow{opacity:1}:root[data-season=autumn] .tree-leaves{opacity:.85}.season-particles{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;top:-20px;left:var(--x);width:var(--size);height:var(--size);background:var(--particle);opacity:.8;border-radius:50%;animation:particle-fall var(--duration) linear var(--delay) infinite}:root[data-season=spring] .particle,:root[data-season=autumn] .particle{border-radius:100% 0}:root[data-season=autumn] .particle:nth-child(3n){background:#b8431a}:root[data-season=autumn] .particle:nth-child(3n+1){background:#e0a030}:root[data-season=winter] .particle{box-shadow:0 0 3px #6482a5b3;opacity:.95}:root[data-season=summer] .particle{top:auto;bottom:-20px;width:calc(var(--size) / 2.4);height:calc(var(--size) / 2.4);opacity:.7;animation-name:particle-rise}@keyframes particle-fall{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(var(--sway),108vh,0) rotate(300deg)}}@keyframes particle-rise{0%{transform:translateZ(0);opacity:0}15%{opacity:.7}to{transform:translate3d(var(--sway),-108vh,0);opacity:0}}@media (max-width: 700px){.particle:nth-child(n+9){display:none}}@media (prefers-reduced-motion: reduce){.tree-sway,.particle{animation:none}.season-particles{display:none}.tree-leaves,.tree-blossom,.tree-snow,body{transition:none}}.theme-choice{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}