.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s-6) var(--s-5);background:var(--timber-deep);position:relative;overflow:hidden}.auth-legal{text-align:center;margin:var(--s-3) 0 0;font-size:var(--t-xs)}.auth-legal a{color:var(--pencil-500);text-decoration:none}.auth-legal a:hover{color:var(--chalk);text-decoration:underline}.tos-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--s-5)}.tos-gate-modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;padding:var(--s-4) var(--s-4) var(--s-4);box-shadow:0 20px 60px var(--scrim)}.tos-gate-head{display:flex;align-items:center;justify-content:space-between}.tos-gate-title{margin:0;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber)}.tos-gate-close{display:inline-flex;color:var(--pencil-500);background:none;padding:var(--s-1);border-radius:var(--r-sm)}.tos-gate-close:hover:not(:disabled){background:var(--pencil-100);color:var(--pencil-700)}.tos-gate-close:disabled{opacity:.5;cursor:default}.tos-gate-intro{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-snug);margin:var(--s-1) 0 var(--s-3)}.tos-gate-scroll{flex:1;overflow-y:auto;min-height:220px;border:1px solid var(--pencil-200);border-radius:var(--r-md);padding:var(--s-4);background:var(--pencil-100)}.tos-gate-text{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--font-body);font-size:var(--t-xs);line-height:var(--lh-body);color:var(--pencil-700)}.tos-gate-error{margin-top:var(--s-2)}.tos-gate-actions{display:flex;gap:var(--s-3);margin-top:var(--s-3)}.tos-gate-actions .btn{flex:1}.tos-gate-actions .btn-primary:disabled{opacity:.45;cursor:not-allowed}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-bg-circle{position:absolute;border-radius:var(--r-full);background:radial-gradient(circle,var(--timber-soft) 0%,transparent 70%)}.auth-bg-circle-1{width:600px;height:600px;top:-200px;right:-150px}.auth-bg-circle-2{width:400px;height:400px;bottom:-100px;left:-100px;background:radial-gradient(circle,var(--timber-soft) 0%,transparent 70%)}.auth-bg-circle-3{width:200px;height:200px;top:40%;left:50%;background:radial-gradient(circle,var(--timber-soft) 0%,transparent 70%)}.auth-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--s-6);position:relative;z-index:1}.auth-brand{text-align:center;color:var(--surface)}.auth-logo{width:110px;height:110px;border-radius:var(--r-full);display:block;margin:0 auto;box-shadow:0 8px 32px var(--scrim)}.auth-card{width:100%;background:var(--surface);border-radius:var(--r-lg);padding:var(--s-6) var(--s-6);box-shadow:0 24px 80px var(--scrim)}.auth-card-header{margin-bottom:var(--s-5)}.auth-card-header h2{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900)}.auth-card-header p{color:var(--pencil-500);font-size:var(--t-sm);margin-top:var(--s-1)}.auth-form{display:flex;flex-direction:column;gap:var(--s-4)}.auth-input{font-size:var(--t-base)}.auth-submit{width:100%;margin-top:var(--s-2);padding:var(--s-4);font-size:var(--t-base);font-weight:var(--w-bold);border-radius:var(--r-md)}.auth-divider{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-5)}.auth-divider span{flex:1;height:1px;background:var(--pencil-200)}.auth-switch{font-size:var(--t-sm);color:var(--pencil-500);white-space:nowrap}.auth-switch a{color:var(--timber);font-weight:var(--w-bold)}.auth-switch a:hover{text-decoration:underline}.auth-2fa-code{text-align:center;font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:.4em;padding-left:.4em}.auth-2fa-back{display:block;margin:var(--s-3) auto 0;background:none;border:none;color:var(--pencil-500);font-size:var(--t-sm);font-weight:var(--w-semi);cursor:pointer;transition:color var(--dur-fast)}.auth-2fa-back:hover{color:var(--timber)}.auth-sent-icon{width:54px;height:54px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-4);background:var(--pencil-100);color:var(--pencil-500)}.auth-sent-icon-ok{background:var(--timber-soft);color:var(--timber)}.auth-sent-note{margin:var(--s-1) 0 0;font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-500);text-align:center}.auth-linkish{background:none;border:none;padding:0;font:inherit;color:var(--timber-mid);font-weight:var(--w-bold);text-decoration:underline;cursor:pointer}.auth-linkish:hover{color:var(--timber)}.auth-forgot{margin-top:var(--s-3);text-align:center}.auth-forgot a{font-size:var(--t-sm);color:var(--pencil-500);text-decoration:none}.auth-forgot a:hover{color:var(--timber);text-decoration:underline}.auth-submit:hover:not(:disabled){opacity:.92}.auth-submit:active:not(:disabled){opacity:.85}.auth-submit:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.tos-gate-scroll:hover:not(:disabled){opacity:.92}.tos-gate-scroll:active:not(:disabled){opacity:.85}.tos-gate-scroll:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.tos-gate-scroll:disabled{opacity:.45;cursor:not-allowed}.auth-submit,.tos-gate-scroll{min-height:44px}.gt-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000}.gt-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.gt-ring{position:fixed;pointer-events:none;border:2.5px solid var(--chalk);box-shadow:0 0 0 3px var(--timber-soft),var(--shadow-overlay);transition:left var(--dur-base) var(--ease),top var(--dur-base) var(--ease),width var(--dur-base) var(--ease),height var(--dur-base) var(--ease)}.gt-tip{position:fixed;width:320px;max-width:calc(100vw - 24px);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);padding:var(--s-5) var(--s-4) var(--s-4);pointer-events:auto;z-index:1}.gt-tip-centered{text-align:center}.gt-skip{position:absolute;top:12px;right:14px;font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);padding:var(--s-1) var(--s-2);border-radius:var(--r-full);transition:color var(--dur-fast)}.gt-skip:hover{color:var(--pencil-700)}.gt-text{font-size:var(--t-base);font-weight:var(--w-semi);line-height:var(--lh-snug);color:var(--pencil-900);margin:var(--s-2) var(--s-6) var(--s-4) var(--s-1)}.gt-tip-centered .gt-text{margin:var(--s-2) var(--s-2) var(--s-4);font-size:var(--t-md)}.gt-dots{display:flex;gap:var(--s-2);margin-bottom:var(--s-4)}.gt-tip-centered .gt-dots{justify-content:center}.gt-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--pencil-300);transition:width var(--dur-base) var(--ease),background var(--dur-base)}.gt-dot.active{width:18px;background:var(--chalk)}.gt-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.gt-back{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);padding:var(--s-2) var(--s-2);border-radius:var(--r-full)}.gt-back:hover{color:var(--pencil-900)}.gt-progress{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-500);letter-spacing:.02em}.gt-next{min-width:104px}.gt-tip-centered .gt-actions{justify-content:center}.gt-tip-centered .gt-progress{display:none}.gt-next:hover:not(:disabled){opacity:.92}.gt-next:active:not(:disabled){opacity:.85}.gt-next:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.gt-next:disabled{opacity:.45;cursor:not-allowed}.gt-skip:active:not(:disabled){opacity:.85}.gt-skip:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.gt-skip:disabled{opacity:.45;cursor:not-allowed}.gt-back:active:not(:disabled){opacity:.85}.gt-back:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.gt-back:disabled{opacity:.45;cursor:not-allowed}.gt-next,.gt-skip,.gt-back{min-height:44px}.welcome-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:var(--sawn);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:var(--s-5) var(--s-4) calc(var(--s-6) + var(--safe-bottom));padding-top:calc(var(--s-5) + var(--safe-top))}.welcome-panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);padding:var(--s-6) var(--s-5) var(--s-5);max-width:440px;width:100%;margin:auto;display:flex;flex-direction:column;gap:var(--s-5)}.welcome-head{display:flex;flex-direction:column;gap:var(--s-2)}.welcome-title{margin:0;font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:-.02em;color:var(--timber);text-wrap:balance}.welcome-sub{margin:0;font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-700);max-width:40ch}.welcome-block{display:flex;flex-direction:column;gap:var(--s-3)}.welcome-block-paid{border-top:1px solid var(--pencil-200);padding-top:var(--s-5)}.welcome-block-title{display:flex;align-items:center;gap:var(--s-2);margin:0;font-size:var(--t-xs);font-weight:var(--w-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--pencil-500)}.welcome-dot{width:8px;height:8px;border-radius:var(--r-full);flex-shrink:0}.welcome-dot-free{background:var(--chalk)}.welcome-dot-paid{background:var(--cedar)}.welcome-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.welcome-list li{display:flex;align-items:flex-start;gap:var(--s-3);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-700)}.welcome-list li>svg{color:var(--chalk-deep);flex-shrink:0;margin-top:var(--s-1)}.welcome-list strong{color:var(--pencil-900);font-weight:var(--w-bold)}.welcome-prices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.welcome-prices li{display:grid;grid-template-columns:1fr;gap:var(--s-1);padding:var(--s-3) var(--s-4);background:var(--pencil-100);border:1px solid var(--pencil-200);border-radius:var(--r-md)}@media (min-width: 430px){.welcome-prices li{grid-template-columns:1fr auto;gap:var(--s-1) var(--s-4);align-items:baseline}.welcome-price-amt{justify-self:end}}.welcome-price-what{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-900);line-height:var(--lh-snug)}.welcome-price-amt{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--timber);white-space:nowrap;font-variant-numeric:tabular-nums}.welcome-price-note{grid-column:1 / -1;font-size:var(--t-xs);color:var(--pencil-500);line-height:var(--lh-snug)}.welcome-fineprint{margin:0;font-size:var(--t-xs);line-height:var(--lh-body);color:var(--pencil-500)}.welcome-panel-ask{max-width:380px}.welcome-ask{display:flex;flex-direction:column;gap:var(--s-3);text-align:center}.welcome-ask .welcome-sub{max-width:34ch;margin:0 auto}.welcome-ask-actions{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-2)}.welcome-cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2)}@media (prefers-reduced-motion: reduce){.welcome-panel{animation:none}}.welcome-cta:hover:not(:disabled){opacity:.92}.welcome-cta:active:not(:disabled){opacity:.85}.welcome-cta:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.welcome-cta:disabled{opacity:.45;cursor:not-allowed}.welcome-cta{min-height:44px}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--sawn)}.main-content{flex:1;width:100%;max-width:680px;margin:0 auto;padding:0 0 calc(var(--nav-h) + var(--s-4))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--pencil-200);display:flex;align-items:flex-start;justify-content:space-around;padding-top:var(--s-3);z-index:200;box-shadow:var(--shadow-rest)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-5);color:var(--pencil-500);font-size:var(--t-xs);font-weight:var(--w-semi);text-transform:uppercase;letter-spacing:.04em;transition:color var(--dur-fast);cursor:pointer;border:none;background:none;font-family:inherit;text-decoration:none}.bottom-nav-item.active{color:var(--timber)}.bottom-nav-item.active .bottom-nav-icon{background:var(--timber-soft)}.bottom-nav-icon{width:44px;height:30px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast)}.bottom-nav-avatar{width:26px;height:26px;border-radius:var(--r-full);background:var(--timber);color:var(--chalk);font-weight:var(--w-bold);font-size:var(--t-xs);display:flex;align-items:center;justify-content:center}.bottom-nav-account{position:relative}.account-popup{position:absolute;bottom:calc(100% + 12px);right:0;width:240px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);border:1px solid var(--pencil-200);padding:var(--s-3);z-index:300}.account-popup-user{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-1)}.account-popup-avatar{width:42px;height:42px;border-radius:var(--r-full);background:var(--timber);color:var(--chalk);font-weight:var(--w-bold);font-size:var(--t-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-popup-name{font-weight:var(--w-bold);font-size:var(--t-base);color:var(--pencil-900)}.account-popup-email{font-size:var(--t-xs);color:var(--pencil-500);margin-top:var(--s-1)}.account-popup-btn{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-3);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--danger);transition:background var(--dur-fast);cursor:pointer}.account-popup-btn:hover{background:var(--danger-soft)}@media (min-width: 680px){.main-content{padding-left:var(--s-5);padding-right:var(--s-5)}}.account-popup-btn:active:not(:disabled){opacity:.85}.account-popup-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.account-popup-btn:disabled{opacity:.45;cursor:not-allowed}.account-popup-btn{min-height:44px}.build-tab{padding:0}.build-header{padding:var(--s-5) var(--s-5) var(--s-3);display:flex;align-items:center;gap:var(--s-3)}.build-greeting{font-size:var(--t-sm);color:var(--pencil-500);font-weight:var(--w-semi);margin-bottom:var(--s-1)}.build-header h1{font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.5px;line-height:var(--lh-tight)}.build-balance{padding:0 var(--s-5) var(--s-4);margin:0;font-size:var(--t-sm);font-weight:var(--w-semi);line-height:var(--lh-snug);color:var(--pencil-500)}.build-search-wrap{padding:0 var(--s-4) var(--s-4)}.build-search-box{display:flex;align-items:center;gap:var(--s-3);background:var(--surface);border:2px solid var(--pencil-200);border-radius:var(--r-full);padding:var(--s-3) var(--s-4);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.build-search-box:focus-within{border-color:var(--chalk);box-shadow:var(--shadow-rest)}.build-search-icon{color:var(--pencil-500);flex-shrink:0}.build-search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--t-base);color:var(--pencil-900);font-weight:var(--w-medium);min-width:0}.build-search-input::placeholder{color:var(--pencil-500)}.build-search-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-full);background:var(--pencil-200);color:var(--pencil-500);flex-shrink:0;transition:background var(--dur-fast)}.build-search-clear:hover{background:var(--pencil-300);color:var(--pencil-900)}.search-results-wrap{padding:0 0 var(--s-2)}.search-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-6);text-align:center;color:var(--pencil-500)}.search-empty-icon{font-size:var(--t-2xl)}.search-empty p{font-size:var(--t-base);line-height:var(--lh-body)}.featured-custom-wrap{padding:0 var(--s-4) var(--s-5)}.featured-custom-card{position:relative;width:100%;background:var(--timber);border-radius:var(--r-lg);padding:var(--s-5) var(--s-5);overflow:hidden;box-shadow:var(--shadow-raised);text-align:left;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);animation:fadeUp var(--dur-slow) var(--ease) both}.featured-custom-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-overlay)}.featured-custom-card:active{transform:scale(.98)}.featured-custom-glow{position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:var(--r-full);background:transparent;pointer-events:none}.featured-custom-bg-emoji{position:absolute;bottom:-12px;right:12px;font-size:var(--t-2xl);opacity:.08;line-height:var(--lh-tight);pointer-events:none;-webkit-user-select:none;user-select:none}.featured-custom-content{position:relative;display:flex;align-items:center;gap:var(--s-4);z-index:1}.featured-custom-icon{width:50px;height:50px;border-radius:var(--r-lg);background:var(--timber-mid);border:1.5px solid var(--chalk);display:flex;align-items:center;justify-content:center;color:var(--chalk);flex-shrink:0}.featured-custom-text{flex:1;min-width:0}.featured-custom-text h3{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--surface);letter-spacing:-.2px;margin-bottom:var(--s-1)}.featured-custom-text p{font-size:var(--t-xs);color:var(--timber-soft);line-height:var(--lh-snug)}.featured-custom-arrow{width:36px;height:36px;border-radius:var(--r-full);background:var(--chalk);display:flex;align-items:center;justify-content:center;color:var(--timber-deep);flex-shrink:0;box-shadow:var(--shadow-rest)}.category-browse{padding-bottom:var(--s-3)}.category-section{margin-bottom:var(--s-5)}.category-header{display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-4) var(--s-3)}.category-emoji{font-size:var(--t-md);line-height:var(--lh-tight)}.category-title{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.2px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);padding:0 var(--s-4) var(--s-1)}.category-grid>.template-card-grid:only-child{grid-column:1 / -1}.category-coming-soon{display:flex;align-items:center;justify-content:center;min-height:var(--s-10);border-radius:var(--r-lg);border:1px dashed var(--pencil-200);color:var(--pencil-500);font-size:var(--t-xs);font-weight:var(--w-semi);letter-spacing:.03em;grid-column:1 / -1;padding:var(--s-5)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);padding:0 var(--s-4) var(--s-2)}.template-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-4);min-height:44px;padding:var(--s-4);background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);box-shadow:var(--shadow-rest);cursor:pointer;text-align:left;transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),background var(--dur-base) var(--ease);animation:fadeUp var(--dur-slow) var(--ease) both}.template-card:hover:not(:disabled){border-color:var(--pencil-300);box-shadow:var(--shadow-raised)}.template-card:active:not(:disabled){background:var(--pencil-100);box-shadow:var(--shadow-rest)}.template-card:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.template-card:disabled{opacity:.45;cursor:not-allowed}.template-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-2)}.template-card-icon{color:var(--pencil-500);flex-shrink:0}.template-difficulty{padding:var(--s-1) var(--s-2);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:var(--w-semi);text-transform:uppercase;letter-spacing:.06em}.template-difficulty-beginner{background:var(--timber-soft);color:var(--timber)}.template-difficulty-intermediate{background:var(--cedar-soft);color:var(--cedar-deep)}.template-difficulty-advanced{background:var(--danger-soft);color:var(--danger-deep)}.template-card-bottom h3{font-family:var(--font-display);font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900);line-height:var(--lh-tight)}.template-card-bottom p{font-size:var(--t-sm);font-weight:var(--w-normal);color:var(--pencil-500);line-height:var(--lh-snug);margin-top:var(--s-1)}.template-time{display:inline-block;margin-top:var(--s-2);font-size:var(--t-xs);color:var(--pencil-500);font-weight:var(--w-medium);font-variant-numeric:tabular-nums}.template-card-custom{background:var(--surface)!important;border:2px dashed var(--pencil-300);box-shadow:none;height:180px}.template-card-custom:hover{border-color:var(--chalk);box-shadow:var(--shadow-raised)}.template-custom-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-4);gap:var(--s-2);text-align:center}.template-custom-icon{width:52px;height:52px;border-radius:var(--r-lg);background:var(--timber);display:flex;align-items:center;justify-content:center;color:var(--chalk);margin-bottom:var(--s-1);box-shadow:var(--shadow-raised)}.template-custom-inner h3{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900)}.template-custom-inner p{font-size:var(--t-xs);color:var(--pencil-500);line-height:var(--lh-snug)}.template-custom-cta{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--timber);margin-top:var(--s-1)}.measure-page{padding:var(--s-4) var(--s-5) var(--s-5)}.back-link{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);margin-bottom:var(--s-5);cursor:pointer;transition:color var(--dur-fast)}.back-link:hover{color:var(--pencil-900)}.measure-hero{margin-bottom:var(--s-5);text-align:center}.measure-hero-icon{font-size:var(--t-2xl);margin-bottom:var(--s-3)}.measure-hero h1{font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.4px}.measure-hero p{color:var(--pencil-500);font-size:var(--t-sm);margin-top:var(--s-2)}.measure-hero-card{border-radius:var(--r-lg);padding:var(--s-5);display:flex;align-items:center;gap:var(--s-4);background:var(--surface);border:1px solid var(--pencil-200);box-shadow:var(--shadow-rest)}.measure-hero-card-icon{color:var(--pencil-500);flex-shrink:0}.measure-hero-card h2{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900)}.measure-hero-card p{font-size:var(--t-sm);color:var(--pencil-500);margin-top:var(--s-1)}.measure-card{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-raised);display:flex;flex-direction:column;gap:var(--s-4)}.measure-card-header{display:flex;align-items:center;gap:var(--s-2);font-weight:var(--w-bold);color:var(--timber);font-size:var(--t-sm);padding-bottom:var(--s-1);border-bottom:2px solid var(--pencil-200)}.measure-no-dims{display:flex;flex-direction:column;gap:var(--s-4)}.measure-no-dims-note{margin:0;color:var(--pencil-500);font-size:var(--t-sm);line-height:var(--lh-body)}.measure-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.measure-fields .form-group:only-child,.measure-fields .form-group:last-child:nth-child(odd){grid-column:1 / -1}.measure-fields-stack{display:flex;flex-direction:column;gap:var(--s-4)}.unit-toggle-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--s-1)}.unit-toggle-label{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-500);text-transform:uppercase;letter-spacing:.06em}.unit-toggle{display:flex;background:var(--pencil-100);border-radius:var(--r-md);padding:var(--s-1);gap:var(--s-1)}.unit-toggle-btn{padding:var(--s-2) var(--s-4);border-radius:var(--r-md);border:none;background:transparent;font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-500);cursor:pointer;transition:all var(--dur-fast) var(--ease);display:flex;align-items:center;gap:var(--s-1);white-space:nowrap}.unit-toggle-btn.active{background:var(--surface);color:var(--timber);box-shadow:var(--shadow-rest)}.unit-sub{font-size:var(--t-xs);font-weight:var(--w-semi);opacity:.7}.measure-cta{width:100%;padding:var(--s-4);font-size:var(--t-base);font-weight:var(--w-bold);border-radius:var(--r-lg)}.gen-screen{min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--s-6) var(--s-5)}.gen-blob{position:absolute;width:500px;height:500px;border-radius:var(--r-full);background:transparent;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 3s var(--ease) infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@keyframes pulse-logo{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.gen-content{text-align:center;max-width:380px;position:relative;z-index:1}.gen-logo{width:150px;height:150px;border-radius:var(--r-full);display:block;margin:0 auto var(--s-6);animation:pulse-logo 3s var(--ease) infinite}.gen-content h2{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.4px;margin-bottom:var(--s-3)}.gen-content p{color:var(--pencil-500);font-size:var(--t-sm);line-height:var(--lh-body);margin-bottom:var(--s-6)}.gen-steps-list{display:flex;flex-direction:column;gap:var(--s-3);text-align:left;background:var(--surface);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-rest)}.gen-step-item{font-size:var(--t-sm);color:var(--timber);font-weight:var(--w-semi);display:flex;align-items:center;gap:var(--s-2);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.gen-step-idle{opacity:.4}.gen-step-active{opacity:1;transform:translate(2px);color:var(--timber)}.gen-step-active:after{content:"";width:6px;height:6px;border-radius:var(--r-full);background:var(--chalk);margin-left:var(--s-1);animation:pulse-dot 1s var(--ease) infinite}.gen-timer{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-700);background:var(--pencil-100);border-radius:var(--r-full);padding:var(--s-2) var(--s-4);margin:0 auto var(--s-5);font-variant-numeric:tabular-nums}.gen-timer-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--chalk);animation:pulse-dot 1s var(--ease) infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.gen-reassure{margin-top:var(--s-4);font-size:var(--t-xs)!important;color:var(--pencil-500);line-height:var(--lh-body);animation:fadeUp var(--dur-slow) var(--ease) both}.photo-upload-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:2px dashed var(--pencil-300);border-radius:var(--r-md, 12px);background:var(--pencil-100);color:var(--pencil-700);font-size:var(--t-sm);font-weight:var(--w-bold);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.photo-upload-btn:hover:not(:disabled){border-color:var(--chalk);color:var(--timber);background:var(--timber-soft)}.photo-upload-btn:disabled{cursor:default;opacity:.85}.photo-upload-btn .photo-lock{color:var(--pencil-500)}.photo-upload-hint{font-size:var(--t-xs);color:var(--pencil-500);line-height:var(--lh-snug);text-align:center;margin:var(--s-2) var(--s-1) var(--s-1)}.photo-error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger-deep);border-radius:var(--r-md, 12px);padding:var(--s-3) var(--s-4);font-size:var(--t-sm);line-height:var(--lh-snug);margin:var(--s-2) 0 var(--s-1)}.photo-gen-note{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--timber);background:var(--timber-soft);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);margin-bottom:var(--s-2)}.measure-nudge{font-size:var(--t-xs);color:var(--pencil-700);line-height:var(--lh-snug);background:var(--pencil-100);border-radius:var(--r-md, 12px);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-4)}.photo-observation{background:var(--pencil-100);color:var(--pencil-700);font-style:italic;font-size:var(--t-sm)}.field-context-hint{display:block;font-size:var(--t-xs);color:var(--pencil-500);margin-top:var(--s-1);padding-left:var(--s-1)}.mybuilds-section{padding:0 0 var(--s-2);margin-bottom:var(--s-1)}.mybuilds-label{text-align:center;margin:var(--s-1) 0 var(--s-3);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber);letter-spacing:-.2px}.mybuilds-nav{display:flex;gap:var(--s-2);padding:0 var(--s-5) var(--s-4)}.mybuilds-navbtn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--s-3) var(--s-2);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:var(--w-bold);white-space:nowrap;color:var(--pencil-700);background:var(--surface);border:2px solid var(--pencil-200);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast);font-family:inherit}.mybuilds-navbtn:hover{border-color:var(--chalk);color:var(--timber)}.mybuilds-navbtn:active{transform:scale(.97)}.mybuilds-screen-wrap{overflow:hidden}.mybuilds-screen{animation:mybuildsSlideIn var(--dur-slow) var(--ease) both;min-height:55vh}@keyframes mybuildsSlideIn{0%{transform:translate(100%)}to{transform:none}}.mybuilds-screen-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-4)}.mybuilds-back{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-full);color:var(--pencil-700);background:var(--surface);border:2px solid var(--pencil-200);flex-shrink:0;transition:border-color var(--dur-fast),color var(--dur-fast)}.mybuilds-back:hover{border-color:var(--chalk);color:var(--timber)}.mybuilds-back:active{transform:scale(.94)}.mybuilds-screen-title{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.3px}.mybuilds-screen-body{padding:var(--s-1) var(--s-4) var(--s-5)}.mybuilds-loading{display:flex;justify-content:center;padding:var(--s-6) 0}.mybuilds-empty{padding:var(--s-5) var(--s-4);text-align:center;color:var(--pencil-500);font-size:var(--t-sm)}.mybuilds-list{display:flex;flex-direction:column;gap:var(--s-3)}.mybuilds-saved-section{margin-bottom:var(--s-5)}.mybuilds-section-label{font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--pencil-500);margin:var(--s-1) var(--s-1) var(--s-3)}.mybuild-card{display:flex;align-items:stretch;overflow:hidden;transition:box-shadow var(--dur-fast)}.mybuild-card:hover{box-shadow:var(--shadow-raised)}.mybuild-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-3);text-align:left;padding:var(--s-4) var(--s-4);background:none;cursor:pointer;transition:background var(--dur-fast)}.mybuild-card-main:hover{background:var(--pencil-100)}.mybuild-card-delete{display:flex;align-items:center;justify-content:center;padding:0 var(--s-4);flex-shrink:0;color:var(--pencil-500);border-left:1px solid var(--pencil-200);background:none;cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast)}.mybuild-card-delete:hover{color:var(--danger);background:var(--pencil-100)}.mybuilds-select-btn{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--timber);font-weight:var(--w-bold);font-size:var(--t-sm);padding:var(--s-2) var(--s-3)}.mybuild-card-selected{outline:2px solid var(--timber);outline-offset:-2px}.mybuild-check{width:22px;height:22px;border-radius:var(--r-full);border:2px solid var(--pencil-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--s-3);color:var(--surface)}.mybuild-check.checked{background:var(--timber);border-color:var(--timber)}.mybuilds-bulk-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border-top:1px solid var(--pencil-200)}.mybuilds-bulk-count{font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--pencil-700)}.mybuilds-bulk-delete{background:var(--danger);color:var(--surface);border-radius:var(--r-md);min-height:44px}.mybuilds-bulk-delete:hover:not(:disabled){background:var(--danger-deep)}.mybuilds-bulk-delete:active:not(:disabled){background:var(--danger-deep);box-shadow:var(--shadow-rest)}.mybuilds-bulk-delete:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.mybuilds-bulk-delete:disabled{opacity:.45;cursor:not-allowed}.mybuilds-bulk-actions{display:flex;align-items:center;gap:var(--s-2)}.mybuilds-bulk-move{background:var(--surface);border:1px solid var(--pencil-300);border-radius:var(--r-md);padding:var(--s-2) var(--s-4);font-weight:var(--w-semi);font-size:var(--t-sm);color:var(--timber);cursor:pointer;min-height:44px}.mybuilds-bulk-move:hover:not(:disabled){border-color:var(--timber);background:var(--pencil-100)}.mybuilds-bulk-move:active:not(:disabled){background:var(--pencil-200)}.mybuilds-bulk-move:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.mybuilds-bulk-move:disabled{opacity:.45;cursor:not-allowed}.mybuild-info{flex:1;min-width:0}.mybuild-title{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--timber);line-height:var(--lh-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mybuild-meta{margin-top:var(--s-1);font-size:var(--t-xs);color:var(--pencil-500)}.mybuild-badge{margin-top:var(--s-2)}.mybuild-progress{margin-top:var(--s-3);display:flex;align-items:center;gap:var(--s-3)}.mybuild-progress-track{flex:1;height:6px;background:var(--pencil-200);border-radius:var(--r-full);overflow:hidden}.mybuild-progress-fill{height:100%;background:var(--chalk);border-radius:var(--r-full);transition:width var(--dur-slow) var(--ease)}.mybuild-progress-label{flex-shrink:0;white-space:nowrap;font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-500)}.mybuild-chevron{flex-shrink:0;color:var(--pencil-500)}.mybuild-del-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--s-5);background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mybuild-del-modal{position:relative;width:100%;max-width:380px;padding:var(--s-5) var(--s-5) var(--s-5);box-shadow:var(--shadow-overlay)}.mybuild-del-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--pencil-500);background:var(--pencil-100)}.mybuild-del-close:hover{background:var(--pencil-200);color:var(--pencil-700)}.mybuild-del-title{margin-bottom:var(--s-2);padding-right:var(--s-6);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber)}.mybuild-del-text{margin-bottom:var(--s-4);font-size:var(--t-sm);line-height:var(--lh-snug);color:var(--pencil-700)}.mybuild-del-error{margin:-8px 0 var(--s-4);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--danger)}.mybuild-del-actions{display:flex;flex-direction:column;gap:var(--s-3)}.mybuild-del-actions .btn{width:100%}.mybuild-del-confirm{background:var(--danger);color:var(--surface);box-shadow:var(--shadow-rest)}.mybuild-del-confirm:hover:not(:disabled){filter:brightness(.93);box-shadow:var(--shadow-raised)}.mybuilds-screen-body .masonry-grid{padding:0}.safety-ack-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--s-5)}.safety-ack-modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:480px;max-height:88vh;overflow-y:auto;padding:var(--s-5);box-shadow:var(--shadow-raised)}.safety-ack-head{display:flex;align-items:center;justify-content:space-between}.safety-ack-title{margin:0;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber)}.safety-ack-close{display:inline-flex;color:var(--pencil-500);background:none;padding:var(--s-1);border-radius:var(--r-sm)}.safety-ack-close:hover:not(:disabled){background:var(--pencil-100);color:var(--pencil-700)}.safety-ack-close:disabled{opacity:.5;cursor:default}.safety-ack-intro{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-700);margin:var(--s-2) 0 var(--s-4)}.safety-ack-checks{display:flex;flex-direction:column;gap:var(--s-3)}.safety-ack-check{display:flex;align-items:flex-start;gap:var(--s-3);font-size:var(--t-sm);line-height:var(--lh-snug);color:var(--pencil-900);cursor:pointer}.safety-ack-check input[type=checkbox]{margin-top:var(--s-1);width:18px;height:18px;flex-shrink:0;accent-color:var(--chalk-deep);cursor:pointer}.safety-ack-check a{color:var(--timber);font-weight:var(--w-semi)}.safety-ack-error{margin-top:var(--s-3)}.safety-ack-actions{display:flex;gap:var(--s-3);margin-top:var(--s-4)}.safety-ack-actions .btn{flex:1}.safety-ack-actions .btn-primary:disabled{opacity:.45;cursor:not-allowed}.build-safety-reminder{font-size:var(--t-xs);line-height:var(--lh-snug);color:var(--cedar-deep);background:var(--cedar-soft);border:none;border-left:1px solid var(--cedar);border-radius:0;padding:var(--s-2) var(--s-3);margin:0 0 var(--s-3)}.pastdue-banner{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4) var(--s-4);margin:0 0 var(--s-4);border:1px solid var(--cedar-soft);border-left:4px solid var(--cedar);border-radius:var(--r-md);background:var(--cedar-soft)}.pastdue-icon{color:var(--cedar);flex-shrink:0;margin-top:0;display:flex}.pastdue-copy{flex:1;min-width:0}.pastdue-title{margin:0;font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--cedar);line-height:var(--lh-snug)}.pastdue-text{margin:var(--s-1) 0 0;font-size:var(--t-sm);color:var(--cedar);line-height:var(--lh-snug)}.pastdue-btn{flex-shrink:0;align-self:center;padding:var(--s-2) var(--s-4);border:none;border-radius:var(--r-sm);background:var(--cedar-deep);color:var(--surface);font-size:var(--t-sm);font-weight:var(--w-bold);cursor:pointer;transition:background var(--dur-fast) var(--ease);white-space:nowrap}.pastdue-btn:hover:not(:disabled){background:var(--cedar-deep);box-shadow:var(--shadow-raised)}.pastdue-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}@media (max-width: 560px){.pastdue-banner{flex-wrap:wrap}.pastdue-btn{width:100%;align-self:stretch;margin-top:var(--s-1)}}.feedback-line-wrap{padding:var(--s-1) var(--s-4) var(--s-5);text-align:center}.feedback-line{background:none;border:none;padding:var(--s-2);font-size:var(--t-sm);color:var(--pencil-500);cursor:pointer}.feedback-line-cta{color:var(--timber);font-weight:var(--w-semi);text-decoration:underline}.feedback-line:active{opacity:.6}.back-link:active:not(:disabled){opacity:.85}.back-link:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.back-link:disabled{opacity:.45;cursor:not-allowed}.build-search-clear:active:not(:disabled){opacity:.85}.build-search-clear:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.build-search-clear:disabled{opacity:.45;cursor:not-allowed}.build-search-input:hover:not(:disabled){opacity:.92}.build-search-input:active:not(:disabled){opacity:.85}.build-search-input:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.build-search-input:disabled{opacity:.45;cursor:not-allowed}.featured-custom-card:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.featured-custom-card:disabled{opacity:.45;cursor:not-allowed}.mybuild-card-main:active:not(:disabled){opacity:.85}.mybuild-card-main:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.mybuild-card-main:disabled{opacity:.45;cursor:not-allowed}.mybuild-card-delete:active:not(:disabled){opacity:.85}.mybuild-card-delete:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.mybuild-card-delete:disabled{opacity:.45;cursor:not-allowed}.mybuild-del-close:active:not(:disabled){opacity:.85}.mybuild-del-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.mybuild-del-close:disabled{opacity:.45;cursor:not-allowed}.mybuilds-navbtn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.mybuilds-navbtn:disabled{opacity:.45;cursor:not-allowed}.mybuilds-select-btn:hover:not(:disabled){opacity:.92}.mybuilds-select-btn:active:not(:disabled){opacity:.85}.mybuilds-select-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.mybuilds-select-btn:disabled{opacity:.45;cursor:not-allowed}.pastdue-btn:active:not(:disabled){opacity:.85}.pastdue-btn:disabled{opacity:.45;cursor:not-allowed}.photo-upload-btn:active:not(:disabled){opacity:.85}.photo-upload-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.safety-ack-close:active:not(:disabled){opacity:.85}.safety-ack-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.template-card-custom:active:not(:disabled){opacity:.85}.template-card-custom:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.template-card-custom:disabled{opacity:.45;cursor:not-allowed}.unit-toggle-btn:hover:not(:disabled){opacity:.92}.unit-toggle-btn:active:not(:disabled){opacity:.85}.unit-toggle-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.unit-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.back-link,.build-search-clear,.mybuilds-navbtn,.mybuilds-select-btn,.pastdue-btn,.photo-upload-btn,.safety-ack-close,.mybuild-del-close,.mybuild-card-delete,.gen-cancel-btn,.template-card-custom,.featured-custom-card{min-height:44px}@media (prefers-reduced-motion: reduce){.template-card,.featured-custom-card,.mybuild-card,.mybuild-card-main,.photo-upload-btn,.build-search-input,.back-link,.mybuilds-navbtn,.pastdue-btn{transition:none}.template-card,.category-section,.search-results-wrap,.measure-page,.gen-logo,.gen-blob{animation:none}}.tm-guide{max-width:620px;margin:0 auto;color:var(--pencil-900);line-height:var(--lh-body)}.tm-lead{font-size:var(--t-base);color:var(--pencil-700);margin-bottom:var(--s-5)}.tm-h2{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber);margin:var(--s-5) 0 var(--s-3);letter-spacing:-.01em}.tm-p{margin-bottom:var(--s-3)}.tm-list,.tm-steps{margin:0 0 var(--s-4);padding-left:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}.tm-list li,.tm-steps li{font-size:var(--t-base)}.tm-list{list-style:none;padding-left:var(--s-1)}.tm-list li{position:relative;padding-left:var(--s-4)}.tm-list li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:var(--r-full);background:var(--chalk)}.tm-steps li::marker{color:var(--timber);font-weight:var(--w-bold)}.tm-list strong,.tm-steps strong,.tm-p strong,.tm-lead strong,.tm-answer strong,.tm-outro strong{color:var(--pencil-900)}.tm-tip{display:flex;gap:var(--s-3);align-items:flex-start;background:var(--timber-soft);border:1px solid var(--timber-soft);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:var(--s-4) 0 var(--s-1);font-size:var(--t-sm);color:var(--timber-deep)}.tm-tip-icon{flex-shrink:0;color:var(--chalk-deep);margin-top:0}.tm-svg{display:block;width:100%;height:auto;margin:var(--s-2) 0 var(--s-2);background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-3) var(--s-2);box-shadow:var(--shadow-rest)}.tm-num{font-size:var(--t-md);font-weight:var(--w-bold);fill:var(--timber)}.tm-inch-word{font-size:var(--t-xs);font-weight:var(--w-semi);fill:var(--pencil-300);letter-spacing:.04em}.tm-frac-4{font-size:var(--t-base);font-weight:var(--w-bold);fill:var(--timber)}.tm-frac-8{font-size:var(--t-sm);font-weight:var(--w-bold);fill:var(--timber-mid)}.tm-frac-16{font-size:var(--t-xs);font-weight:var(--w-semi);fill:var(--pencil-300)}.tm-caption{font-size:var(--t-sm);color:var(--pencil-500);text-align:center;margin:var(--s-1) 0 var(--s-2);line-height:var(--lh-snug)}.tm-caption strong{color:var(--timber)}.tm-example{background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-2) var(--s-3) var(--s-3);margin:var(--s-3) 0;box-shadow:var(--shadow-rest)}.tm-mini{display:block;width:100%;height:auto}.tm-num-sm{font-size:var(--t-sm);font-weight:var(--w-bold);fill:var(--timber)}.tm-answer{font-size:var(--t-base);color:var(--pencil-700);margin-top:var(--s-1)}.tm-outro{font-size:var(--t-base);color:var(--pencil-700);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--pencil-200)}.cl-guide{max-width:620px;margin:0 auto;color:var(--pencil-900);line-height:var(--lh-body)}.cl-lead{font-size:var(--t-base);color:var(--pencil-700);margin-bottom:var(--s-5)}.cl-h2{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber);margin:var(--s-5) 0 var(--s-3);letter-spacing:-.01em}.cl-p{margin-bottom:var(--s-3)}.cl-list{margin:0 0 var(--s-4);padding-left:var(--s-1);list-style:none;display:flex;flex-direction:column;gap:var(--s-2)}.cl-list li{position:relative;padding-left:var(--s-4);font-size:var(--t-base)}.cl-list li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:var(--r-full);background:var(--chalk)}.cl-list strong,.cl-p strong,.cl-lead strong,.cl-outro strong,.cl-caption strong{color:var(--pencil-900)}.cl-tip{display:flex;gap:var(--s-3);align-items:flex-start;background:var(--timber-soft);border:1px solid var(--timber-soft);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:var(--s-4) 0 var(--s-1);font-size:var(--t-sm);color:var(--timber-deep)}.cl-tip strong{color:var(--timber-deep)}.cl-tip-icon{flex-shrink:0;color:var(--chalk-deep);margin-top:0}.cl-svg{display:block;width:100%;height:auto;margin:var(--s-2) 0 var(--s-2);background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-3) var(--s-2);box-shadow:var(--shadow-rest)}.cl-face-small{font-size:var(--t-xs);font-weight:var(--w-semi);fill:var(--pencil-500)}.cl-face-name{font-size:var(--t-xl);font-weight:var(--w-bold);fill:var(--timber-deep);letter-spacing:.01em}.cl-dim{font-size:var(--t-sm);font-weight:var(--w-bold);fill:var(--timber)}.cl-diag-note{font-size:var(--t-sm);font-weight:var(--w-semi);fill:var(--pencil-700)}.cl-caption{font-size:var(--t-sm);color:var(--pencil-500);text-align:center;margin:var(--s-1) 0 var(--s-2);line-height:var(--lh-snug)}.cl-caption strong{color:var(--timber)}.cl-table-wrap{background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-rest);margin:var(--s-2) 0 var(--s-2)}.cl-table{width:100%;border-collapse:collapse;font-size:var(--t-base)}.cl-table th{text-align:left;font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.03em;color:var(--timber);background:var(--sawn);padding:var(--s-2) var(--s-4)}.cl-table td{padding:var(--s-2) var(--s-4);border-top:1px solid var(--pencil-200)}.cl-table td:first-child{font-weight:var(--w-bold);color:var(--pencil-900);width:42%}.cl-table td:last-child{color:var(--pencil-700)}.cl-table tbody tr:nth-child(2n){background:var(--pencil-100)}.cl-mat-mock{background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-rest);margin:var(--s-2) 0 var(--s-3)}.cl-mat-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);font-size:var(--t-sm)}.cl-mat-row+.cl-mat-row{border-top:1px solid var(--pencil-200)}.cl-mat-row-hi{background:var(--timber-soft)}.cl-mat-name{flex:1 1 auto;font-weight:var(--w-semi);color:var(--pencil-900)}.cl-mat-qty{flex:0 0 auto;color:var(--pencil-700);font-size:var(--t-sm);white-space:nowrap}.cl-mat-cost{flex:0 0 auto;font-weight:var(--w-bold);color:var(--timber);white-space:nowrap}.cl-mat-cur{font-size:var(--t-xs);font-weight:var(--w-semi);color:var(--pencil-500)}.cl-nowrap{white-space:nowrap}.cl-outro{font-size:var(--t-base);color:var(--pencil-700);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--pencil-200)}.tg-guide{max-width:620px;margin:0 auto;color:var(--pencil-900);line-height:var(--lh-body)}.tg-lead{font-size:var(--t-base);color:var(--pencil-700);margin-bottom:var(--s-4)}.tg-tip{display:flex;gap:var(--s-3);align-items:flex-start;background:var(--timber-soft);border:1px solid var(--timber-soft);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:0 0 var(--s-2);font-size:var(--t-sm);color:var(--timber-deep)}.tg-tip strong{color:var(--timber-deep)}.tg-tip-icon{flex-shrink:0;color:var(--chalk-deep);margin-top:0}.tg-group{margin-top:var(--s-5)}.tg-h2{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber);margin:0 0 var(--s-3);letter-spacing:-.01em}.tg-cards{display:flex;flex-direction:column;gap:var(--s-2)}.tg-card{display:flex;align-items:flex-start;gap:var(--s-3);background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-rest)}.tg-card-ico{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-md);background:var(--sawn);color:var(--timber)}.tg-ico{width:26px;height:26px;display:block}.tg-card-text{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.tg-card-name{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900)}.tg-card-desc{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-body)}.tg-outro{font-size:var(--t-base);color:var(--pencil-700);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--pencil-200)}.tg-outro strong{color:var(--pencil-900)}.lv-guide{max-width:620px;margin:0 auto;color:var(--pencil-900);line-height:var(--lh-body)}.lv-lead{font-size:var(--t-base);color:var(--pencil-700);margin-bottom:var(--s-5)}.lv-h2{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber);margin:var(--s-5) 0 var(--s-3);letter-spacing:-.01em}.lv-p{margin-bottom:var(--s-3)}.lv-p strong,.lv-lead strong,.lv-caption strong,.lv-outro strong,.lv-steps strong{color:var(--pencil-900)}.lv-steps{margin:0 0 var(--s-4);padding-left:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}.lv-steps li{font-size:var(--t-base)}.lv-steps li::marker{color:var(--timber);font-weight:var(--w-bold)}.lv-tip{display:flex;gap:var(--s-3);align-items:flex-start;background:var(--timber-soft);border:1px solid var(--timber-soft);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:var(--s-4) 0 var(--s-1);font-size:var(--t-sm);color:var(--timber-deep)}.lv-tip strong{color:var(--timber-deep)}.lv-tip-icon{flex-shrink:0;color:var(--chalk-deep);margin-top:0}.lv-states{display:flex;flex-direction:column;gap:var(--s-3);background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-rest);margin:var(--s-2) 0 var(--s-2)}.lv-state{display:flex;flex-direction:column;gap:var(--s-2)}.lv-vial{display:block;width:100%;height:auto}.lv-vial-hi{font-size:var(--t-xs);font-weight:var(--w-semi);fill:var(--pencil-500)}.lv-state-cap{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);font-weight:var(--w-bold)}.lv-state-cap.is-good{color:var(--timber)}.lv-state-cap.is-good svg{color:var(--chalk-deep)}.lv-state-cap.is-bad{color:var(--pencil-500)}.lv-caption{font-size:var(--t-sm);color:var(--pencil-500);text-align:center;margin:var(--s-1) 0 var(--s-2);line-height:var(--lh-snug)}.lv-caption strong{color:var(--timber)}.lv-vp{display:flex;gap:var(--s-3);margin:var(--s-2) 0 var(--s-1)}.lv-vp-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-1);background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-3) var(--s-3) var(--s-4);box-shadow:var(--shadow-rest)}.lv-mini{display:block;height:78px;width:auto}.lv-vp-name{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--timber);margin-top:var(--s-1)}.lv-vp-desc{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-snug)}.lv-shim{display:block;width:100%;height:auto;background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-2) var(--s-2);box-shadow:var(--shadow-rest);margin:var(--s-2) 0 var(--s-2)}.lv-shim-lbl{font-size:var(--t-xs);font-weight:var(--w-bold);fill:var(--timber)}.lv-outro{font-size:var(--t-base);color:var(--pencil-700);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--pencil-200)}.learn-entry-wrap{padding:var(--s-4) var(--s-4) var(--s-5)}.learn-entry{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-4) var(--s-4);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-rest);text-align:left;transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.learn-entry:hover{transform:translateY(-1px);box-shadow:var(--shadow-rest)}.learn-entry:active{transform:scale(.99)}.learn-entry-icon{flex-shrink:0;width:38px;height:38px;border-radius:var(--r-md);background:var(--timber-soft);color:var(--timber);display:flex;align-items:center;justify-content:center}.learn-entry-text{flex:1;display:flex;flex-direction:column;gap:0}.learn-entry-title{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900)}.learn-entry-sub{font-size:var(--t-xs);color:var(--pencil-500)}.learn-entry-chevron{color:var(--pencil-500);flex-shrink:0}.learn-overlay{position:fixed;top:0;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-bottom));z-index:900;background:var(--sawn);display:flex;flex-direction:column;animation:fadeIn var(--dur-base) var(--ease) both}.learn-head{flex-shrink:0;display:flex;align-items:center;gap:var(--s-2);padding:calc(var(--safe-top) + var(--s-3)) var(--s-3) var(--s-3);background:var(--surface);border-bottom:1px solid var(--pencil-200)}.learn-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-full);color:var(--pencil-700);flex-shrink:0}.learn-back:hover{background:var(--pencil-100)}.learn-head-title{flex:1;text-align:center;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900)}.learn-head-spacer{width:40px;flex-shrink:0}.learn-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--s-4) var(--s-4) var(--s-6)}.learn-intro{color:var(--pencil-500);font-size:var(--t-base);margin-bottom:var(--s-4);text-align:center}.learn-list{display:flex;flex-direction:column;gap:var(--s-3);max-width:560px;margin:0 auto}.learn-card{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-rest);text-align:left;transition:transform var(--dur-fast),box-shadow var(--dur-fast)}.learn-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised)}.learn-card:active{transform:scale(.99)}.learn-card-icon{flex-shrink:0;width:46px;height:46px;border-radius:var(--r-md);background:var(--timber-soft);color:var(--timber);display:flex;align-items:center;justify-content:center}.learn-card-text{flex:1;display:flex;flex-direction:column;gap:var(--s-1)}.learn-card-title{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900)}.learn-card-desc{font-size:var(--t-sm);color:var(--pencil-500);line-height:var(--lh-snug)}.learn-card-chevron{color:var(--pencil-500);flex-shrink:0}.learn-card{min-height:44px}.learn-card:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.learn-card:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.learn-card{transition:none}.learn-overlay,.learn-sheet{animation:none}}.stair-entry-wrap{padding:0 var(--s-4) var(--s-5)}.sc-overlay{position:fixed;top:0;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-bottom));z-index:900;background:var(--sawn);display:flex;flex-direction:column;animation:fadeIn var(--dur-base) var(--ease) both}.sc-head{flex-shrink:0;display:flex;align-items:center;gap:var(--s-2);padding:calc(var(--safe-top) + var(--s-3)) var(--s-3) var(--s-3);background:var(--surface);border-bottom:1px solid var(--pencil-200)}.sc-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-full);color:var(--pencil-700);background:transparent}.sc-back:active{background:var(--pencil-100)}.sc-head-title{flex:1;font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900);text-align:center}.sc-head-spacer{width:40px}.sc-body{flex:1;overflow-y:auto;padding:var(--s-4) var(--s-4) var(--s-8)}.sc-input,.sc-summary{max-width:620px;margin:0 auto}.sc-intro{font-size:var(--t-base);color:var(--pencil-700);margin-bottom:var(--s-5);line-height:var(--lh-body)}.sc-field{margin-bottom:var(--s-5)}.sc-label{display:block;font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900);margin-bottom:var(--s-2)}.sc-req{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--timber);background:var(--timber-soft);padding:var(--s-1) var(--s-2);border-radius:var(--r-full);margin-left:var(--s-2);text-transform:uppercase;letter-spacing:.03em}.sc-opt{font-size:var(--t-xs);font-weight:var(--w-semi);color:var(--pencil-500);margin-left:var(--s-2);text-transform:uppercase;letter-spacing:.03em}.sc-guide{display:flex;gap:var(--s-2);align-items:flex-start;background:var(--timber-soft);border:1px solid var(--timber-soft);border-radius:var(--r-md);padding:var(--s-3) var(--s-3);margin-bottom:var(--s-3);font-size:var(--t-sm);color:var(--timber-deep);line-height:var(--lh-snug)}.sc-guide-icon{flex-shrink:0;color:var(--chalk-deep);margin-top:0}.sc-rise-inputs{display:flex;gap:var(--s-3)}.sc-num{display:flex;align-items:center;gap:var(--s-2);background:var(--surface);border:1.5px solid var(--pencil-200);border-radius:var(--r-md);padding:0 var(--s-3);flex:1}.sc-num:focus-within{border-color:var(--timber-mid)}.sc-num input{flex:1;width:100%;border:none;outline:none;background:transparent;font-size:var(--t-md);font-weight:var(--w-semi);color:var(--pencil-900);padding:var(--s-3) 0}.sc-num .sc-unit{font-size:var(--t-sm);color:var(--pencil-500);font-weight:var(--w-semi)}.sc-num-wide{max-width:160px}.sc-hint{font-size:var(--t-sm);color:var(--pencil-500);margin-top:var(--s-2);line-height:var(--lh-snug)}.sc-seg{display:flex;gap:var(--s-2)}.sc-seg-btn{flex:1;padding:var(--s-3);border-radius:var(--r-md);border:1.5px solid var(--pencil-200);background:var(--surface);font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-700)}.sc-seg-btn.active{border-color:var(--timber);background:var(--timber-soft);color:var(--timber)}.sc-error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger-deep);border-radius:var(--r-md);padding:var(--s-3) var(--s-3);font-size:var(--t-sm);margin-bottom:var(--s-4)}.sc-calc-btn{width:100%;padding:var(--s-4);border-radius:var(--r-lg);background:var(--timber);color:var(--surface);font-size:var(--t-base);font-weight:var(--w-bold);box-shadow:var(--shadow-rest);transition:opacity var(--dur-fast),transform var(--dur-fast)}.sc-calc-btn:active{transform:scale(.99)}.sc-calc-btn:disabled{opacity:.45}.sc-result-card{background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-4) var(--s-4);box-shadow:var(--shadow-rest);margin-bottom:var(--s-4)}.sc-result-lead{font-size:var(--t-md);color:var(--pencil-900);line-height:var(--lh-body);margin-bottom:var(--s-3)}.sc-result-p{font-size:var(--t-base);color:var(--pencil-700);line-height:var(--lh-body)}.sc-result-lead strong,.sc-result-p strong{color:var(--timber)}.sc-diagram{display:block;width:100%;height:auto;max-width:460px;margin:var(--s-1) auto var(--s-1);background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);padding:var(--s-3);box-shadow:var(--shadow-rest)}.sc-diagram-note{text-align:center;color:var(--pencil-500);font-size:var(--t-sm);padding:var(--s-5)}.sc-dg-lbl{font-size:var(--t-xs);font-weight:var(--w-bold);fill:var(--timber)}.sc-dg-dim{font-size:var(--t-xs);font-weight:var(--w-semi);fill:var(--pencil-500)}.sc-dg-ang{font-size:var(--t-xs);font-weight:var(--w-bold);fill:var(--timber)}.sc-diagram-cap{text-align:center;font-size:var(--t-sm);color:var(--pencil-500);margin:var(--s-1) 0 var(--s-2)}.sc-hint-top{margin:-4px 0 var(--s-2)}.sc-runstat{display:flex;flex-direction:column;gap:var(--s-1);background:var(--timber-soft);border:1px solid var(--timber-soft);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-4)}.sc-runstat-label{font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--timber)}.sc-runstat-val{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900)}.sc-runstat-sub{font-size:var(--t-base);font-weight:var(--w-semi);color:var(--pencil-500)}.sc-runstat-note{font-size:var(--t-xs);color:var(--pencil-500)}.sc-note{display:flex;gap:var(--s-2);align-items:flex-start;border-radius:var(--r-md);padding:var(--s-3) var(--s-4);margin:var(--s-3) 0 0;font-size:var(--t-sm);line-height:var(--lh-snug)}.sc-note svg{flex-shrink:0;margin-top:0}.sc-note-in-range{background:var(--timber-soft);border:1px solid var(--timber-soft);color:var(--timber-deep)}.sc-note-in-range svg{color:var(--chalk-deep)}.sc-note-steeper,.sc-note-gentler,.sc-note-space,.sc-note-single-step{background:var(--pencil-100);border:1px solid var(--pencil-200);color:var(--pencil-700)}.sc-note-steeper svg,.sc-note-gentler svg,.sc-note-space svg,.sc-note-single-step svg{color:var(--pencil-500)}.sc-h2{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber);margin:var(--s-5) 0 var(--s-3);letter-spacing:-.01em}.sc-compliance{border-radius:var(--r-lg);padding:var(--s-4) var(--s-4);border:1px solid var(--pencil-200);background:var(--surface);box-shadow:var(--shadow-rest)}.sc-compliance.is-ok{border-color:var(--timber-soft)}.sc-compliance.is-bad{border-color:var(--lumber)}.sc-comp-badge{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-base);font-weight:var(--w-bold);margin-bottom:var(--s-3)}.sc-compliance.is-ok .sc-comp-badge{color:var(--timber)}.sc-compliance.is-bad .sc-comp-badge{color:var(--cedar-deep)}.sc-checks{list-style:none;display:flex;flex-direction:column;gap:var(--s-2)}.sc-checks li{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--pencil-900)}.sc-checks li em{color:var(--pencil-500);font-style:normal;font-size:var(--t-sm)}.sc-checks li.ok svg{color:var(--chalk-deep);flex-shrink:0}.sc-checks li.bad svg{color:var(--danger);flex-shrink:0}.sc-checks li.bad{color:var(--danger-deep)}.sc-checks li.info svg{color:var(--pencil-500);flex-shrink:0}.sc-comp-extra{font-size:var(--t-sm);color:var(--timber-deep);margin-top:var(--s-3);padding-left:var(--s-1)}.sc-warnings{margin-top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.sc-warn{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--t-sm);color:var(--cedar-deep);background:var(--cedar-soft);border:1px solid var(--lumber);border-radius:var(--r-md);padding:var(--s-2) var(--s-3)}.sc-warn svg{flex-shrink:0;margin-top:var(--s-1);color:var(--cedar)}.sc-terms{display:flex;flex-direction:column;gap:var(--s-3)}.sc-term{background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-rest)}.sc-term dt{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--timber);margin-bottom:var(--s-1)}.sc-term dd{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-snug)}.sc-safety{background:var(--cedar-soft);border:1.5px solid var(--lumber);border-radius:var(--r-lg);padding:var(--s-4) var(--s-4);margin:var(--s-5) 0 var(--s-2)}.sc-safety-head{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-base);font-weight:var(--w-bold);color:var(--cedar-deep);margin-bottom:var(--s-3)}.sc-safety ul{margin:0 0 var(--s-3);padding-left:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2)}.sc-safety li{font-size:var(--t-sm);color:var(--pencil-900);line-height:var(--lh-snug)}.sc-safety strong{color:var(--pencil-900)}.sc-disclaimer{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-body);border-top:1px solid var(--lumber);padding-top:var(--s-3)}.sc-build-btn{width:100%;margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:var(--timber);color:var(--surface);font-size:var(--t-base);font-weight:var(--w-bold);display:flex;align-items:center;justify-content:center;gap:var(--s-2);box-shadow:var(--shadow-rest)}.sc-build-btn:active{transform:scale(.99)}.sc-build-note{font-size:var(--t-sm);color:var(--timber-deep);background:var(--timber-soft);border-radius:var(--r-md);padding:var(--s-3) var(--s-3);margin-top:var(--s-2);text-align:center;line-height:var(--lh-snug)}.sc-recalc{display:block;margin:var(--s-4) auto 0;color:var(--pencil-500);font-size:var(--t-sm);font-weight:var(--w-semi);padding:var(--s-2);background:transparent}.sc-calc-btn:hover:not(:disabled){opacity:.92}.sc-calc-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.sc-build-btn:hover:not(:disabled){opacity:.92}.sc-build-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.sc-build-btn:disabled{opacity:.45;cursor:not-allowed}.sc-recalc:hover:not(:disabled){opacity:.92}.sc-recalc:active:not(:disabled){opacity:.85}.sc-recalc:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.sc-recalc:disabled{opacity:.45;cursor:not-allowed}.sc-seg-btn:hover:not(:disabled){opacity:.92}.sc-seg-btn:active:not(:disabled){opacity:.85}.sc-seg-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.sc-seg-btn:disabled{opacity:.45;cursor:not-allowed}.sc-input:hover:not(:disabled){opacity:.92}.sc-input:active:not(:disabled){opacity:.85}.sc-input:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.sc-input:disabled{opacity:.45;cursor:not-allowed}.sc-calc-btn,.sc-build-btn,.sc-recalc,.sc-seg-btn,.sc-input{min-height:44px}.community-tab{padding:0 0 var(--s-5)}.community-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--s-5) var(--s-5) var(--s-3)}.community-header-left{display:flex;align-items:center;gap:var(--s-3)}.community-header h1{font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.5px}.community-header p{color:var(--pencil-500);font-size:var(--t-sm);margin-top:var(--s-1)}.community-share-btn{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);background:var(--timber);color:var(--chalk);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-raised);cursor:pointer;border:none;font-family:inherit;transition:all var(--dur-fast) var(--ease)}.community-share-btn:hover{transform:scale(1.06);box-shadow:var(--shadow-overlay)}.community-header-actions{display:flex;align-items:center;gap:var(--s-3)}.community-discover-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-lg);background:var(--surface);color:var(--pencil-700);border:2px solid var(--pencil-200);cursor:pointer;flex-shrink:0;transition:border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease)}.community-discover-btn:hover{border-color:var(--chalk);color:var(--timber);transform:scale(1.06)}.community-discover-btn:active{transform:scale(.96)}.community-filters{display:flex;gap:var(--s-2);padding:0 var(--s-5) var(--s-4)}.community-filter{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);background:var(--surface);border:2px solid var(--pencil-200);cursor:pointer;transition:all var(--dur-fast);font-family:inherit}.community-filter:hover{border-color:var(--chalk);color:var(--timber)}.community-filter.active{background:var(--timber);color:var(--chalk);border-color:var(--timber)}.masonry-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);padding:0 var(--s-3)}.masonry-col{display:flex;flex-direction:column;gap:var(--s-3)}.masonry-card{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-rest);transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease);animation:fadeUp var(--dur-slow) var(--ease) both}.masonry-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-raised)}.masonry-card:active{transform:scale(.97)}.masonry-photo-wrap{position:relative;width:100%;overflow:hidden}.masonry-photo{width:100%;height:auto;display:block;min-height:120px;max-height:280px;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.masonry-card:hover .masonry-photo{transform:scale(1.03)}.masonry-photo-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--scrim-soft),transparent);pointer-events:none}.masonry-badge-row{position:absolute;bottom:var(--s-2);left:var(--s-2)}.masonry-type-badge{font-size:var(--t-xs);padding:var(--s-1) var(--s-2);background:var(--veil);color:var(--timber)}.masonry-no-photo{height:120px;background:var(--pencil-100);display:flex;align-items:center;justify-content:center;font-size:var(--t-2xl)}.masonry-card-body{padding:var(--s-3) var(--s-3) var(--s-3)}.masonry-author-row{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-1)}.community-avatar{background:var(--timber);color:var(--chalk);font-weight:var(--w-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.masonry-username{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-500)}.masonry-date{font-size:var(--t-xs);color:var(--pencil-500);white-space:nowrap}.masonry-date:before{content:"·";margin-right:var(--s-1)}.masonry-title{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-900);line-height:var(--lh-snug);margin-bottom:var(--s-2)}.masonry-stats{display:flex;gap:var(--s-3)}.masonry-stat{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);color:var(--pencil-500);font-weight:var(--w-semi)}.community-feed{max-width:470px;margin:0 auto;display:flex;flex-direction:column;padding:0 var(--s-3)}.feed-post{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-rest);margin-bottom:var(--s-4);overflow:hidden;animation:fadeUp var(--dur-slow) var(--ease) both}.feed-post-header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);cursor:pointer}.feed-post-username{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-900)}.feed-photo-badge{position:absolute;bottom:var(--s-3);left:var(--s-3)}.feed-no-photo{height:220px;background:var(--pencil-100);display:flex;align-items:center;justify-content:center}.carousel{position:relative;width:100%}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel-track::-webkit-scrollbar{display:none}.carousel-photo{flex:0 0 100%;width:100%;height:auto;max-height:600px;object-fit:cover;scroll-snap-align:center;display:block}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:var(--r-full);background:var(--veil);border:none;display:flex;align-items:center;justify-content:center;color:var(--pencil-900);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--dur-fast);box-shadow:var(--shadow-rest)}.carousel:hover .carousel-arrow{opacity:1;pointer-events:auto}.carousel-arrow-left{left:var(--s-2)}.carousel-arrow-right{right:var(--s-2)}.carousel-dots{position:absolute;bottom:var(--s-3);left:50%;transform:translate(-50%);display:flex;gap:var(--s-1);pointer-events:none}.carousel-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--veil);transition:background var(--dur-fast)}.carousel-dot.active{background:var(--surface)}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--scrim-deep);display:flex;align-items:center;justify-content:center}.viewer-track{display:flex;width:100vw;height:100vh;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.viewer-track::-webkit-scrollbar{display:none}.viewer-slide{flex:0 0 100vw;height:100vh;display:flex;align-items:center;justify-content:center;scroll-snap-align:center}.viewer-photo{max-width:100vw;max-height:100vh;object-fit:contain}.viewer-close{position:fixed;top:var(--s-4);right:var(--s-4);z-index:1002;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--scrim-soft);border:none;border-radius:var(--r-full);color:var(--surface);cursor:pointer}.viewer-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:1001;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--scrim-soft);border:none;border-radius:var(--r-full);color:var(--surface);cursor:pointer}.viewer-arrow-left{left:var(--s-4)}.viewer-arrow-right{right:var(--s-4)}.viewer-dots{position:fixed;bottom:var(--s-5);left:50%;transform:translate(-50%);z-index:1001;display:flex;gap:var(--s-2)}.viewer-dot{width:7px;height:7px;border-radius:var(--r-full);background:var(--veil)}.viewer-dot.active{background:var(--surface)}.feed-actions{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-2) var(--s-1)}.feed-action{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2);background:none;border:none;cursor:pointer;color:var(--pencil-700);transition:color var(--dur-fast),transform var(--dur-fast);font-size:var(--t-sm);font-weight:var(--w-bold)}.feed-action:hover{color:var(--pencil-900)}button.feed-action:active{transform:scale(.9)}.feed-action-liked{color:var(--danger)}.feed-action-saved{color:var(--timber)}.feed-action-save{margin-left:auto}.feed-comment-count{cursor:default}.feed-comment-num{font-size:var(--t-sm)}.feed-likes{padding:var(--s-1) var(--s-4) var(--s-1);font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-900)}.feed-caption-row{padding:0 var(--s-4) var(--s-1);font-size:var(--t-sm);color:var(--pencil-900);line-height:var(--lh-snug)}.feed-caption-user{font-weight:var(--w-bold);color:var(--pencil-900);cursor:pointer}.feed-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-caption.expanded{display:block;-webkit-line-clamp:unset}.feed-more{background:none;border:none;color:var(--pencil-500);cursor:pointer;font-size:var(--t-sm);font-weight:var(--w-semi);padding:0 0 0 var(--s-1)}.feed-timestamp{padding:var(--s-1) var(--s-4) var(--s-4);font-size:var(--t-xs);color:var(--pencil-500)}.community-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-10) var(--s-6);gap:var(--s-3)}.community-empty-logo{width:70px;height:70px;border-radius:var(--r-full)}.community-empty h3{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900)}.community-empty p{color:var(--pencil-500);font-size:var(--t-sm);max-width:280px}.community-pagination{display:flex;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-5) 0 0;font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--pencil-500)}.post-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:flex-end;padding:0}.post-modal{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:92vh;overflow-y:auto;position:relative}.post-modal-close{position:absolute;top:var(--s-4);right:var(--s-4);width:36px;height:36px;border-radius:var(--r-full);background:var(--pencil-200);display:flex;align-items:center;justify-content:center;color:var(--pencil-700);cursor:pointer;z-index:10;border:none;transition:background var(--dur-fast)}.post-modal-close:hover{background:var(--pencil-200)}.post-modal .carousel-photo{object-fit:contain;max-height:70vh}.post-modal-body{padding:var(--s-5) var(--s-5) var(--s-6)}.post-modal-author{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.post-modal-author{padding-right:var(--s-8)}.carousel+.post-modal-body .post-modal-author{padding-right:0}.post-modal-username{font-weight:var(--w-bold);font-size:var(--t-base);color:var(--pencil-900);display:block}.post-modal-date{font-size:var(--t-xs);color:var(--pencil-500)}.masonry-author-tappable{cursor:pointer;border-radius:var(--r-sm);transition:opacity var(--dur-fast)}.masonry-author-tappable:hover{opacity:.65}.post-modal-author-main{display:flex;align-items:center;gap:var(--s-3)}.post-modal-author-tappable{cursor:pointer;transition:opacity var(--dur-fast)}.post-modal-author-tappable:hover{opacity:.65}.post-modal-author-right{margin-left:auto;display:flex;align-items:center;gap:var(--s-2)}.post-del-trigger{display:flex;align-items:center;padding:var(--s-1);background:none;border:none;cursor:pointer;color:var(--pencil-500);transition:color var(--dur-fast)}.post-del-trigger:hover{color:var(--danger)}.post-del-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:var(--s-5);background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-del-modal{position:relative;width:100%;max-width:380px;padding:var(--s-5) var(--s-5) var(--s-5);box-shadow:var(--shadow-overlay)}.post-del-close{position:absolute;top:var(--s-3);right:var(--s-3);width:30px;height:30px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--pencil-500);background:var(--pencil-100)}.post-del-close:hover{background:var(--pencil-200);color:var(--pencil-700)}.post-del-title{margin-bottom:var(--s-2);padding-right:var(--s-6);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber)}.post-del-text{margin-bottom:var(--s-4);font-size:var(--t-sm);line-height:var(--lh-snug);color:var(--pencil-700)}.post-del-error{margin:-8px 0 var(--s-4);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--danger)}.post-del-actions{display:flex;flex-direction:column;gap:var(--s-3)}.post-del-actions .btn{width:100%}.post-del-confirm{background:var(--danger);color:var(--surface);box-shadow:var(--shadow-rest)}.post-del-confirm:hover:not(:disabled){filter:brightness(.93);box-shadow:var(--shadow-raised)}.report-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--s-2);background:none;border:none;cursor:pointer;color:var(--pencil-500);border-radius:var(--r-sm);transition:color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.report-btn:hover{color:var(--danger);background:var(--pencil-100)}button.report-btn:active{transform:scale(.9)}.report-btn-done{color:var(--pencil-500);cursor:default}.feed-report{margin-left:auto}.modal-report{padding:var(--s-1)}.comment-report{margin-left:auto;align-self:center;padding:var(--s-1);color:var(--pencil-500)}.comment-report:hover{color:var(--danger);background:var(--pencil-100)}.report-reasons{display:flex;flex-direction:column;gap:var(--s-2)}.report-reasons .report-reason-btn{width:100%}.report-cancel-btn{width:100%;margin-top:var(--s-3)}.post-modal-title{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900);line-height:var(--lh-tight);margin-bottom:var(--s-3);letter-spacing:-.3px}.post-modal-desc{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-body);margin-bottom:var(--s-4)}.post-modal-actions{display:flex;align-items:center;gap:var(--s-1);border-top:0 solid var(--pencil-200);border-bottom:0 solid var(--pencil-200);padding:var(--s-3) 0;margin-bottom:var(--s-2)}.post-action-btn{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-md);color:var(--pencil-500);font-size:var(--t-sm);font-weight:var(--w-bold);cursor:pointer;transition:all var(--dur-fast)}.post-action-btn:hover{background:var(--pencil-100);color:var(--pencil-900)}.post-action-liked{color:var(--danger)!important}.post-action-saved{color:var(--timber)!important}.modal-comment{display:flex;gap:var(--s-3);align-items:flex-start;margin-bottom:var(--s-3)}.modal-comment-body{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-snug)}.modal-comment-user{font-weight:var(--w-bold);color:var(--pencil-900)}.no-comments-text{font-size:var(--t-sm);color:var(--pencil-500);text-align:center;padding:var(--s-2)}.modal-comment-form{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.modal-comment-input{flex:1;padding:var(--s-3) var(--s-4);font-size:var(--t-sm)}.new-post-modal{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:96vh;overflow-y:auto}.new-post-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5) var(--s-5) var(--s-4);border-bottom:0 solid var(--pencil-200);position:sticky;top:0;background:var(--surface);z-index:10}.new-post-header h2{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900)}.new-post-form{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);padding-bottom:var(--s-8)}.new-post-photo-upload{border:2px dashed var(--pencil-300);border-radius:var(--r-lg);cursor:pointer;transition:border-color var(--dur-fast);overflow:hidden}.new-post-photo-upload:hover{border-color:var(--chalk)}.new-post-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-5);color:var(--pencil-500)}.new-post-upload-icon{width:60px;height:60px;border-radius:var(--r-lg);background:var(--pencil-100);display:flex;align-items:center;justify-content:center;color:var(--pencil-500);margin-bottom:var(--s-1)}.new-post-upload-placeholder p{font-weight:var(--w-bold);font-size:var(--t-sm);color:var(--pencil-700)}.new-post-upload-placeholder span{font-size:var(--t-xs)}.new-post-previews{display:flex;flex-wrap:wrap;gap:var(--s-2);padding:var(--s-3)}.new-post-preview-thumb{width:80px;height:80px;object-fit:cover;border-radius:var(--r-md)}.new-post-preview-cell{position:relative;width:80px;height:80px}.new-post-preview-cell .new-post-preview-thumb{width:100%;height:100%;display:block}.new-post-preview-remove{position:absolute;top:-5px;right:-5px;width:20px;height:20px;padding:0;border:none;border-radius:var(--r-full);background:var(--pencil-900);color:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-rest)}.new-post-preview-remove:hover{background:var(--danger)}.new-post-preview-add{width:80px;height:80px;border-radius:var(--r-md);background:var(--pencil-100);display:flex;align-items:center;justify-content:center;color:var(--pencil-500)}.new-post-submit{width:100%;padding:var(--s-4);font-size:var(--t-base);font-weight:var(--w-bold);border-radius:var(--r-lg)}.community-discover-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.community-discover-btn:disabled{opacity:.45;cursor:not-allowed}.community-share-btn:active:not(:disabled){opacity:.85}.community-share-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.community-share-btn:disabled{opacity:.45;cursor:not-allowed}.masonry-card:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.masonry-card:disabled{opacity:.45;cursor:not-allowed}.feed-action:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.feed-action:disabled{opacity:.45;cursor:not-allowed}.post-action-btn:active:not(:disabled){opacity:.85}.post-action-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.post-action-btn:disabled{opacity:.45;cursor:not-allowed}.post-modal-close:active:not(:disabled){opacity:.85}.post-modal-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.post-modal-close:disabled{opacity:.45;cursor:not-allowed}.post-del-close:active:not(:disabled){opacity:.85}.post-del-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.post-del-close:disabled{opacity:.45;cursor:not-allowed}.report-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.report-btn:disabled{opacity:.45;cursor:not-allowed}.report-cancel-btn:hover:not(:disabled){opacity:.92}.report-cancel-btn:active:not(:disabled){opacity:.85}.report-cancel-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.report-cancel-btn:disabled{opacity:.45;cursor:not-allowed}.comment-report:active:not(:disabled){opacity:.85}.comment-report:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.comment-report:disabled{opacity:.45;cursor:not-allowed}.new-post-photo-upload:active:not(:disabled){opacity:.85}.new-post-photo-upload:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.new-post-photo-upload:disabled{opacity:.45;cursor:not-allowed}.carousel-arrow:hover:not(:disabled){opacity:.92}.carousel-arrow:active:not(:disabled){opacity:.85}.carousel-arrow:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.carousel-arrow:disabled{opacity:.45;cursor:not-allowed}.carousel-dot:hover:not(:disabled){opacity:.92}.carousel-dot:active:not(:disabled){opacity:.85}.carousel-dot:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.carousel-dot:disabled{opacity:.45;cursor:not-allowed}.viewer-close:hover:not(:disabled){opacity:.92}.viewer-close:active:not(:disabled){opacity:.85}.viewer-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.viewer-close:disabled{opacity:.45;cursor:not-allowed}.viewer-arrow:hover:not(:disabled){opacity:.92}.viewer-arrow:active:not(:disabled){opacity:.85}.viewer-arrow:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.viewer-arrow:disabled{opacity:.45;cursor:not-allowed}.modal-comment-input:hover:not(:disabled){opacity:.92}.modal-comment-input:active:not(:disabled){opacity:.85}.modal-comment-input:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.modal-comment-input:disabled{opacity:.45;cursor:not-allowed}.new-post-preview-remove:active:not(:disabled){opacity:.85}.new-post-preview-remove:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.new-post-preview-remove:disabled{opacity:.45;cursor:not-allowed}.community-tab:hover:not(:disabled){opacity:.92}.community-tab:active:not(:disabled){opacity:.85}.community-tab:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.community-tab:disabled{opacity:.45;cursor:not-allowed}.new-post-submit:hover:not(:disabled){opacity:.92}.new-post-submit:active:not(:disabled){opacity:.85}.new-post-submit:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.new-post-submit:disabled{opacity:.45;cursor:not-allowed}.community-discover-btn,.community-share-btn,.post-modal-close,.post-del-close,.report-btn,.report-cancel-btn,.comment-report,.new-post-photo-upload,.carousel-arrow,.viewer-close,.viewer-arrow,.new-post-preview-remove,.feed-action,.post-action-btn,.new-post-submit{min-height:44px}@media (prefers-reduced-motion: reduce){.masonry-card,.feed-action,.post-action-btn,.community-discover-btn,.community-share-btn,.carousel-arrow,.report-btn{transition:none}.masonry-card,.community-feed,.post-modal{animation:none}}.profile-tab{padding:0 0 var(--s-5)}.profile-header{margin:var(--s-5) var(--s-5) 0;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.profile-card-top{display:flex;align-items:center;justify-content:space-between}.profile-settings-btn{background:none;border:none;padding:var(--s-1);color:var(--pencil-500);cursor:pointer;line-height:var(--lh-tight)}.profile-top{display:flex;align-items:center;gap:var(--s-4)}.profile-avatar{width:84px;height:84px;font-size:var(--t-xl);box-shadow:var(--shadow-rest);overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-counts{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-around;min-height:52px}.profile-count{display:flex;flex-direction:column;align-items:center;gap:var(--s-1)}.profile-count-num{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900);line-height:var(--lh-tight)}.profile-count-label{font-size:var(--t-xs);color:var(--pencil-500);white-space:nowrap}.profile-counts-spinner{flex:1;display:flex;align-items:center;justify-content:center}.profile-identity{min-width:0}.profile-name-row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.profile-name{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--timber);letter-spacing:-.3px;line-height:var(--lh-tight);word-break:break-word}.profile-handle{margin-top:var(--s-1);font-size:var(--t-sm);color:var(--pencil-500);word-break:break-word}.profile-bio{margin-top:var(--s-3);font-size:var(--t-sm);line-height:var(--lh-snug);color:var(--pencil-700);word-break:break-word}.badge-neutral{background:var(--pencil-100);color:var(--pencil-700)}.profile-edit-btn{width:100%}.profile-feedback-link{display:block;width:100%;margin-top:var(--s-3);padding:var(--s-1) 0;background:none;border:none;font:inherit;font-size:var(--t-sm);color:var(--timber-mid);text-align:center;cursor:pointer}.profile-feedback-link:hover{color:var(--timber);text-decoration:underline}.profile-follow-btn{width:100%}.profile-signout{margin:var(--s-4) var(--s-5) 0;color:var(--pencil-500);gap:var(--s-2)}.profile-signout:hover{color:var(--timber);background:var(--pencil-100)}.edit-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--s-5)}.edit-profile-modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:440px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-overlay)}.edit-profile-header{position:relative;flex-shrink:0;display:flex;align-items:center;padding:var(--s-4) var(--s-5) var(--s-4);border-bottom:1px solid var(--pencil-200)}.edit-profile-header h2{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber)}.edit-profile-body{flex:1;min-height:0;overflow-y:auto;padding:var(--s-5) var(--s-5) var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.edit-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.edit-avatar{position:relative;padding:0;background:none;border:none;cursor:pointer}.edit-avatar-circle{width:76px;height:76px;font-size:var(--t-xl);box-shadow:var(--shadow-rest);overflow:hidden}.edit-avatar-circle img{width:100%;height:100%;object-fit:cover}.edit-avatar-badge{position:absolute;right:2px;bottom:2px;width:26px;height:26px;border-radius:var(--r-full);background:var(--timber);color:var(--surface);display:flex;align-items:center;justify-content:center;border:3px solid var(--surface);box-shadow:var(--shadow-rest)}.edit-avatar-hint{font-size:var(--t-xs);color:var(--pencil-500)}.edit-field-hint{font-size:var(--t-xs);color:var(--pencil-500);padding-left:var(--s-1)}.edit-profile-modal textarea.form-input{min-height:64px;height:64px}.edit-profile-modal .edit-save-btn{width:100%;margin-top:var(--s-1);box-shadow:var(--shadow-rest)}.edit-profile-modal .edit-save-btn:hover{box-shadow:var(--shadow-raised)}.profile-posts-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-1);padding:var(--s-1);margin-top:var(--s-2)}.profile-posts-cell{aspect-ratio:1;overflow:hidden;cursor:pointer;padding:0;border:none;background:var(--pencil-100);display:block;border-radius:var(--r-sm)}.profile-posts-cell img{width:100%;height:100%;object-fit:cover;display:block}.profile-posts-cell:hover{opacity:.92}.profile-posts-nophoto{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pencil-100),var(--pencil-200));color:var(--pencil-500)}.profile-posts-loading{display:flex;justify-content:center;padding:var(--s-8) 0}.profile-posts-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-8) var(--s-6);gap:var(--s-3);color:var(--pencil-500)}.profile-posts-empty svg{color:var(--pencil-500)}.profile-posts-empty h3{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900)}.profile-posts-empty p{font-size:var(--t-sm);color:var(--pencil-500);max-width:260px}.profile-list-wrap{overflow:hidden}.profile-list-screen{animation:slideInR var(--dur-slow) var(--ease) both}.profile-list-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5) var(--s-4)}.profile-list-back{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-full);color:var(--pencil-700);background:var(--surface);border:2px solid var(--pencil-200);flex-shrink:0;transition:border-color var(--dur-fast),color var(--dur-fast)}.profile-list-back:hover{border-color:var(--chalk);color:var(--timber)}.profile-list-back:active{transform:scale(.94)}.profile-list-title{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.3px}.profile-list-search{display:flex;align-items:center;gap:var(--s-3);margin:0 var(--s-5) var(--s-4);background:var(--surface);border:2px solid var(--pencil-200);border-radius:var(--r-full);padding:var(--s-3) var(--s-4);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.profile-list-search:focus-within{border-color:var(--chalk);box-shadow:0 0 0 4px var(--timber-soft)}.profile-list-search-icon{color:var(--pencil-500);flex-shrink:0}.profile-list-search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--t-base);color:var(--pencil-900);font-weight:var(--w-medium);min-width:0}.profile-list-search-input::placeholder{color:var(--pencil-500)}.profile-list-body{padding:0 var(--s-5) var(--s-5)}.profile-list-loading{display:flex;justify-content:center;padding:var(--s-6) 0}.profile-list-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-8) var(--s-6);gap:var(--s-3);color:var(--pencil-500)}.profile-list-empty svg{color:var(--pencil-500)}.profile-list-empty h3{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900)}.profile-list-empty p{font-size:var(--t-sm);color:var(--pencil-500);max-width:260px}.profile-list-rows{display:flex;flex-direction:column;gap:var(--s-1)}.profile-list-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-2);border-radius:var(--r-md);background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:background var(--dur-fast)}.profile-list-row:hover{background:var(--pencil-100)}.profile-list-avatar{width:44px;height:44px;font-size:var(--t-md);overflow:hidden;flex-shrink:0}.profile-list-avatar img{width:100%;height:100%;object-fit:cover}.profile-list-username{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900)}.profile-list-follow-btn{margin-left:auto;flex-shrink:0;padding:var(--s-2) var(--s-4);font-size:var(--t-sm)}.profile-count-tappable{background:none;border:none;cursor:pointer;font:inherit;padding:0}.profile-edit-btn:hover:not(:disabled){opacity:.92}.profile-edit-btn:active:not(:disabled){opacity:.85}.profile-edit-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.profile-edit-btn:disabled{opacity:.45;cursor:not-allowed}.profile-follow-btn:hover:not(:disabled){opacity:.92}.profile-follow-btn:active:not(:disabled){opacity:.85}.profile-follow-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.profile-follow-btn:disabled{opacity:.45;cursor:not-allowed}.profile-settings-btn:hover:not(:disabled){opacity:.92}.profile-settings-btn:active:not(:disabled){opacity:.85}.profile-settings-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.profile-settings-btn:disabled{opacity:.45;cursor:not-allowed}.profile-list-follow-btn:hover:not(:disabled){opacity:.92}.profile-list-follow-btn:active:not(:disabled){opacity:.85}.profile-list-follow-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.profile-list-follow-btn:disabled{opacity:.45;cursor:not-allowed}.profile-tab:hover:not(:disabled){opacity:.92}.profile-tab:active:not(:disabled){opacity:.85}.profile-tab:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.profile-tab:disabled{opacity:.45;cursor:not-allowed}.profile-edit-btn,.profile-follow-btn,.profile-settings-btn,.profile-list-follow-btn,.profile-tab{min-height:44px}.diagram-svg{width:100%;height:auto;display:block;padding:var(--s-4);background:var(--pencil-100)}.ai-diagram{padding:0;line-height:var(--lh-tight)}.ai-diagram svg{width:100%;height:auto;display:block}.dalle-diagram-wrap{width:100%;background:var(--pencil-100);border-radius:var(--r-lg);overflow:hidden;line-height:var(--lh-tight)}.dalle-diagram-img{width:100%;height:auto;display:block;object-fit:cover;max-height:420px}.project-page{min-height:100vh;background:var(--sawn);display:flex;flex-direction:column;max-width:680px;margin:0 auto}.project-topbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);background:var(--surface);position:sticky;top:0;z-index:50}.project-back-btn{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2);border-radius:var(--r-full);background:var(--pencil-100);color:var(--pencil-700);font-size:var(--t-xs);font-weight:var(--w-bold);font-family:inherit;flex-shrink:0;white-space:nowrap;cursor:pointer;transition:all var(--dur-fast);border:none}.project-back-btn:hover{background:var(--pencil-200);color:var(--timber)}.project-back-btn:active{transform:scale(.96)}.project-close-btn{width:38px;height:38px;border-radius:var(--r-full);background:var(--pencil-100);display:flex;align-items:center;justify-content:center;color:var(--pencil-700);flex-shrink:0;transition:background var(--dur-fast);cursor:pointer;border:none}.project-close-btn:hover{background:var(--pencil-200)}.project-progress-wrap{flex:1;display:flex;align-items:center;gap:var(--s-3)}.project-progress-track{flex:1;height:10px;background:var(--pencil-200);border-radius:var(--r-full);overflow:hidden}.project-progress-fill{height:100%;background:var(--chalk);border-radius:var(--r-full);transition:width var(--dur-slow) var(--ease)}.project-progress-label{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--timber);white-space:nowrap}.step-card{display:flex;flex-direction:column;flex:1}.step-image-wrap{position:relative;width:100%;background:var(--pencil-100);overflow:hidden}.step-image{width:100%;height:auto;display:block;max-height:min(72vw,420px);object-fit:cover}.step-image-btn{display:block;width:100%;padding:0;border:none;background:none;line-height:0;cursor:zoom-in}.step-image-btn:hover:not(:disabled) .step-image{opacity:.94}.step-image-btn:active:not(:disabled) .step-image{opacity:.88}.step-image-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:-6px;box-shadow:inset 0 0 0 4px var(--chalk)}.step-image-btn:disabled{cursor:not-allowed;opacity:.45}.step-image-placeholder{width:100%;background:var(--pencil-100);min-height:240px;display:flex;align-items:center}.step-diagram-key{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);padding:var(--s-3) var(--s-5) 0;font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-snug)}.step-diagram-key-item{display:inline-flex;align-items:center;gap:var(--s-2)}.step-diagram-swatch{display:inline-flex;width:var(--s-4);height:var(--s-4);flex-shrink:0}.step-diagram-swatch svg{width:100%;height:100%;display:block}.step-diagram-art{background:var(--surface);border-top:1px solid var(--pencil-200)}.step-diagram-art svg{display:block;width:100%;height:auto}.step-diagram-checks{margin:0;padding:var(--s-3) var(--s-5);list-style:none;background:var(--danger-soft);color:var(--danger-deep);font-size:var(--t-sm);line-height:var(--lh-snug)}.step-diagram-checks li+li{margin-top:var(--s-2)}.step-diagram-checks strong{font-weight:var(--w-semi)}.step-counter-pill{position:absolute;bottom:var(--s-4);left:var(--s-4);background:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--surface);padding:var(--s-2) var(--s-4);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:var(--w-bold);letter-spacing:.03em}.step-done-overlay{position:absolute;top:var(--s-4);right:var(--s-4);background:var(--chalk);color:var(--timber-deep);width:48px;height:48px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-raised);animation:popIn var(--dur-slow) var(--ease)}.step-content{padding:var(--s-5) var(--s-5) var(--s-4);flex:1}.step-title{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900);line-height:var(--lh-tight);letter-spacing:-.4px;margin-bottom:var(--s-3)}.step-description{font-size:var(--t-base);color:var(--pencil-700);line-height:var(--lh-body);margin-bottom:var(--s-4)}.step-tip{display:flex;gap:var(--s-3);background:var(--cedar-soft);border-left:var(--s-1) solid var(--cedar);border-radius:var(--r-md);padding:var(--s-4) var(--s-4)}.step-tip-icon{color:var(--cedar);flex-shrink:0;margin-top:var(--s-1)}.step-tip strong{display:block;font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--cedar);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--s-1)}.step-tip p{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-body)}.project-bottom{padding:var(--s-4) var(--s-5) calc(var(--nav-h) + var(--safe-bottom) + var(--s-4));background:var(--surface);border-top:0 solid var(--pencil-200);display:flex;flex-direction:column;gap:var(--s-4)}.step-nav-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.step-nav-btn{width:44px;height:44px;border-radius:var(--r-full);background:var(--pencil-100);display:flex;align-items:center;justify-content:center;color:var(--pencil-700);flex-shrink:0;transition:all var(--dur-fast);cursor:pointer}.step-nav-btn:hover:not(:disabled){background:var(--pencil-200)}.step-nav-btn:disabled{opacity:.3;cursor:not-allowed}.step-dots{display:flex;align-items:center;gap:var(--s-2);flex:1;justify-content:center}.step-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--pencil-300);cursor:pointer;border:none;transition:all var(--dur-base) var(--ease)}.step-dot-active{background:var(--timber);width:22px;border-radius:var(--r-full)}.step-dot-done{background:var(--chalk)}.step-complete-btn{width:100%;padding:var(--s-4);min-height:44px;border-radius:var(--r-md);font-size:var(--t-base);font-weight:var(--w-semi);display:flex;align-items:center;justify-content:center;gap:var(--s-3);background:var(--chalk);color:var(--timber-deep);box-shadow:var(--shadow-raised);transition:background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease);cursor:pointer;border:none;font-family:var(--font-display)}.step-complete-btn:hover:not(:disabled){background:var(--chalk-deep);box-shadow:var(--shadow-raised)}.step-complete-btn:active:not(:disabled){background:var(--chalk-deep);box-shadow:var(--shadow-rest)}.step-complete-btn-done{background:var(--pencil-100);color:var(--pencil-500);box-shadow:none}.step-complete-btn-done:hover{background:var(--pencil-200);box-shadow:none;transform:none}.project-info-tabs{display:flex;gap:var(--s-2)}.info-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-3) var(--s-2);border-radius:var(--r-md);background:var(--sawn);color:var(--pencil-700);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em;transition:all var(--dur-fast);cursor:pointer;border:1.5px solid var(--pencil-200)}.info-tab-btn:hover{background:var(--pencil-100);color:var(--timber);border-color:var(--chalk)}.project-detail-page{min-height:100vh;background:var(--sawn);max-width:680px;margin:0 auto}.detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);background:var(--surface);border-bottom:0 solid var(--pencil-200);position:sticky;top:0;z-index:50}.detail-topbar h2{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900)}.detail-back-btn,.detail-close-btn{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);cursor:pointer;padding:var(--s-2) var(--s-1);transition:color var(--dur-fast)}.detail-back-btn:hover,.detail-close-btn:hover{color:var(--pencil-900)}.detail-content{padding:var(--s-5)}.detail-subtitle{color:var(--pencil-500);font-size:var(--t-sm);margin-bottom:var(--s-5)}.materials-list{display:flex;flex-direction:column;gap:var(--s-1)}.material-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-4);background:var(--surface);border-radius:var(--r-md);margin-bottom:var(--s-1)}.material-icon{font-size:var(--t-md);flex-shrink:0}.material-info{flex:1}.material-name{display:block;font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--pencil-900)}.material-qty{display:block;font-size:var(--t-xs);color:var(--pencil-500);margin-top:var(--s-1)}.material-cost{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--cedar-deep);white-space:nowrap}.material-total{display:flex;justify-content:space-between;padding:var(--s-4);background:var(--timber);border-radius:var(--r-md);color:var(--surface);font-weight:var(--w-bold);font-size:var(--t-base);margin-top:var(--s-2)}.tools-grid{display:flex;flex-wrap:wrap;gap:var(--s-2)}.tool-chip{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--surface);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--pencil-700);box-shadow:var(--shadow-rest);border:1.5px solid var(--pencil-200)}.tool-chip-clickable{cursor:pointer;font-family:inherit;transition:all var(--dur-fast)}.tool-chip-clickable:hover{background:var(--sawn);border-color:var(--timber);color:var(--timber);transform:translateY(-1px);box-shadow:var(--shadow-rest)}.tool-chip-clickable:active{transform:scale(.96)}.tool-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:600;padding:0 0 env(safe-area-inset-bottom,0)}.tool-modal{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--s-6) var(--s-5) var(--s-6);width:100%;max-width:680px;position:relative;box-shadow:var(--shadow-overlay)}.tool-modal-close{position:absolute;top:var(--s-4);right:var(--s-4);width:34px;height:34px;border-radius:var(--r-full);background:var(--pencil-100);display:flex;align-items:center;justify-content:center;color:var(--pencil-500);cursor:pointer;border:none;transition:background var(--dur-fast)}.tool-modal-close:hover{background:var(--pencil-200)}.tool-modal-emoji{font-size:var(--t-2xl);margin-bottom:var(--s-3);display:block}.tool-modal-name{font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900);margin-bottom:var(--s-3);letter-spacing:-.3px}.tool-modal-desc{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-body);margin-bottom:var(--s-4)}.tool-modal-tip{display:flex;gap:var(--s-3);background:var(--cedar-soft);border-left:var(--s-1) solid var(--cedar);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.tool-modal-tip-icon{color:var(--cedar);flex-shrink:0;margin-top:var(--s-1)}.tool-modal-tip strong{display:block;font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--cedar);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--s-1)}.tool-modal-tip p{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-body);margin:0}.cost-hero{margin-bottom:var(--s-5)}.cost-range-card{display:flex;align-items:center;background:var(--cedar-soft);border:1px solid var(--cedar);border-radius:var(--r-lg);padding:var(--s-5) var(--s-6);gap:var(--s-4);margin-bottom:var(--s-3)}.cost-range-item{flex:1}.cost-range-label{display:block;font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-700);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-2)}.cost-range-amount{font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--cedar-deep)}.cost-currency{font-size:var(--t-xs);font-weight:var(--w-semi);color:var(--pencil-500);vertical-align:super;letter-spacing:.04em}.cost-range-card .cost-currency{color:var(--pencil-700)}.cost-range-divider{font-size:var(--t-lg);color:var(--pencil-700)}.cost-note{display:flex;align-items:flex-start;gap:var(--s-2);padding:var(--s-2) 0 0;font-size:var(--t-sm);color:var(--pencil-500);font-weight:var(--w-normal)}.cost-note svg{color:var(--cedar);flex-shrink:0}.structural-note{display:flex;align-items:flex-start;gap:var(--s-2);padding:var(--s-2) 0 0;font-size:var(--t-sm);color:var(--pencil-500);font-weight:var(--w-normal)}.cost-breakdown-list h3{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--s-3)}.cost-breakdown-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-3) 0;border-bottom:0 solid var(--pencil-200);font-size:var(--t-sm);color:var(--pencil-700)}.cost-breakdown-row em{color:var(--pencil-500);font-style:normal}.cost-breakdown-row span:last-child{font-weight:var(--w-bold);color:var(--pencil-900)}.overview-title{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-900);text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 var(--s-2)}.overview-content{flex:1;overflow-y:auto;padding:var(--s-5) var(--s-5) 0;display:flex;flex-direction:column;gap:var(--s-6)}.overview-section-label{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-500);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--s-3)}.overview-spacer{height:120px;flex-shrink:0}.overview-cta-bar{position:fixed;bottom:0;left:0;right:0;padding:var(--s-4) var(--s-4) calc(env(safe-area-inset-bottom) + var(--s-4));background:var(--surface);border-top:1px solid var(--pencil-200);z-index:100;max-width:680px;margin:0 auto}.overview-start-btn{width:100%;padding:var(--s-5);background:var(--chalk);color:var(--timber-deep);border:none;border-radius:var(--r-md);font-size:var(--t-md);font-weight:var(--w-semi);font-family:var(--font-display);display:flex;align-items:center;justify-content:center;gap:var(--s-3);cursor:pointer;min-height:44px;box-shadow:var(--shadow-raised);transition:background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.overview-start-btn:hover:not(:disabled){background:var(--chalk-deep);box-shadow:var(--shadow-raised)}.overview-start-btn:active:not(:disabled){background:var(--chalk-deep);box-shadow:var(--shadow-rest)}.completion-pending,.completion-done{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-4)}.completion-pending-info{flex:1;min-width:0}.completion-pending-title{display:block;margin-bottom:var(--s-2);font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--timber)}.completion-progress-track{height:6px;background:var(--pencil-200);border-radius:var(--r-full);overflow:hidden}.completion-progress-fill{height:100%;background:var(--chalk);border-radius:var(--r-full);transition:width var(--dur-slow) var(--ease)}.completion-mark{flex-shrink:0}.completion-done-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-3)}.completion-check{color:var(--chalk);flex-shrink:0}.completion-done-title{display:block;font-size:var(--t-base);font-weight:var(--w-bold);color:var(--timber)}.completion-done-sub{display:block;margin-top:var(--s-1);font-size:var(--t-xs);color:var(--pencil-500)}.completion-reopen{flex-shrink:0;color:var(--pencil-500)}.completion-reopen:hover{color:var(--timber);background:var(--pencil-100)}.completion-error{margin-top:var(--s-3);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--danger)}.project-save-btn{width:100%;margin-top:var(--s-3);display:flex;align-items:center;justify-content:center;gap:var(--s-2)}.project-save-btn.project-saved{background:var(--timber);color:var(--chalk);border-color:var(--timber)}.complete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--s-5);background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.complete-modal{position:relative;width:100%;max-width:380px;padding:var(--s-5) var(--s-5) var(--s-5);box-shadow:var(--shadow-overlay)}.complete-modal-close{position:absolute;top:var(--s-3);right:var(--s-3);width:30px;height:30px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--pencil-500);background:var(--pencil-100)}.complete-modal-close:hover{background:var(--pencil-200);color:var(--pencil-700)}.complete-modal-title{margin-bottom:var(--s-2);padding-right:var(--s-6);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber)}.complete-modal-text{margin-bottom:var(--s-4);font-size:var(--t-sm);line-height:var(--lh-snug);color:var(--pencil-700)}.complete-modal-actions{display:flex;flex-direction:column;gap:var(--s-3)}.complete-modal-actions .btn{width:100%}.complete-modal-actions .btn-primary{box-shadow:var(--shadow-rest)}.complete-modal-actions .btn-primary:hover{box-shadow:var(--shadow-raised)}.project-editmeasure-btn{width:100%;margin-top:var(--s-3);display:flex;align-items:center;justify-content:center;gap:var(--s-2)}.measure-hint{margin:-4px 0 var(--s-4);font-size:var(--t-sm);line-height:var(--lh-snug);color:var(--pencil-700)}.measure-fields{display:flex;flex-direction:column;gap:var(--s-4)}.measure-bounce-msg{margin:var(--s-1) 0 var(--s-4);font-size:var(--t-base);line-height:var(--lh-body);font-weight:var(--w-semi);color:var(--pencil-700)}.project-complete-banner{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--s-5)}.project-complete-inner{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-8) var(--s-6);text-align:center;max-width:340px;width:100%;box-shadow:var(--shadow-overlay)}.project-complete-emoji{font-size:var(--t-2xl);margin-bottom:var(--s-4)}.project-complete-inner h3{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900);margin-bottom:var(--s-2)}.project-complete-inner p{color:var(--pencil-500);margin-bottom:var(--s-5);line-height:var(--lh-body)}.learn-more-btn{display:flex;align-items:center;gap:var(--s-2);width:100%;margin-top:var(--s-4);padding:var(--s-3) var(--s-4);background:var(--sawn);border:1.5px solid var(--pencil-200);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:var(--w-bold);font-family:inherit;color:var(--timber);cursor:pointer;transition:all var(--dur-fast);text-align:left}.learn-more-btn span{flex:1}.learn-more-btn:hover:not(:disabled){background:var(--surface);border-color:var(--timber);box-shadow:var(--shadow-rest)}.learn-more-btn:disabled{opacity:.7;cursor:default}.learn-more-btn-open{background:var(--surface);border-color:var(--timber);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.learn-more-chevron{transition:transform var(--dur-base) var(--ease);flex-shrink:0;color:var(--pencil-500)}.learn-more-btn-open .learn-more-chevron{transform:rotate(180deg)}.learn-more-spinner{width:15px;height:15px;border:2px solid var(--pencil-300);border-top-color:var(--timber);border-radius:var(--r-full);animation:spin .7s linear infinite;flex-shrink:0}.learn-more-panel{max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease)}.learn-more-panel-open{max-height:2400px}.learn-more-inner{background:var(--surface);border:1.5px solid var(--timber);border-top:none;border-bottom-left-radius:var(--r-md);border-bottom-right-radius:var(--r-md);overflow:hidden;padding:var(--s-1) 0}.learn-more-substep{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:0 solid var(--pencil-100);align-items:flex-start}.learn-more-substep-last{border-bottom:none}.learn-more-num{flex-shrink:0;width:24px;height:24px;background:var(--timber);color:var(--surface);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:var(--w-bold);display:flex;align-items:center;justify-content:center;margin-top:0}.learn-more-text{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-body);margin:0}.step-phase-eyebrow{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3)}.step-phase-kicker{flex-shrink:0;font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--timber);background:var(--sawn);border:1.5px solid var(--chalk);border-radius:var(--r-full);padding:var(--s-1) var(--s-3);white-space:nowrap}.step-phase-name{font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-toc{display:flex;flex-direction:column;gap:var(--s-2)}.phase-toc-item{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);background:var(--surface);border:1.5px solid var(--pencil-200);border-radius:var(--r-md);font-family:inherit;text-align:left;cursor:pointer;transition:all var(--dur-fast)}.phase-toc-item:hover{border-color:var(--chalk);box-shadow:var(--shadow-rest);transform:translateY(-1px)}.phase-toc-item:active{transform:scale(.99)}.phase-toc-num{flex-shrink:0;width:30px;height:30px;border-radius:var(--r-full);background:var(--timber);color:var(--surface);font-size:var(--t-sm);font-weight:var(--w-bold);display:flex;align-items:center;justify-content:center}.phase-toc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.phase-toc-name{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.2px}.phase-toc-summary{font-size:var(--t-xs);color:var(--pencil-500);line-height:var(--lh-snug)}.phase-toc-count{flex-shrink:0;font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--timber);background:var(--sawn);border-radius:var(--r-full);padding:var(--s-1) var(--s-3);white-space:nowrap}.phase-toc-item-done .phase-toc-num{background:var(--chalk);color:var(--timber-deep)}.phase-toc-item-done .phase-toc-count{color:var(--timber-mid)}.admin-readonly-banner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--timber);color:var(--surface);font-size:var(--t-xs)}.admin-readonly-who{font-weight:var(--w-bold);overflow-wrap:anywhere}.admin-readonly-mode{padding:var(--s-1) var(--s-2);border-radius:var(--r-full);background:var(--timber-mid);font-weight:var(--w-bold);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em}.admin-readonly-deleted{padding:var(--s-1) var(--s-2);border-radius:var(--r-full);background:var(--danger);color:var(--surface);font-weight:var(--w-bold);font-size:var(--t-xs)}.step-counter-pill,.step-phase-kicker,.cost-range-card,.cost-breakdown-row,.material-qty,.plan-title,.detail-meta,.step-title{font-variant-numeric:tabular-nums}.step-counter-pill,.step-phase-kicker,.cost-range-card{font-family:var(--font-display)}.cost-range-item strong{color:var(--cedar-deep)}.material-icon{color:var(--cedar);flex-shrink:0}.tool-chip-icon,.tool-modal-icon{color:var(--pencil-500);flex-shrink:0}.project-complete-icon{color:var(--timber)}.complete-modal-close:active:not(:disabled){opacity:.85}.complete-modal-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.complete-modal-close:disabled{opacity:.45;cursor:not-allowed}.detail-back-btn:active:not(:disabled){opacity:.85}.detail-back-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.detail-back-btn:disabled{opacity:.45;cursor:not-allowed}.detail-close-btn:active:not(:disabled){opacity:.85}.detail-close-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.detail-close-btn:disabled{opacity:.45;cursor:not-allowed}.info-tab-btn:active:not(:disabled){opacity:.85}.info-tab-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.info-tab-btn:disabled{opacity:.45;cursor:not-allowed}.learn-more-btn:active:not(:disabled){opacity:.85}.learn-more-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.overview-start-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.overview-start-btn:disabled{opacity:.45;cursor:not-allowed}.project-back-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.project-back-btn:disabled{opacity:.45;cursor:not-allowed}.project-close-btn:active:not(:disabled){opacity:.85}.project-close-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.project-close-btn:disabled{opacity:.45;cursor:not-allowed}.project-editmeasure-btn:hover:not(:disabled){opacity:.92}.project-editmeasure-btn:active:not(:disabled){opacity:.85}.project-editmeasure-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.project-editmeasure-btn:disabled{opacity:.45;cursor:not-allowed}.project-save-btn:hover:not(:disabled){opacity:.92}.project-save-btn:active:not(:disabled){opacity:.85}.project-save-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.project-save-btn:disabled{opacity:.45;cursor:not-allowed}.step-complete-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.step-complete-btn:disabled{opacity:.45;cursor:not-allowed}.step-nav-btn:active:not(:disabled){opacity:.85}.step-nav-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.tool-modal-close:active:not(:disabled){opacity:.85}.tool-modal-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.tool-modal-close:disabled{opacity:.45;cursor:not-allowed}.step-dot:hover:not(:disabled){opacity:.92}.step-dot:active:not(:disabled){opacity:.85}.step-dot:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.step-dot:disabled{opacity:.45;cursor:not-allowed}.material-row:hover:not(:disabled){opacity:.92}.material-row:active:not(:disabled){opacity:.85}.material-row:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.material-row:disabled{opacity:.45;cursor:not-allowed}.complete-modal-close,.detail-back-btn,.detail-close-btn,.info-tab-btn,.learn-more-btn,.overview-start-btn,.project-back-btn,.project-close-btn,.project-editmeasure-btn,.project-save-btn,.step-complete-btn,.step-nav-btn,.tool-modal-close{min-height:44px}@media (prefers-reduced-motion: reduce){.step-card,.step-complete-btn,.step-nav-btn,.learn-more-btn,.project-save-btn,.overview-start-btn,.info-tab-btn,.material-row,.step-dot{transition:none}.step-card,.project-page,.project-detail-page{animation:none}}.stepimg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--scrim-deep)}.stepimg-scroll{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.stepimg-full{flex:none;margin:auto;display:block;width:calc(min(100vw,100vh) * var(--z, 1));height:auto;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.stepimg-close{position:fixed;top:var(--s-4);right:var(--s-4);z-index:1002;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--scrim-soft);border:none;border-radius:var(--r-full);color:var(--surface);cursor:pointer;transition:background var(--dur-base) var(--ease)}.stepimg-close:hover:not(:disabled){background:var(--scrim)}.stepimg-close:active:not(:disabled){background:var(--scrim-deep)}.stepimg-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.stepimg-close:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.stepimg-close{transition:none}.stepimg-overlay{animation:none}}@media (min-width: 1024px){.project-page{max-width:1080px}.step-card{flex-direction:row;align-items:flex-start;gap:var(--s-6);padding:var(--s-6) var(--s-5) 0}.step-image-wrap{order:2;flex:0 0 420px;max-width:420px;border-radius:var(--r-lg)}.step-image{max-height:420px}.step-image-placeholder{min-height:420px}.step-content{order:1;flex:1;max-width:600px;padding:0 0 var(--s-4)}.step-card.text-only .step-content{max-width:none}.project-bottom{align-items:center}.step-card.has-diagram{display:grid;grid-template-columns:420px minmax(0,1fr);grid-template-areas:"photo diagram" "checks checks" "content content";align-items:stretch;gap:0 var(--s-4)}.step-card.has-diagram .step-image-wrap{grid-area:photo;max-width:none;flex:none}.step-card.has-diagram .step-image-btn{height:100%}.step-card.has-diagram .step-image{height:100%;min-height:420px;max-height:none;object-fit:contain}.step-card.has-diagram .step-diagram{display:contents}.step-card.has-diagram .step-diagram-art{grid-area:diagram;height:var(--step-diagram-h, 420px);border:1px solid var(--pencil-200);border-radius:var(--r-lg);overflow:hidden}.step-card.has-diagram .step-diagram-art svg{height:100%}.step-card.has-diagram .step-diagram-checks{grid-area:checks;border-radius:var(--r-md);margin-top:var(--s-4)}.step-card.has-diagram .step-content{grid-area:content;padding-top:var(--s-5);max-width:none}.step-diagram-key{padding:var(--s-5) var(--s-5) 0}.step-nav-row,.step-complete-btn,.project-info-tabs{width:100%;max-width:560px}.overview-page{max-width:1080px}.overview-page .overview-section-cost{order:1}.overview-page .overview-section-tools{order:2}.overview-page .overview-spacer{order:3}.overview-page .phase-toc,.overview-page .materials-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}.overview-page .material-row{margin-bottom:0}.overview-page .material-total{grid-column:1 / -1}.overview-page .overview-cta-bar{max-width:1080px}}.discover-page{padding:0 0 var(--s-5)}.discover-header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5) var(--s-4)}.discover-title{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900);letter-spacing:-.3px}.discover-search{display:flex;align-items:center;gap:var(--s-3);margin:0 var(--s-5) var(--s-4);background:var(--surface);border:2px solid var(--pencil-200);border-radius:var(--r-full);padding:var(--s-3) var(--s-4);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.discover-search:focus-within{border-color:var(--chalk);box-shadow:0 0 0 4px var(--timber-soft)}.discover-search-icon{color:var(--pencil-500);flex-shrink:0}.discover-search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--t-base);color:var(--pencil-900);font-weight:var(--w-medium);min-width:0}.discover-search-input::placeholder{color:var(--pencil-500)}.discover-search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--r-full);background:var(--pencil-100);color:var(--pencil-500);flex-shrink:0;transition:background var(--dur-fast),color var(--dur-fast)}.discover-search-clear:hover{background:var(--pencil-200);color:var(--pencil-700)}.discover-body{padding:0 var(--s-5) var(--s-5)}.discover-section{margin-bottom:var(--s-5)}.discover-section-title{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-500);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--s-2) var(--s-2)}.discover-section-error{padding:var(--s-4) var(--s-2);color:var(--pencil-500);font-size:var(--t-sm)}.settings-page{min-height:100vh;background:var(--sawn);max-width:680px;margin:0 auto}.settings-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);background:var(--surface);border-bottom:1px solid var(--pencil-200);position:sticky;top:0;z-index:50}.settings-topbar h2{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900)}.settings-back-btn{display:flex;align-items:center;gap:var(--s-1);min-height:44px;font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);cursor:pointer;padding:var(--s-2) var(--s-1);border-radius:var(--r-sm);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.settings-back-btn:hover{color:var(--pencil-900)}.settings-back-btn:active{background:var(--pencil-100)}.settings-back-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.settings-back-btn:disabled{opacity:.45;cursor:not-allowed}.settings-topbar-spacer{width:78px}.settings-content{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.settings-list{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-rest);overflow:hidden}.settings-row{display:flex;align-items:center;gap:var(--s-4);width:100%;min-height:44px;padding:var(--s-4);background:var(--surface);border:none;text-align:left;border-bottom:1px solid var(--pencil-100);font:inherit}.settings-row:last-child{border-bottom:none}.settings-row-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-md);background:var(--pencil-100);color:var(--timber);flex-shrink:0}.settings-row-body{display:flex;flex-direction:column;gap:var(--s-1);min-width:0;flex:1}.settings-row-label{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900)}.settings-row-hint{font-size:var(--t-xs);color:var(--pencil-500)}.settings-row-chevron{color:var(--pencil-500);flex-shrink:0}.settings-row-disabled{cursor:default}.settings-row-disabled .settings-row-label,.settings-row-disabled .settings-row-icon{color:var(--pencil-300)}.settings-row-disabled .settings-row-hint{color:var(--pencil-500)}.settings-row-inert{cursor:default}.settings-row-inert .settings-row-label,.settings-row-inert .settings-row-icon{color:var(--pencil-500)}.settings-row-soon{font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--pencil-500);background:var(--pencil-100);padding:var(--s-1) var(--s-2);border-radius:var(--r-full);flex-shrink:0}.settings-row-signout{cursor:pointer;transition:background var(--dur-fast) var(--ease)}.settings-row-signout:hover{background:var(--sawn)}.settings-row-signout:active{background:var(--pencil-100)}.settings-row-signout:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.settings-row-signout:disabled{opacity:.45;cursor:not-allowed}.settings-row-icon-signout{background:var(--timber-soft);color:var(--timber)}.settings-footer{text-align:center;font-size:var(--t-xs);color:var(--pencil-500);margin:var(--s-1) 0 0}.settings-row-active{cursor:pointer;transition:background var(--dur-fast) var(--ease)}.settings-row-active:hover{background:var(--sawn)}.settings-row-active:active{background:var(--pencil-100)}.settings-row-active:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.settings-row-active:disabled{opacity:.45;cursor:not-allowed}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--s-5);background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{position:relative;width:100%;max-width:420px;padding:var(--s-5) var(--s-5) var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);box-shadow:var(--shadow-overlay)}.settings-modal-close{position:absolute;top:var(--s-3);right:var(--s-3);width:44px;height:44px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--pencil-500);background:var(--pencil-100);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.settings-modal-close:hover:not(:disabled){background:var(--pencil-200);color:var(--pencil-700)}.settings-modal-close:active:not(:disabled){background:var(--pencil-300)}.settings-modal-close:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.settings-modal-close:disabled{opacity:.45;cursor:not-allowed}.settings-modal-title{margin:0 var(--s-6) var(--s-1) 0;font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber)}.settings-modal-actions{display:flex;gap:var(--s-3);margin-top:var(--s-1)}.settings-modal-actions .btn{flex:1}.settings-modal-success{font-size:var(--t-base);font-weight:var(--w-bold);color:var(--timber);padding:var(--s-2) 0 var(--s-1)}.settings-feedback-intro{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-700);margin:0 0 var(--s-1)}.settings-feedback-textarea{resize:vertical;min-height:110px;line-height:var(--lh-body);font-family:inherit;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.settings-feedback-textarea:hover:not(:disabled){border-color:var(--pencil-300)}.settings-feedback-textarea:active{border-color:var(--pencil-300)}.settings-feedback-textarea:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.settings-feedback-textarea:disabled{opacity:.45;cursor:not-allowed}.account-info-list{display:flex;flex-direction:column}.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--pencil-100)}.account-info-row:last-child{border-bottom:none}.account-info-label{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);flex-shrink:0}.account-info-value{font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--pencil-900);text-align:right;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.account-info-hint{font-size:var(--t-xs);color:var(--pencil-500);margin:var(--s-1) 0}.sub-actions{display:flex;flex-direction:column;gap:var(--s-3);margin:var(--s-3) 0 var(--s-1)}.sub-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1);width:100%;min-height:44px;text-align:left;padding:var(--s-3) var(--s-4);white-space:normal;height:auto;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.sub-action:hover:not(:disabled){background:var(--sawn)}.sub-action:active:not(:disabled){background:var(--pencil-100)}.sub-action:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.sub-action:disabled{opacity:.45;cursor:not-allowed}.sub-action-label{font-size:var(--t-sm);font-weight:var(--w-bold);line-height:var(--lh-snug);font-variant-numeric:tabular-nums}.sub-action-sub{font-size:var(--t-xs);font-weight:var(--w-semi);line-height:var(--lh-snug);color:var(--pencil-500)}.sub-error{font-size:var(--t-xs);font-weight:var(--w-semi);line-height:var(--lh-snug);color:var(--danger);margin:var(--s-2) 0 var(--s-1)}.settings-danger-zone{margin-top:var(--s-2)}.settings-row-danger{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-rest);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.settings-row-danger:hover,.settings-row-danger:active{background:var(--danger-soft)}.settings-row-danger:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.settings-row-danger:disabled{opacity:.45;cursor:not-allowed}.settings-row-icon-danger{background:var(--danger-soft);color:var(--danger)}.settings-row-label-danger{color:var(--danger)}.settings-modal-danger{border-top:3px solid var(--danger)}.settings-modal-title-danger{color:var(--danger)}.settings-delete-warning{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-700);margin:0 0 var(--s-1)}.settings-delete-warning strong{color:var(--pencil-900)}.settings-delete-btn{background:var(--danger);color:var(--surface);transition:background var(--dur-fast) var(--ease)}.settings-delete-btn:hover:not(:disabled){background:var(--danger-deep)}.settings-delete-btn:active:not(:disabled){background:var(--danger-deep)}.settings-delete-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.settings-delete-btn:disabled{opacity:.45;cursor:not-allowed}.settings-2fa-instructions{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-700);margin:0 0 var(--s-1)}.settings-2fa-note{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-700);padding:var(--s-1) 0}.settings-2fa-qr-wrap{display:flex;justify-content:center;padding:var(--s-2) 0}.settings-2fa-qr{width:180px;height:180px;border-radius:var(--r-md);border:1px solid var(--pencil-200)}.settings-2fa-secret{text-align:center;font-size:var(--t-xs);color:var(--pencil-500)}.settings-2fa-secret code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--t-sm);color:var(--pencil-900);background:var(--pencil-100);padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.settings-2fa-code-input{text-align:center;font-size:var(--t-md);font-weight:var(--w-bold);letter-spacing:.3em;padding-left:.3em;font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.settings-2fa-code-input:hover:not(:disabled){border-color:var(--pencil-300)}.settings-2fa-code-input:active{border-color:var(--pencil-300)}.settings-2fa-code-input:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.settings-2fa-code-input:disabled{opacity:.45;cursor:not-allowed}.settings-2fa-loading{display:flex;justify-content:center;padding:var(--s-5) 0}@media (prefers-reduced-motion: reduce){.settings-back-btn,.settings-row-signout,.settings-row-active,.settings-row-danger,.settings-modal-close,.settings-delete-btn,.sub-action,.settings-feedback-textarea,.settings-2fa-code-input{transition:none}}.terms-page{min-height:100vh;background:var(--pencil-100);display:flex;flex-direction:column}.terms-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border-bottom:1px solid var(--pencil-100)}.terms-title{margin:0;font-size:var(--t-base);font-weight:var(--w-bold);color:var(--timber)}.terms-back-btn{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-base);font-weight:var(--w-semi);color:var(--pencil-700);background:none;padding:var(--s-1) var(--s-2);border-radius:var(--r-sm)}.terms-back-btn:hover{color:var(--timber)}.terms-topbar-spacer{width:64px}.terms-content{flex:1;width:100%;max-width:760px;margin:0 auto;padding:var(--s-5) var(--s-5) var(--s-10)}.terms-text{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--font-body);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-700)}.terms-back-btn:active:not(:disabled){opacity:.85}.terms-back-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.terms-back-btn:disabled{opacity:.45;cursor:not-allowed}.terms-back-btn{min-height:44px}.billing-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--s-5) var(--s-4) calc(var(--s-5) + var(--safe-bottom));background:var(--sawn)}.billing-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);padding:var(--s-6) var(--s-5) var(--s-5);max-width:440px;width:100%;text-align:center}.billing-icon{width:62px;height:62px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-4)}.billing-icon-ok{background:var(--timber-soft);color:var(--timber)}.billing-icon-slow{background:var(--cedar-soft);color:var(--cedar-deep)}.billing-icon-neutral{background:var(--pencil-100);color:var(--pencil-500)}.billing-icon-wait{background:var(--timber-soft)}.billing-icon-wait .spinner{width:26px;height:26px;border-width:3px}.billing-title{font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:-.02em;color:var(--timber);text-wrap:balance;margin:0 0 var(--s-3)}.billing-msg{font-size:var(--t-base);line-height:var(--lh-body);color:var(--pencil-700);margin:0 auto var(--s-4);max-width:36ch}.billing-note{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--pencil-500);margin:0 auto var(--s-1);max-width:38ch}.billing-note a{color:var(--timber-mid);font-weight:var(--w-bold);text-decoration:underline}.billing-note a:hover{color:var(--timber)}.billing-ref{margin:var(--s-4) 0 0;font-size:var(--t-xs);color:var(--pencil-500)}.billing-ref code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;word-break:break-all;color:var(--pencil-500)}.billing-facts{display:flex;flex-direction:column;gap:var(--s-2);margin:var(--s-1) 0 var(--s-5);padding:var(--s-4) var(--s-4);background:var(--pencil-100);border:1px solid var(--pencil-200);border-radius:var(--r-md);text-align:left}.billing-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.billing-facts dt{font-size:var(--t-sm);color:var(--pencil-500);margin:0}.billing-facts dd{margin:0;font-size:var(--t-base);font-weight:var(--w-bold);color:var(--pencil-900);font-variant-numeric:tabular-nums}.billing-actions{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-5)}.billing-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);text-decoration:none}@media (prefers-reduced-motion: reduce){.billing-card,.billing-page{animation:none}.billing-icon-wait .spinner{animation-duration:1.6s}}.billing-btn:hover:not(:disabled){opacity:.92}.billing-btn:active:not(:disabled){opacity:.85}.billing-btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.billing-btn:disabled{opacity:.45;cursor:not-allowed}.billing-btn{min-height:44px}.home{min-height:100vh;display:flex;flex-direction:column;background:var(--sawn)}.home-header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--pencil-200)}.home-bar{max-width:1120px;margin:0 auto;padding:var(--s-3) var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.home-brand{display:flex;align-items:center;gap:var(--s-2)}.home-logo{width:var(--s-6);height:var(--s-6);border-radius:var(--r-full);flex-shrink:0}.home-brand-name{display:none;font-family:var(--font-display);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--timber);letter-spacing:.01em}.home-nav{display:flex;align-items:center;gap:var(--s-2)}.home-link{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-2);font-family:var(--font-body);font-size:var(--t-base);font-weight:var(--w-semi);color:var(--pencil-700);border-radius:var(--r-sm);white-space:nowrap;transition:color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.home-link:hover{color:var(--pencil-900);background:var(--pencil-100)}.home-link:active{color:var(--pencil-900);background:var(--pencil-200)}.home-link:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.home-hero{max-width:720px;margin:0 auto;padding:var(--s-8) var(--s-4) var(--s-6);text-align:center}.home-title{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:var(--w-bold);line-height:var(--lh-tight);color:var(--timber);text-wrap:balance}.home-sub{margin-top:var(--s-4);font-size:var(--t-md);font-weight:var(--w-normal);line-height:var(--lh-body);color:var(--pencil-700)}.home-cta{margin-top:var(--s-6)}.home-proof{max-width:1120px;margin:0 auto;padding:0 var(--s-4) var(--s-8)}.home-figure{margin:0}.home-photo{width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--pencil-200)}.home-caption{margin-top:var(--s-3);text-align:center;font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--pencil-500)}.home-rule{max-width:1120px;width:100%;margin:0 auto;height:var(--s-2);padding:0 var(--s-4);background-clip:content-box;background-origin:content-box;background-repeat:no-repeat,no-repeat;background-position:0 0,0 0;background-size:100% 1px,100% var(--s-2);background-image:linear-gradient(var(--tick),var(--tick)),repeating-linear-gradient(to right,var(--tick) 0 1px,transparent 1px var(--s-4))}.home-section{max-width:1120px;margin:0 auto;padding:var(--s-8) var(--s-4)}.home-h2{font-family:var(--font-display);font-size:var(--t-xl);font-weight:var(--w-bold);line-height:var(--lh-tight);color:var(--timber)}.home-lede{max-width:720px;margin-top:var(--s-3);font-size:var(--t-base);font-weight:var(--w-normal);line-height:var(--lh-body);color:var(--pencil-500)}.home-steps{margin-top:var(--s-6);list-style:none;display:grid;gap:var(--s-6)}.home-step{display:flex;align-items:flex-start;gap:var(--s-4)}.home-step-n{flex-shrink:0;font-family:var(--font-display);font-size:var(--t-xl);font-weight:var(--w-bold);line-height:var(--lh-tight);color:var(--timber);font-variant-numeric:tabular-nums}.home-step-h{font-family:var(--font-display);font-size:var(--t-md);font-weight:var(--w-semi);line-height:var(--lh-snug);color:var(--pencil-900)}.home-step-p{margin-top:var(--s-2);font-size:var(--t-base);font-weight:var(--w-normal);line-height:var(--lh-body);color:var(--pencil-500)}.home-templates{margin-top:var(--s-5);list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s-3)}.home-template{padding:var(--s-4);background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-lg);box-shadow:var(--shadow-rest);font-family:var(--font-display);font-size:var(--t-base);font-weight:var(--w-semi);line-height:var(--lh-snug);color:var(--pencil-900)}.home-footer{max-width:1120px;width:100%;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-10);display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.home-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}.home-copy{font-size:var(--t-sm);font-weight:var(--w-normal);color:var(--pencil-500)}@media (min-width: 768px){.home-bar{padding:var(--s-4) var(--s-6)}.home-brand-name{display:block}.home-nav{gap:var(--s-4)}.home-hero{padding:var(--s-10) var(--s-6) var(--s-8)}.home-proof{padding:0 var(--s-6) var(--s-10)}.home-rule{padding:0 var(--s-6)}.home-section{padding:var(--s-10) var(--s-6)}.home-footer{padding:var(--s-8) var(--s-6) var(--s-10)}.home-steps{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){.home-link{transition:none}}.home-hero-note{margin-top:var(--s-3);font-size:var(--t-sm);font-weight:var(--w-normal);color:var(--pencil-500)}.home-frame{margin-top:var(--s-8);border:1px solid var(--pencil-200);box-shadow:var(--shadow-raised);overflow:hidden;text-align:left}.home-frame-bar{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:var(--pencil-100);border-bottom:1px solid var(--pencil-200)}.home-frame-dot{width:var(--s-2);height:var(--s-2);border-radius:var(--r-full);background:var(--pencil-300)}.home-frame-body{padding:var(--s-4)}.home-frame-body .home-sample-p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-sample-head{display:flex;align-items:baseline;gap:var(--s-3)}.home-sample-n{flex-shrink:0;font-family:var(--font-display);font-size:var(--t-lg);font-weight:var(--w-bold);line-height:var(--lh-tight);color:var(--timber);font-variant-numeric:tabular-nums}.home-sample-h{font-family:var(--font-display);font-size:var(--t-md);font-weight:var(--w-semi);line-height:var(--lh-snug);color:var(--pencil-900)}.home-sample-p{margin-top:var(--s-3);font-size:var(--t-sm);font-weight:var(--w-normal);line-height:var(--lh-body);color:var(--pencil-700)}.home-sample-img{display:block;margin-top:var(--s-4);width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--pencil-200);border-radius:var(--r-md)}.home-card-lead .home-sample-img{aspect-ratio:16 / 9}.home-grid{margin-top:var(--s-6);list-style:none;display:grid;grid-template-columns:1fr;gap:var(--s-4)}.home-card{display:flex;flex-direction:column;padding:var(--s-5);border:1px solid var(--pencil-200)}.home-card-h{margin-bottom:var(--s-4);font-family:var(--font-display);font-size:var(--t-xs);font-weight:var(--w-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--pencil-500)}.home-card-foot{margin-top:auto;padding-top:var(--s-4);font-size:var(--t-xs);font-weight:var(--w-medium);color:var(--pencil-500)}.home-rows{margin-top:var(--s-4);list-style:none;display:grid;gap:var(--s-3)}.home-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--pencil-100)}.home-row:last-child{padding-bottom:0;border-bottom:none}.home-row-item{font-size:var(--t-sm);font-weight:var(--w-normal);line-height:var(--lh-snug);color:var(--pencil-700)}.home-row-num{flex-shrink:0;font-family:var(--font-display);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--cedar-deep);font-variant-numeric:tabular-nums;white-space:nowrap}.home-cost-range{font-family:var(--font-display);font-size:var(--t-2xl);font-weight:var(--w-bold);line-height:var(--lh-tight);color:var(--cedar);font-variant-numeric:tabular-nums}.home-tools{list-style:none;display:grid;gap:var(--s-3)}.home-tool{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--pencil-700)}.home-tool svg{flex-shrink:0;color:var(--pencil-500)}.home-post{background:var(--surface);border:1px solid var(--pencil-200);border-radius:var(--r-md);overflow:hidden}.home-post-photo{display:flex;align-items:center;justify-content:center;padding:var(--s-8) 0;background:var(--pencil-100);color:var(--pencil-500)}.home-post-body{padding:var(--s-4)}.home-post-author{display:flex;align-items:center;gap:var(--s-2)}.home-post-avatar{flex-shrink:0;width:var(--s-5);height:var(--s-5);border-radius:var(--r-full);background:var(--timber-soft);border:1px solid var(--pencil-200)}.home-post-user{font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--pencil-900)}.home-post-date{font-size:var(--t-xs);font-weight:var(--w-normal);color:var(--pencil-500)}.home-post-title{margin-top:var(--s-2);font-size:var(--t-sm);font-weight:var(--w-normal);line-height:var(--lh-body);color:var(--pencil-700)}.home-post-stats{margin-top:var(--s-3);display:flex;gap:var(--s-4)}.home-post-stat{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);font-weight:var(--w-medium);color:var(--pencil-500);font-variant-numeric:tabular-nums}.home-stair{margin-top:var(--s-6);display:grid;gap:var(--s-5);padding:var(--s-5);border:1px solid var(--pencil-200)}.home-stair-fields{display:grid;grid-template-columns:1fr;gap:var(--s-4)}.home-field{display:grid;gap:var(--s-2)}.home-field-label{font-size:var(--t-xs);font-weight:var(--w-semi);letter-spacing:.04em;text-transform:uppercase;color:var(--pencil-500)}.home-field-box{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:var(--sawn);border:1px solid var(--pencil-200);border-radius:var(--r-md)}.home-field-val{font-family:var(--font-display);font-size:var(--t-lg);font-weight:var(--w-bold);line-height:var(--lh-tight);color:var(--pencil-900);font-variant-numeric:tabular-nums}.home-field-unit{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--pencil-500)}.home-stair-out{padding-top:var(--s-5);border-top:1px solid var(--pencil-200)}.home-stair-flag{margin-top:var(--s-4);display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--timber-soft);border-radius:var(--r-full);font-family:var(--font-display);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--timber)}.home-stair-cta{margin-top:var(--s-5)}.home-tiers{margin-top:var(--s-6);list-style:none;display:grid;grid-template-columns:1fr;gap:var(--s-4)}.home-tier-body{flex:1}.home-tier-name{font-family:var(--font-display);font-size:var(--t-lg);font-weight:var(--w-bold);line-height:var(--lh-tight);color:var(--timber)}.home-tier-desc{margin-top:var(--s-2);font-size:var(--t-sm);font-weight:var(--w-normal);line-height:var(--lh-snug);color:var(--pencil-500)}.home-tier-price{margin-top:var(--s-4);font-family:var(--font-display);font-size:var(--t-xl);font-weight:var(--w-bold);line-height:var(--lh-tight);color:var(--cedar);font-variant-numeric:tabular-nums}.home-tier-lead{margin-top:var(--s-4);font-size:var(--t-sm);font-weight:var(--w-semi);color:var(--pencil-700)}.home-tier-list{margin-top:var(--s-4);list-style:none;display:grid;gap:var(--s-3)}.home-tier-item{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--t-sm);font-weight:var(--w-normal);line-height:var(--lh-body);color:var(--pencil-700)}.home-tier-check{flex-shrink:0;margin-top:var(--s-1);color:var(--chalk-deep)}.home-tier-note{margin-top:var(--s-4);font-size:var(--t-xs);font-weight:var(--w-normal);line-height:var(--lh-snug);color:var(--pencil-500)}.home-tier-cta{margin-top:var(--s-5);width:100%}@media (min-width: 768px){.home-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-5)}.home-card-lead{grid-column:span 2}.home-stair-fields{grid-template-columns:repeat(3,1fr)}.home-tiers{grid-template-columns:repeat(2,1fr);gap:var(--s-5)}.home-tier:last-child{grid-column:span 2}}@media (min-width: 1024px){.home-hero{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--s-8);padding:var(--s-8) var(--s-6);text-align:left}.home-frame{margin-top:0}.home-grid,.home-tiers{grid-template-columns:repeat(3,1fr)}.home-tier:last-child{grid-column:auto}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--timber: #0F2E14;--timber-deep: #071B0B;--timber-mid: #1C4A24;--timber-soft: #EDF3E9;--chalk: #7ED321;--chalk-deep: #5A9C13;--sawn: #F6F8F3;--surface: #FFFFFF;--pencil-900: #16201A;--pencil-700: #3A443E;--pencil-500: #5D655F;--pencil-300: #B4BCB6;--pencil-200: #DDE2DC;--pencil-100: #EEF1ED;--cedar: #B4632A;--cedar-deep: #8A4A1F;--cedar-soft: #FBF1E8;--lumber: #EFE1C5;--lumber-edge: #D8C197;--danger: #C0392B;--danger-deep: #96281B;--danger-soft: #FBEDEB;--scrim: rgba(7, 27, 11, .55);--scrim-deep: rgba(7, 27, 11, .92);--scrim-soft: rgba(7, 27, 11, .38);--veil: rgba(255, 255, 255, .88);--chalk-deep-hover: #4C8410;--timber-hover: #163D1D;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--t-xs: .75rem;--t-sm: .875rem;--t-base: 1rem;--t-md: 1.125rem;--t-lg: 1.375rem;--t-xl: 1.75rem;--t-2xl: 2.25rem;--w-normal: 400;--w-medium: 500;--w-semi: 600;--w-bold: 700;--lh-tight: 1.2;--lh-snug: 1.35;--lh-body: 1.55;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-8: 48px;--s-10: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 999px;--shadow-rest: 0 1px 2px rgba(15,46,20,.06);--shadow-raised: 0 2px 8px rgba(15,46,20,.1);--shadow-overlay: 0 12px 40px rgba(15,46,20,.18);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease: cubic-bezier(.2, 0, 0, 1);--tick: var(--pencil-200);--tick-active: var(--chalk);--forest: var(--timber);--forest-deep: var(--timber-deep);--lime: var(--chalk);--white: var(--surface);--off-white: var(--sawn);--gray-50: var(--pencil-100);--gray-100: var(--pencil-100);--gray-150: var(--pencil-200);--gray-200: var(--pencil-200);--gray-300: var(--pencil-300);--gray-400: var(--pencil-300);--gray-500: var(--pencil-500);--gray-600: var(--pencil-700);--gray-700: var(--pencil-700);--gray-800: var(--pencil-900);--gray-900: var(--pencil-900);--warning: var(--cedar);--forest-mid: #245c24;--forest-light: #2d7a2d;--lime-bright: #8ee832;--lime-muted: #6ab81c;--amber: #d97706;--nav-h: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--r-xl: var(--r-lg);--shadow-xs: var(--shadow-rest);--shadow-sm: var(--shadow-rest);--shadow-md: var(--shadow-raised);--shadow-lg: var(--shadow-overlay);--shadow-xl: var(--shadow-overlay);--shadow-green: var(--shadow-raised);--font: var(--font-body)}html{height:100%}body{font-family:var(--font-body);font-weight:var(--w-normal);background:var(--sawn);color:var(--pencil-900);line-height:var(--lh-body);min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}button:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:var(--s-4) var(--s-5);border-radius:var(--r-md);font-family:var(--font-display);font-weight:var(--w-semi);font-size:var(--t-base);letter-spacing:.01em;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease);white-space:nowrap;flex-shrink:0}.btn:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.btn-primary{background:var(--chalk);color:var(--timber-deep);box-shadow:var(--shadow-rest)}.btn-primary:hover:not(:disabled){background:var(--chalk-deep);box-shadow:var(--shadow-raised)}.btn-primary:active:not(:disabled){background:var(--chalk-deep);box-shadow:var(--shadow-rest)}.btn-primary:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.btn-forest{background:var(--timber);color:var(--surface);box-shadow:var(--shadow-raised)}.btn-forest:hover:not(:disabled){background:var(--timber-hover);box-shadow:var(--shadow-raised)}.btn-forest:active:not(:disabled){background:var(--timber-deep);box-shadow:var(--shadow-rest)}.btn-forest:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.btn-outline{background:var(--surface);color:var(--timber);border:2px solid var(--pencil-200)}.btn-outline:hover:not(:disabled){border-color:var(--chalk);background:var(--timber-soft)}.btn-outline:active:not(:disabled){border-color:var(--chalk-deep);background:var(--pencil-100)}.btn-outline:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.btn-ghost{background:transparent;color:var(--pencil-700);padding:var(--s-3) var(--s-4)}.btn-ghost:hover:not(:disabled){background:var(--pencil-100);color:var(--pencil-900)}.btn-ghost:active:not(:disabled){background:var(--pencil-200);color:var(--pencil-900)}.btn-ghost:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.btn-sm{padding:var(--s-2) var(--s-4);font-size:var(--t-sm)}.btn-lg{padding:var(--s-4) var(--s-6);font-size:var(--t-md)}.btn-xl{padding:var(--s-5) var(--s-6);font-size:var(--t-md)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-group{display:flex;flex-direction:column;gap:var(--s-2)}.form-label{font-size:var(--t-sm);font-weight:var(--w-bold);color:var(--pencil-500);text-transform:uppercase;letter-spacing:.05em}.form-input{padding:var(--s-4);border:2px solid var(--pencil-200);border-radius:var(--r-md);font-size:var(--t-base);color:var(--pencil-900);background:var(--surface);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);outline:none;width:100%;min-height:44px}.form-input:hover:not(:disabled){border-color:var(--pencil-300)}.form-input:focus{border-color:var(--chalk)}.form-input:active{border-color:var(--chalk)}.form-input:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.form-input:disabled{opacity:.45;cursor:not-allowed}.form-input::placeholder{color:var(--pencil-500)}textarea.form-input{resize:vertical;min-height:90px}.dual-field{margin:0}.dual-input-row{display:flex;gap:var(--s-3)}.dual-input-box{flex:1;display:flex;align-items:center;gap:0;min-height:44px;background:var(--surface);border:1.5px solid var(--pencil-200);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--dur-fast) var(--ease)}.dual-input-box:hover{border-color:var(--pencil-300)}.dual-input-box:focus-within{border-color:var(--chalk)}.dual-input-box .dual-input{flex:1;border:none;background:transparent;padding:var(--s-3) var(--s-1) var(--s-3) var(--s-3);font-size:var(--t-md);font-weight:var(--w-bold);color:var(--pencil-900);min-width:0;box-shadow:none;outline:none;font-variant-numeric:tabular-nums}.dual-input-box .dual-input:hover:not(:disabled){background:var(--pencil-100)}.dual-input-box .dual-input:active{background:var(--pencil-100)}.dual-input-box .dual-input:focus-visible{outline:2px solid var(--pencil-900);outline-offset:2px;box-shadow:0 0 0 4px var(--chalk)}.dual-input-box .dual-input:disabled{opacity:.45;cursor:not-allowed}.dual-input-box .dual-input::-webkit-inner-spin-button,.dual-input-box .dual-input::-webkit-outer-spin-button{opacity:1}.dual-unit{padding:0 var(--s-3) 0 var(--s-1);font-size:var(--t-xs);font-weight:var(--w-bold);color:var(--pencil-500);white-space:nowrap;-webkit-user-select:none;user-select:none}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-rest)}.badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.04em}.badge-lime{background:var(--timber-soft);color:var(--timber)}.badge-forest{background:var(--timber);color:var(--surface)}.badge-white{background:var(--surface);color:var(--timber)}.error-msg{background:var(--danger-soft);border:1.5px solid var(--danger);color:var(--danger-deep);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--t-sm);font-weight:var(--w-medium)}.spinner{width:20px;height:20px;border:3px solid var(--pencil-200);border-top-color:var(--chalk);border-radius:var(--r-full);animation:spin var(--dur-slow) linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;gap:var(--s-4);color:var(--pencil-500);font-weight:var(--w-medium)}.divider{height:1px;background:var(--pencil-200)}.avatar{border-radius:var(--r-full);object-fit:cover;background:var(--timber);display:flex;align-items:center;justify-content:center;font-weight:var(--w-bold);color:var(--chalk);flex-shrink:0;font-size:var(--t-sm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInR{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes slideInL{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.fade-up{animation:fadeUp var(--dur-slow) var(--ease) both}.fade-in{animation:fadeIn var(--dur-base) var(--ease) both}.slide-in-r{animation:slideInR var(--dur-slow) var(--ease) both}.slide-in-l{animation:slideInL var(--dur-slow) var(--ease) both}.pop-in{animation:popIn var(--dur-slow) var(--ease) both}@media (prefers-reduced-motion: reduce){.btn,.form-input,.dual-input-box,.dual-input-box .dual-input{transition:none}.fade-up,.fade-in,.slide-in-r,.slide-in-l,.pop-in{animation:none}}.safe-bottom{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--s-4))}.page-logo{width:40px;height:40px;border-radius:var(--r-full);display:block;flex-shrink:0}.upgrade-modal{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-6) var(--s-5) var(--s-5);max-width:440px;width:calc(100% - 32px);position:relative;box-shadow:var(--shadow-overlay);text-align:center}.upgrade-modal-icon{width:56px;height:56px;border-radius:var(--r-lg);background:var(--timber);color:var(--surface);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-4)}.upgrade-modal-title{font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--pencil-900);margin-bottom:var(--s-2)}.upgrade-modal-msg{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-body);margin-bottom:var(--s-5)}.upgrade-options{display:flex;flex-direction:column;gap:var(--s-3);text-align:left}.upgrade-option{border:1.5px solid var(--pencil-200);border-radius:var(--r-md, 12px);padding:var(--s-4) var(--s-4);position:relative}.upgrade-option-featured{border-color:var(--chalk);background:var(--timber-soft)}.upgrade-badge{position:absolute;top:-10px;right:14px;background:var(--chalk);color:var(--timber);font-size:var(--t-xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:.5px;padding:var(--s-1) var(--s-2);border-radius:var(--r-full)}.upgrade-option-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-1)}.upgrade-option-name{font-weight:var(--w-bold);color:var(--pencil-900);font-size:var(--t-base)}.upgrade-option-price{font-weight:var(--w-bold);color:var(--pencil-900);font-size:var(--t-md)}.upgrade-per{font-size:var(--t-xs);font-weight:var(--w-semi);color:var(--pencil-500)}.upgrade-option-sub{font-size:var(--t-sm);color:var(--pencil-700);line-height:var(--lh-snug);margin-bottom:var(--s-3)}.upgrade-option-btn{width:100%}.upgrade-error{margin:var(--s-3) 0 0;padding:var(--s-3) var(--s-3);background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--r-sm);color:var(--danger-deep);font-size:var(--t-sm);line-height:var(--lh-snug);text-align:left}.upgrade-later{margin-top:var(--s-4);background:none;border:none;color:var(--pencil-500);font-size:var(--t-sm);font-weight:var(--w-semi);cursor:pointer}.upgrade-later:hover{color:var(--pencil-900)}