/* Forest-tinted mirror material: reflective rims, calm surfaces, readable ink. */
:root{--mirror-rim:rgba(255,255,255,.94);--mirror-shadow:0 12px 32px rgba(23,62,50,.075),inset 0 1px 1px #fff,inset 0 -1px 1px rgba(38,74,50,.1)}
.navigation{background:linear-gradient(155deg,#ffffffd9,#f7fbf17d 55%,#ffffffba),#f7faf38c;border-color:var(--mirror-rim);-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);box-shadow:var(--mirror-shadow)}
.button,.menu-toggle,.preview-tabs button{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffffa6;box-shadow:0 6px 16px #173e3210,inset 0 1px 1px #ffffff9c,inset 0 -1px 1px #102f242e;transition:background .18s,box-shadow .18s,transform .18s,border-color .18s}
.button::before,.menu-toggle::before,.preview-tabs button::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(160deg,#ffffff33,transparent 44%,transparent 76%,#ffffff12);border-top:1px solid #ffffff5c}
.button-dark,.preview-tabs button[aria-selected=true]{background:linear-gradient(150deg,#47746199,#163e3200 48%,#092c2080),#173e32;color:#fff;border-color:#365d49;box-shadow:0 8px 20px #173e3224,inset 0 1px 1px #c5d6c56e,inset 0 -1px 1px #061f1a99;text-shadow:0 1px 1px #092f2670}
.button-dark:hover,.preview-tabs button[aria-selected=true]:hover{background:linear-gradient(150deg,#6c8d7759,transparent 52%,#082f2280),#214c3b;box-shadow:0 10px 24px #173e322e,inset 0 1px 1px #d9e8d69c,inset 0 -1px 1px #061f1a80}
.button-light,.menu-toggle,.preview-tabs button:not([aria-selected=true]){background:linear-gradient(150deg,#ffffffeb,#e8efe14d 52%,#ffffffb3),#f8fbf0cc;color:var(--green);border-color:#ffffffed;box-shadow:0 6px 18px #173e320d,inset 0 1px 2px #fff,inset 0 -1px 1px #4c70542b}
.button-light:hover,.menu-toggle:hover,.preview-tabs button:not([aria-selected=true]):hover{background:linear-gradient(150deg,#fff,#e8f0df80),#f7fbf0;box-shadow:0 9px 22px #173e321a,inset 0 1px 2px #fff,inset 0 -1px 1px #4c705438;border-color:#aabfa0}
.button:active,.preview-tabs button:active,.menu-toggle:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #12382630,inset 0 1px 1px #ffffff4d}
.product-frame,.excerpt,.signup-card,.floating-note{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffffdc,#f8fbf3a8 52%,#ffffffd9),#f8fbf2b3;border-color:#fff;border-radius:20px;box-shadow:var(--mirror-shadow)}
.product-frame,.signup-card,.floating-note{-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%)}
.product-frame::before,.excerpt::before,.signup-card::before,.floating-note::before{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;z-index:-1;border-top:1px solid #fff;background:linear-gradient(165deg,#ffffff8c,transparent 34%,transparent 78%,#ffffff26)}
.hero-frame{box-shadow:0 22px 50px #173e3212,0 0 0 5px #ffffff78,inset 0 1px 2px #fff,inset 0 -1px 1px #2b4e3826}
.product-topbar{background:linear-gradient(165deg,#ffffffb3,#eef4e763);border-color:#66835620}
.mock-sidebar{background:linear-gradient(150deg,#ffffff8c,#e8efe175);border-color:#66835626}
.collab-cards article,.focus-card,.payment-reminder{background:linear-gradient(145deg,#ffffffb3,#edf3e56b),#eef4e8a6;border:1px solid #ffffffd9;box-shadow:0 4px 12px #173e3206,inset 0 1px 1px #fff,inset 0 -1px 1px #42633f14}
.sidebar-active{background:linear-gradient(145deg,#ffffff80,#dce8d566);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #6380561a;border:1px solid #ffffffb3}
.mini-stats,.task-row{border-color:#69815c26}
.signup-card input,.signup-card select{background:linear-gradient(175deg,#ffffffa6,#f3f7eb99);border-color:#8ea17f66;box-shadow:inset 0 1px 3px #21452e0a,0 1px 0 #fff;border-radius:10px}
.signup-card input:focus,.signup-card select:focus{background:#fff;border-color:#587b49}
.signup-card input[aria-invalid=true]{border-color:#a54a32}
.button:focus-visible,.menu-toggle:focus-visible,.preview-tabs button:focus-visible{outline:3px solid #39704c;outline-offset:4px}
.nav-links.is-open{background:#f9fcf3ed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#fff;box-shadow:var(--mirror-shadow)}
@media(max-width:540px){.product-frame,.excerpt,.signup-card{border-radius:16px}.navigation{border-radius:15px}.floating-note{border-radius:12px}.product-frame,.signup-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.navigation,.nav-links.is-open,.product-frame,.excerpt,.signup-card,.floating-note{background-color:#fafcf7}}
@media(prefers-reduced-transparency:reduce){.navigation,.nav-links.is-open,.product-frame,.excerpt,.signup-card,.floating-note{background:#fafcf7;-webkit-backdrop-filter:none;backdrop-filter:none}.product-frame::before,.excerpt::before,.signup-card::before,.floating-note::before{background:none}.button-dark,.preview-tabs button[aria-selected=true]{background:#173e32}.button-light,.menu-toggle,.preview-tabs button:not([aria-selected=true]){background:#f9fcf3}}
@media(prefers-reduced-motion:reduce){.button,.menu-toggle,.preview-tabs button{transition:none!important}.button:hover,.button:active,.preview-tabs button:active,.menu-toggle:active{transform:none}}