:root{color:#352e30;background:#fcf8f1;font-family:ui-rounded,Nunito Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:44px 24px}.brand{color:#a94666;font:800 26px Georgia}section{background:#fffdf8;border:1px solid #e7ddd0;border-radius:28px;margin-top:70px;padding:clamp(24px,6vw,52px);box-shadow:0 16px 50px #7d5c6d18}.eyebrow{letter-spacing:.16em;color:#a94666;font-size:12px;font-weight:800}.emoji{font-size:64px}h1{margin:15px 0 22px;font:700 clamp(34px,7vw,58px)/1.05 Georgia}.rules{color:#75635e;font-size:18px;line-height:1.65}.consent{background:#eaf2e0;border-radius:16px;margin:22px 0;padding:18px;line-height:1.55}.button{color:#fff;text-align:center;background:#a54465;border-radius:14px;padding:17px;font-weight:800;text-decoration:none;display:block}.fine{text-align:center;color:#75635e;margin-top:18px;font-size:13px}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])):root{color:#f6e7ee;background:#221521}:where(:root:not([data-theme=light])) section{background:#2e1e2b;border-color:#443048}:where(:root:not([data-theme=light])) .rules,:where(:root:not([data-theme=light])) .fine{color:#c6a2b4}}:where(:root[data-theme=dark]):root{color:#f6e7ee;background:#221521}:where(:root[data-theme=dark]) section{background:#2e1e2b;border-color:#443048}:where(:root[data-theme=dark]) .rules,:where(:root[data-theme=dark]) .fine{color:#c6a2b4}.app{max-width:720px;margin:auto;padding:24px 20px 120px}.app-head{justify-content:space-between;align-items:center;display:flex}.panel{background:#fffdf8;border:1px solid #e7ddd0;border-radius:24px;flex-direction:column;gap:12px;margin-top:18px;padding:clamp(20px,5vw,36px);display:flex}.panel h1,.panel h2{text-wrap:balance;margin:0}.panel h1{font:700 clamp(28px,6vw,42px)/1.1 Georgia,serif}.panel h2{font:700 26px/1.2 Georgia,serif}.muted{color:#75635e;margin:0;line-height:1.55}.label{margin:6px 0 0;font-weight:800}.hint{color:#75635e;margin-top:3px;font-size:13px;display:block}.error{color:#a94666;margin:0;font-weight:700}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.habit-suggestions{gap:10px;display:grid}.suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.habit-suggestion{height:100%;color:inherit;overflow-wrap:anywhere}.habit-suggestion:hover{border-color:#a54465}@media (max-width:420px){.suggestion-grid{grid-template-columns:1fr}}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline-offset:2px;outline:3px solid #a54465}.button,.secondary,.choice,.day,.chip,.check,.card{border:1px solid #e7ddd0;border-radius:14px}.button{color:#fff;background:#a54465;border-color:#a54465;flex:1;padding:14px 18px;font-weight:800}.secondary{color:#a94666;background:#fffdf8;flex:1;padding:14px 18px;font-weight:800}.choice{background:#fffdf8;flex:1;padding:12px}.choice.on,.day.on,.chip.on,.card.on{background:#f3e6e4;border-color:#a54465}.day{background:#fffdf8;width:40px;height:40px}.day.on{color:#fff;background:#a54465}.chip{color:#a94666;background:#fcf8f1;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.link{color:#75635e;text-align:center;background:0 0;border:none;padding:8px}.link.danger{color:#a94666}.input{font:inherit;min-width:0;color:inherit;background:#fffdf8;border:1px solid #e7ddd0;border-radius:14px;flex:1;padding:13px}.input.emoji{text-align:center;flex:0 0 64px}.track{background:#e7ddd0;border-radius:8px;height:10px;overflow:hidden}.fill{background:#557c34;border-radius:8px;height:100%;transition:width .3s}@media (prefers-reduced-motion:reduce){.fill{transition:none}}.habits,.cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.swipe-habit{border:1px solid #e7ddd0;border-radius:18px;position:relative;overflow:hidden}.swipe-front{cursor:grab;background:#fffdf8;transition:transform .2s;display:flex}.swipe-front>.habit{border:none;border-radius:0;flex:1;min-width:0}.swipe-front .habit>div{overflow-wrap:anywhere;min-width:0}.habit-actions{width:160px;display:flex;position:absolute;top:0;bottom:0;right:0}.habit-actions button{color:#a94666;background:#f3e6e4;border:none;flex:1;font-weight:700}.habit-actions .habit-delete{color:#fff;background:#a94666}.delete-confirmation{color:#35222e;overflow-wrap:anywhere;background:#fff;border:1px solid #f0dce5;border-radius:24px;width:min(420px,100% - 40px);max-height:calc(100dvh - 48px);margin:auto;padding:24px;box-shadow:0 24px 80px #35222e40}.delete-confirmation[open]{gap:20px;display:grid}.delete-confirmation::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#35222e66}@media (prefers-reduced-motion:reduce){.swipe-front{transition:none}}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .swipe-front{background:#2e1e2b}:where(:root:not([data-theme=light])) .delete-confirmation{color:#f6e7ee;background:#2e1e2b;border-color:#6f4c5e}}:where(:root[data-theme=dark]) .swipe-front{background:#2e1e2b}:where(:root[data-theme=dark]) .delete-confirmation{color:#f6e7ee;background:#2e1e2b;border-color:#6f4c5e}.habit{border:1px solid #e7ddd0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.check{color:#75635e;white-space:nowrap;background:#fffdf8;padding:10px 14px;font-weight:700}.check.on{color:#557c34;background:#eaf2e0;border-color:#557c34}.amount{text-align:right;width:90px;font:inherit;background:#f3e6e4;border:none;border-radius:10px;padding:10px}.card{text-align:left;background:#fffdf8;flex-direction:column;gap:6px;width:100%;padding:14px 16px;display:flex}.card.static{cursor:default}.note{background:#fcf8f1;border:1px solid #e7ddd0;border-radius:16px;flex-direction:column;gap:8px;padding:14px;line-height:1.5;display:flex}.note ul{margin:4px 0 0;padding-left:18px}.consent p{margin:6px 0 0}.tab-box{background:#eaf2e0;border-radius:20px;flex-direction:column;gap:14px;padding:16px;display:flex}.tab-row{flex-direction:column;gap:6px;display:flex}.rings{flex-wrap:wrap;gap:12px;display:flex}.ring{flex-direction:column;align-items:center;gap:4px;width:64px;display:flex}.ring span{border:4px solid #e7ddd0;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.ring.bloomed span{border-color:#557c34;font-size:22px}.ring small{color:#75635e;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:12px;overflow:hidden}.shelf{background:#fff9ee;border-bottom:10px solid #8a5f45;border-radius:22px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px;display:grid}.pot{text-align:center;background:#fffdf8;border-radius:18px;padding:14px}.plant{font-size:44px}.tabs{padding:8px 8px max(8px, env(safe-area-inset-bottom));background:#fffdf8;border-top:1px solid #e7ddd0;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:#75635e;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px;font-size:12px;display:flex}.tab span{font-size:19px}.tab.on{color:#a94666;font-weight:800}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .panel,:where(:root:not([data-theme=light])) .habit,:where(:root:not([data-theme=light])) .card,:where(:root:not([data-theme=light])) .secondary,:where(:root:not([data-theme=light])) .choice,:where(:root:not([data-theme=light])) .day,:where(:root:not([data-theme=light])) .check,:where(:root:not([data-theme=light])) .input,:where(:root:not([data-theme=light])) .pot,:where(:root:not([data-theme=light])) .tabs{color:#f6e7ee;background:#2e1e2b;border-color:#443048}:where(:root:not([data-theme=light])) .muted,:where(:root:not([data-theme=light])) .hint,:where(:root:not([data-theme=light])) .link,:where(:root:not([data-theme=light])) .tab,:where(:root:not([data-theme=light])) .ring small{color:#c6a2b4}:where(:root:not([data-theme=light])) .note,:where(:root:not([data-theme=light])) .chip{background:#221521;border-color:#443048}:where(:root:not([data-theme=light])) .tab-box,:where(:root:not([data-theme=light])) .check.on,:where(:root:not([data-theme=light])) .consent{color:#f6e7ee;background:#303c25}:where(:root:not([data-theme=light])) .track{background:#443048}:where(:root:not([data-theme=light])) .fill{background:#afd189}:where(:root:not([data-theme=light])) .choice.on,:where(:root:not([data-theme=light])) .day.on,:where(:root:not([data-theme=light])) .chip.on,:where(:root:not([data-theme=light])) .card.on{background:#45253a;border-color:#f276ac}:where(:root:not([data-theme=light])) .day.on{background:#a54465}:where(:root:not([data-theme=light])) .shelf{background:#2a1f1a}:where(:root:not([data-theme=light])) .amount{color:#f6e7ee;background:#45253a}:where(:root:not([data-theme=light])) .secondary,:where(:root:not([data-theme=light])) .tab.on,:where(:root:not([data-theme=light])) .link.danger,:where(:root:not([data-theme=light])) .error{color:#f792bc}}:where(:root[data-theme=dark]) .panel,:where(:root[data-theme=dark]) .habit,:where(:root[data-theme=dark]) .card,:where(:root[data-theme=dark]) .secondary,:where(:root[data-theme=dark]) .choice,:where(:root[data-theme=dark]) .day,:where(:root[data-theme=dark]) .check,:where(:root[data-theme=dark]) .input,:where(:root[data-theme=dark]) .pot,:where(:root[data-theme=dark]) .tabs{color:#f6e7ee;background:#2e1e2b;border-color:#443048}:where(:root[data-theme=dark]) .muted,:where(:root[data-theme=dark]) .hint,:where(:root[data-theme=dark]) .link,:where(:root[data-theme=dark]) .tab,:where(:root[data-theme=dark]) .ring small{color:#c6a2b4}:where(:root[data-theme=dark]) .note,:where(:root[data-theme=dark]) .chip{background:#221521;border-color:#443048}:where(:root[data-theme=dark]) .tab-box,:where(:root[data-theme=dark]) .check.on,:where(:root[data-theme=dark]) .consent{color:#f6e7ee;background:#303c25}:where(:root[data-theme=dark]) .track{background:#443048}:where(:root[data-theme=dark]) .fill{background:#afd189}:where(:root[data-theme=dark]) .choice.on,:where(:root[data-theme=dark]) .day.on,:where(:root[data-theme=dark]) .chip.on,:where(:root[data-theme=dark]) .card.on{background:#45253a;border-color:#f276ac}:where(:root[data-theme=dark]) .day.on{background:#a54465}:where(:root[data-theme=dark]) .shelf{background:#2a1f1a}:where(:root[data-theme=dark]) .amount{color:#f6e7ee;background:#45253a}:where(:root[data-theme=dark]) .secondary,:where(:root[data-theme=dark]) .tab.on,:where(:root[data-theme=dark]) .link.danger,:where(:root[data-theme=dark]) .error{color:#f792bc}.garden.season-spring{background:linear-gradient(#f3e6e4,#fff 40%)}.garden.season-summer{background:linear-gradient(#fff4d6,#fff 40%)}.garden.season-autumn{background:linear-gradient(#f8e6d8,#fff 40%)}.garden.season-winter{background:linear-gradient(#e9eef5,#fff 40%)}.pot summary{cursor:pointer;flex-direction:column;align-items:center;gap:4px;list-style:none;display:flex}.pot summary::-webkit-details-marker{display:none}.vine{flex-direction:column;align-items:center;line-height:1.1;display:flex}.badge{color:#557c34;font-weight:800}.water{background:#557c34;border-color:#557c34}.watered{color:#557c34;margin:0;font-weight:700}.beds{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.bed{text-align:center;background:#fffdf8;border-bottom:6px solid #8a5f45;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.flower{font-size:40px}.flower.small{font-size:28px}.sway{transform-origin:bottom;animation:5.2s ease-in-out infinite sway}.droopy{opacity:.75;--lean:12deg}@keyframes sway{0%,to{transform:rotate(calc(var(--lean,0deg) - 2deg))}50%{transform:rotate(calc(var(--lean,0deg) + 2deg))}}@media (prefers-reduced-motion:reduce){.sway{transform:rotate(var(--lean,0deg));animation:none}}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .garden.season-spring,:where(:root:not([data-theme=light])) .garden.season-summer,:where(:root:not([data-theme=light])) .garden.season-autumn,:where(:root:not([data-theme=light])) .garden.season-winter{background:#2e1e2b}:where(:root:not([data-theme=light])) .bed{background:#221521}:where(:root:not([data-theme=light])) .watered,:where(:root:not([data-theme=light])) .badge{color:#afd189}}:where(:root[data-theme=dark]) .garden.season-spring,:where(:root[data-theme=dark]) .garden.season-summer,:where(:root[data-theme=dark]) .garden.season-autumn,:where(:root[data-theme=dark]) .garden.season-winter{background:#2e1e2b}:where(:root[data-theme=dark]) .bed{background:#221521}:where(:root[data-theme=dark]) .watered,:where(:root[data-theme=dark]) .badge{color:#afd189}.gallery{max-width:1100px;margin:auto;padding:32px 20px}.gallery h2{text-transform:capitalize;font:700 20px Georgia,serif}.gallery-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.gallery figure{text-align:center;background:#fff9ee;border-radius:18px;margin:0;padding:8px}.gallery figure svg{width:100%;height:auto}.gallery figcaption{color:#75635e;font-size:13px}.gallery section{box-shadow:none;background:0 0;border:none;margin-top:24px;padding:0}.gallery-row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.art{width:100%;height:auto;display:block}.shelf .art.sway{transform-origin:50% 12%}.beds .art.sway{transform-origin:50% 85%}.shelf{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.compare{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.trio,.quad{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.trio svg,.quad svg,.scene{width:100%;height:auto;display:block}.gallery section figure+figure{margin-top:14px}.compare{grid-template-columns:1fr}.field{-webkit-overflow-scrolling:touch;border:1px solid #e7ddd0;border-radius:20px;overflow-x:auto}.field-svg{width:auto;height:min(480px,70vh);display:block}.plant-hit{cursor:pointer;outline:none}.plant-hit:focus-visible rect,.plant-hit.on rect{fill:#d6407e14;stroke:#a54465;stroke-width:2px;stroke-dasharray:6 5;rx:10}.sway-stand{transform-box:fill-box;transform-origin:50% 85%}.sway-climb{transform-box:fill-box;transform-origin:50% 20%}.can-pour{transform-box:fill-box;transform-origin:30% 85%;animation:2.6s ease-in-out forwards can-pour}@keyframes can-pour{0%{opacity:0;transform:translateY(-18px)rotate(0)}14%{opacity:1;transform:translateY(0)rotate(0)}32%,72%{opacity:1;transform:rotate(32deg)}88%{opacity:1;transform:rotate(0)}to{opacity:0;transform:translateY(-18px)}}.drop{opacity:0;animation:.7s ease-in 4 drop}@keyframes drop{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(-6px,70px)}}.bounce{transform-box:fill-box;transform-origin:50% 100%;animation:.7s ease-out 1.4s bounce}@keyframes bounce{0%,to{transform:scale(1)}40%{transform:scale(1.06,1.08)}70%{transform:scale(.98,.97)}}.sunshine{background:#e8a23a;border-color:#e8a23a}@media (prefers-reduced-motion:reduce){.can-pour,.drop,.bounce{animation:none}}.recap-backdrop{z-index:20;background:#35222e8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.recap-sheet{flex-direction:column;gap:12px;max-height:100%;display:flex}.recap-svg{border-radius:18px;width:min(360px,80vw);height:auto;box-shadow:0 20px 60px #0004}.cover-banner{aspect-ratio:16/9;object-fit:cover;border-radius:18px;width:100%}.card.with-cover{flex-direction:row;align-items:center;gap:12px}.cover-thumb{object-fit:cover;border-radius:10px;flex:none;width:64px;height:48px}.cover-picker{cursor:pointer;text-align:center;flex-direction:column;gap:4px;display:flex}.habits .check{border-radius:50%;width:44px;min-width:44px;height:44px;padding:0;font-size:24px;transition:background .2s,transform .2s}.habits .check:active{transform:scale(.92)}.cover-studio{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:16px}.cover-designs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.cover-design{color:#75635e;cursor:pointer;background:#fcf8f1;border:1px solid #c7b3bf;border-radius:12px;padding:0 0 8px;overflow:hidden}.cover-design svg{display:block}.cover-design:hover,.cover-design:focus-visible{outline-offset:2px;outline:2px solid #a94666}.cover-design span{padding:6px;font-size:12px;display:block}@media (prefers-reduced-motion:reduce){.habits .check{transition:none}.habits .check:active{transform:none}}.period-switch{gap:8px;margin-bottom:20px;display:flex}.period-switch button{color:inherit;background:0 0;border:1px solid #c7b3bf;border-radius:14px;flex:1;padding:12px;font-weight:700}.period-switch button[aria-pressed=true]{color:#352e30;background:#eaf2e0}.growth-journal{color:#352e30;background:#eaf2e0;border-radius:18px;padding:18px}.week-habit{border:1px solid #c7b3bf;border-radius:18px;margin:16px 0;padding:14px}.week-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.week-days>div{flex-direction:column;align-items:center;gap:6px;display:flex}.week-dot{color:#75635e;background:#f4eee6;border-radius:50%;place-items:center;width:30px;height:30px;display:inline-grid}.week-dot.done{color:#fff;background:#557c34}.week-dot.today{outline-offset:2px;outline:1px solid #a94666}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.watering-moment{z-index:2;pointer-events:none;width:110px;height:116px;position:absolute;top:-36px;right:44px}.watering-moment svg{width:100%;height:100%;overflow:visible}.checkin-can{transform-origin:65px 25px;animation:1.3s ease-in-out both can-tip}.checkin-drop{animation:.65s ease-in .25s both checkin-pour}.checkin-drop.drop-1{animation-delay:.37s}.checkin-drop.drop-2{animation-delay:.48s}.checkin-sprout{transform-origin:62px 119px;animation:1.3s ease-out both sprout-bounce}@keyframes can-tip{0%,to{opacity:0;rotate:0deg}20%,70%{opacity:1;rotate:-18deg}}@keyframes checkin-pour{0%{opacity:0;translate:0}20%{opacity:1}to{opacity:0;translate:12px 42px}}@keyframes sprout-bounce{0%{scale:.8}55%{scale:1.1}75%,to{scale:1}}@media (prefers-reduced-motion:reduce){.checkin-can,.checkin-drop{animation:none;display:none}.checkin-sprout{animation:none}}.petal-icon{vertical-align:-.28em;flex-shrink:0;display:inline-block}.tabs .petal-icon{vertical-align:middle;width:26px;height:26px}.field{scrollbar-color:#c9b8ae transparent}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .field{scrollbar-color:#6f4c5e transparent}}:where(:root[data-theme=dark]) .field{scrollbar-color:#6f4c5e transparent}.habit .petal-icon,.growth-journal .petal-icon{vertical-align:middle;width:30px;height:30px;margin-right:6px}.cover-banner{aspect-ratio:3;max-height:150px}.cover-banner-button{cursor:pointer;background:0 0;border:0;border-radius:18px;width:100%;padding:0;display:block;position:relative}.cover-banner-button .cover-banner{display:block}.cover-banner-button:after{content:"";opacity:0;background:#352e30;border-radius:18px;transition:opacity .15s;position:absolute;inset:0}.cover-edit{z-index:1;opacity:0;background:#fffdf8e6;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .15s;display:grid;position:absolute;top:10px;right:10px}.cover-banner-button:hover:after,.cover-banner-button:focus-visible:after{opacity:.12}.cover-banner-button:hover .cover-edit,.cover-banner-button:focus-visible .cover-edit{opacity:1}.cover-add{align-self:flex-start}.cover-menu{color:#352e30;background:#fffdf8;border:1px solid #e7ddd0;border-radius:24px;width:min(520px,100% - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:0;box-shadow:0 24px 80px #352e3040}.cover-menu::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#352e3055}.cover-menu .cover-studio{border:0;gap:10px;padding:22px;display:grid}.cover-menu h2{margin:0;font-size:20px}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .cover-menu{color:#f6e7ee;background:#2e1e2b;border-color:#443048}:where(:root:not([data-theme=light])) .cover-edit{color:#f6e7ee;background:#2e1e2be6}}:where(:root[data-theme=dark]) .cover-menu{color:#f6e7ee;background:#2e1e2b;border-color:#443048}:where(:root[data-theme=dark]) .cover-edit{color:#f6e7ee;background:#2e1e2be6}.cover-menu .cover-picker{flex-direction:row;justify-content:center;align-items:center;gap:6px}:where(:root[data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:where(:root[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.appearance{gap:8px;margin:6px 0 4px;display:grid}.friends-panel b{margin-top:6px}.friend-row{border-top:1px solid #e7ddd0;align-items:center;gap:10px;padding:8px 0;display:flex}.friend-row span{flex:1}.badge{color:#fffdf8;background:#a94666;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .friend-row{border-top-color:#443048}}:where(:root[data-theme=dark]) .friend-row{border-top-color:#443048}.friend-note{color:#3f5530;background:#eef2df;border-radius:16px;margin:12px 0 0;padding:12px 16px}.friend-note .link{margin-left:8px}.email-code{gap:8px;margin-top:8px;display:grid}.code-input{letter-spacing:.4em;font-variant-numeric:tabular-nums;font-size:20px}.settings-card{border:1px solid #e7ddd0;border-radius:18px;gap:12px;padding:20px;display:grid}.settings-card h3,.settings-card p{margin:0}.settings-card .appearance{gap:12px;display:grid}.settings-card .choice{flex:1;min-height:48px}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .settings-card{border-color:#443048}}:where(:root[data-theme=dark]) .settings-card{border-color:#443048}
