:root{color:#292621;font-synthesis:none;text-rendering:optimizelegibility;background:#f4efe7;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:#f4efe7}body{min-width:320px;min-height:100dvh;margin:0}button,input,textarea,select{font:inherit}::-moz-selection{color:#fffaf2;background:#a5472d}::selection{color:#fffaf2;background:#a5472d}.app-shell{width:min(100%,72rem);min-height:100dvh;padding:max(2rem, env(safe-area-inset-top)) clamp(1.25rem, 5vw, 4rem) max(1.5rem, env(safe-area-inset-bottom));align-content:space-between;gap:4rem;margin:0 auto;display:grid}.hero{max-width:52rem}.eyebrow,.section-number{color:#a5472d;letter-spacing:.18em;margin:0 0 1.5rem;font-size:.75rem;font-weight:800}h1{letter-spacing:-.075em;margin:0;font-size:max(3.4rem,min(10vw,7.5rem));font-weight:750;line-height:.92}.hero-copy{color:#5f5a52;max-width:38rem;margin:2rem 0 0;font-size:max(1rem,min(2vw,1.2rem));line-height:1.75}.surface-list{gap:.5rem;margin-top:2rem;display:flex}.surface-list span{border:1px solid #c9c0b4;border-radius:999px;padding:.55rem .9rem;font-size:.8rem;font-weight:700}.principles{border-top:1px solid #c9c0b4;grid-template-columns:minmax(10rem,.65fr) 1.35fr;gap:2rem;padding-top:1.5rem;display:grid}.principles h2{letter-spacing:-.045em;margin:0;font-size:max(1.8rem,min(4vw,3rem))}.principles ol{counter-reset:promise;margin:0;padding:0;list-style:none}.principles li{counter-increment:promise;border-bottom:1px solid #d8d0c6;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1rem 0;line-height:1.6;display:grid}.principles li:before{content:counter(promise, decimal-leading-zero);color:#a5472d;font-size:.75rem;font-weight:800}footer,.session-bar{color:#6e685f;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}footer span{color:#a5472d}.session-bar{border-bottom:1px solid #d8d0c6;padding-bottom:1rem}.session-bar p{margin:0}.auth-page{grid-template-columns:minmax(20rem,1fr) minmax(28rem,38rem);min-height:100dvh;display:grid}.auth-story{color:#fffaf2;background-color:#2d2923;background-image:linear-gradient(#1916122e 25%,#191612e6 100%),url(/family-login.private.jpg);background-position:50% 40%;background-size:cover;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:max(3rem,6vw);display:flex;position:relative;overflow:hidden}.auth-story>*{z-index:1;position:relative}.auth-story h1{font-size:max(3rem,min(6vw,6rem))}.photo-caption p{color:#eee6da;max-width:32rem;margin:1.5rem 0 0;font-size:1.05rem;line-height:1.8}.auth-card{width:min(100%,36rem);margin:auto;padding:3rem max(1.5rem,min(6vw,4.5rem))}.mode-switch{background:#e9e2d8;border-radius:.8rem;grid-template-columns:1fr 1fr;padding:.3rem;display:grid}.mode-switch button{color:#70685e;cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:.8rem;font-weight:700}.mode-switch button.active{color:#292621;background:#fffaf2;box-shadow:0 2px 8px #29262114}.card-heading{margin:2.5rem 0 2rem}.card-heading .section-number{margin-bottom:.8rem}.card-heading h2{letter-spacing:-.04em;margin:0;font-size:2rem}.card-heading>p:last-child{color:#6e685f;margin:.7rem 0 0;line-height:1.6}.auth-card form{gap:.7rem;display:grid}.auth-card label{font-size:.86rem;font-weight:750}.auth-card input{color:#292621;background:#fffdf9;border:1px solid #c9c0b4;border-radius:.7rem;outline:none;width:100%;padding:.9rem 1rem}.auth-card input:focus{border-color:#a5472d;box-shadow:0 0 0 3px #a5472d1f}.label-row{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.text-button{color:#a5472d;cursor:pointer;background:0 0;border:0;padding:.2rem;font-size:.82rem;font-weight:750}.primary-button,.google-button{cursor:pointer;border-radius:.7rem;width:100%;padding:.95rem 1rem;font-weight:800}.primary-button{color:#fffaf2;background:#a5472d;border:1px solid #a5472d;margin-top:.8rem}.google-button{color:#292621;background:#fffdf9;border:1px solid #c9c0b4}.google-mark{color:#fff;background:#4285f4;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;margin-right:.6rem;font-weight:900;display:inline-grid}.divider{color:#8b8379;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";background:#d8d0c6;flex:1;height:1px}.form-message{color:#a5472d;margin:.2rem 0 0;font-size:.82rem;line-height:1.5}.demo-note{color:#7a736a;text-align:center;margin:1rem 0 0;font-size:.72rem;line-height:1.55}@media (max-width:56rem){.auth-page{grid-template-columns:1fr}.auth-card{min-height:100dvh;padding-block:max(2.5rem, env(safe-area-inset-top));flex-direction:column;order:-1;justify-content:center;display:flex}.auth-story{background-position:50% 38%;min-height:34rem;padding:2rem 1.5rem}.auth-story h1{font-size:max(2.8rem,min(12vw,5rem))}}@media (max-width:42rem){.app-shell{gap:3rem}.principles{grid-template-columns:1fr;gap:1rem}}