.room-portrait{aspect-ratio:1/1;height:auto!important;width:28%!important;top:13%!important;border-radius:2cqw}.room-portrait svg{display:block;width:100%;height:100%;overflow:hidden}.wear-back,.growth-back{display:flex!important;align-items:center;justify-content:center;padding:0!important;line-height:1!important;font-family:Arial,sans-serif!important}
#phone #nav{position:absolute;left:3.4%;right:3.4%;bottom:2.1%;height:9.2%;padding:1cqw;gap:1.5cqw;display:flex;border:0;border-radius:4cqw;background:#253048d9;backdrop-filter:blur(7px);box-sizing:border-box}
#phone #nav button{flex:1;min-width:0;border:1.5px solid #9bacdc99;border-radius:3.7cqw;padding:1cqw 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqw;background:linear-gradient(130deg,#485275b8,#2b3354db)}
#phone #nav svg{display:block;flex:none;width:8cqw;height:7.5cqw;filter:none;overflow:hidden}#phone #nav span{font-size:3.05cqw;line-height:1.3}#phone #nav button.active{background:linear-gradient(130deg,#66cbd0,#b0f6cb);border:2px solid #e7fff5;box-shadow:0 0 14px #9dffe880;color:#133b49}
.growth-view #top{position:absolute;inset:0 0 auto;height:10%;padding:0}.growth-heading{display:flex;align-items:center;gap:3cqw;padding:4cqw}.growth-heading h1{font-size:6.2cqw;margin:0}.growth-back{width:11cqw;height:11cqw;font-size:9cqw!important;border-radius:3cqw}.growth-view #content{position:absolute;inset:11% 3% 12%;height:auto;padding:0;overflow:auto}.growth-tabs{display:flex;align-items:stretch;gap:1cqw;margin-bottom:3cqw}.growth-tabs button{flex:1;font-size:3cqw;padding:2cqw 1cqw}.growth-tabs .selected{background:linear-gradient(135deg,#68dbca,#b6fbd7);color:#123d47;border:1px solid #d5fff2}.growth-tabs>span{font-size:3cqw;background:#343e60df;border:1px solid #8299be;border-radius:3cqw;padding:1.5cqw 2cqw;color:#c1c9df;text-align:center}.growth-tabs small{font-size:2.5cqw}.growth-summary,.growth-goal-card,.growth-empty{background:linear-gradient(135deg,#515f83e8,#303d5feb);border:1.5px solid #a0b5e6;border-radius:4cqw;padding:3cqw;color:#f0f4ff}.growth-summary h2{font-size:4.5cqw;margin:0}.growth-summary>p{font-size:2.6cqw;color:#c0cfe6;margin:1cqw 0 3cqw}.growth-stats{display:flex;padding:3cqw 0;border-top:1px solid #adb8d066;border-bottom:1px solid #adb8d066}.growth-stats>div{flex:1;text-align:center;border-right:1px solid #adb8d066}.growth-stats>div:last-child{border:0}.growth-stats small{display:block;font-size:2.9cqw}.growth-stats b{display:block;font-size:4.7cqw;color:#8ff0d1;margin-top:1cqw}.growth-stats>div:first-child b{color:#f9d272;font-size:4cqw}.growth-summary-foot{display:flex;justify-content:space-between;font-size:2.8cqw;margin:3cqw 0 2cqw}.growth-progress{height:1.8cqw;border:1px solid #97abd2;border-radius:2cqw;overflow:hidden;background:#26334f}.growth-progress i{display:block;height:100%;background:#65e5bd}.growth-source{display:block;font-size:2.3cqw;color:#bbc8df;line-height:1.6;margin-top:2cqw}.growth-list-title{font-size:4.5cqw;margin:4cqw 1cqw 2cqw}.growth-goal-card{display:grid;grid-template-columns:19cqw 1fr;gap:2.5cqw;margin-bottom:2cqw}.growth-cover svg{width:100%;height:22cqw;border-radius:3cqw;overflow:hidden}.growth-goal-copy h3{font-size:3.7cqw;line-height:1.5;margin:0 0 1cqw}.growth-status{font-size:2.5cqw;color:#8fe5d9;border:1px solid #78aaba;border-radius:2cqw;padding:.5cqw 2cqw}.growth-goal-copy>small{display:block;font-size:2.4cqw;color:#c2d1e9;margin-top:1.5cqw}.growth-goal-copy p{font-size:2.8cqw;margin:1.5cqw 0}.growth-goal-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9daed255;padding-top:2cqw}.growth-goal-footer span{font-size:2.6cqw}.growth-goal-footer b{display:block;color:#83edce;margin-top:1cqw}.growth-goal-footer button{padding:1.7cqw 5cqw;font-size:3.4cqw}.growth-empty{text-align:center;padding:10cqw 3cqw}.growth-empty>span{font-size:10cqw}.growth-empty h3{font-size:4cqw}.growth-empty p{font-size:3cqw;line-height:1.8}.growth-empty button{font-size:3cqw;margin-top:3cqw}
.growth-book-goal{background:#c9ecca;color:#194b4f;text-align:center;border-radius:8cqw;font-weight:bold;padding:2cqw;margin:0 7cqw 3cqw;font-size:3.3cqw}.growth-book{color:#323044;background:linear-gradient(90deg,#cfb392 0,#f5e9d6 5%,#fff5e6 13%,#f8efdf 92%,#d7bd98);border:2px solid #bc956d;border-radius:4cqw 6cqw 6cqw 3cqw;padding:4cqw 3cqw 5cqw;box-shadow:inset 2cqw 0 2cqw #b1927155,0 2cqw 3cqw #17203566}.growth-book h2{font-size:6cqw;margin:1cqw 0;color:#4c392d}.book-subtitle{font-size:2.8cqw;color:#907b66;line-height:1.7}.book-metrics{display:flex;gap:1cqw;justify-content:space-between;border-radius:3cqw;background:#fffaf0a6;border:1px solid #dccdbb;padding:2.5cqw 1.5cqw;margin:3cqw 0}.book-metrics>div{font-size:2.5cqw}.book-metrics b{color:#287177;font-size:4cqw}.book-columns{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.book-note{border:1px solid #d6c7b6;border-radius:3cqw;background:#fffcf3b3;overflow:hidden;margin:2.5cqw 0}.book-note h3{display:flex;align-items:center;gap:1cqw;margin:0;padding:1.8cqw 2cqw;font-size:3.5cqw;background:#c9dfc3;color:#355b47}.book-note p{font-size:3cqw;line-height:1.9;margin:2.5cqw;white-space:pre-wrap;overflow-wrap:anywhere}.book-note small{font-size:2.4cqw;display:block;line-height:1.6;color:#83796c;margin:2cqw}.book-note h3 svg{width:6cqw;height:6cqw}.book-note.rose h3{background:#f0c1b7;color:#813b3b}.book-note.blue h3{background:#bdd4e5;color:#2d4c76}.book-note.gold h3{background:#f0d393;color:#785625}.book-photo{transform:rotate(3deg);background:#fffaf0;border:1px solid #d5c4b3;padding:1.5cqw;margin:3cqw 0;align-self:start}.book-photo svg{width:100%;height:25cqw}.book-photo small{font-size:2.3cqw;color:#8a7461}.book-note button{font-size:2.8cqw;background:#dfecdb;color:#31534e;margin:0 2cqw 2cqw;padding:1.5cqw 3cqw}.book-ending{font-size:3cqw;color:#947455;line-height:1.8;margin:4cqw 1cqw 0}.book-pagination{display:flex;justify-content:center;align-items:center;gap:5cqw;margin:2cqw;font-size:3cqw}.book-pagination button{font-size:5cqw;padding:0 3cqw}.book-actions{display:flex;gap:2cqw;margin:2cqw 0}.book-actions button{flex:1;font-size:3.3cqw;padding:3cqw 1cqw}
#phone #nav button{border-width:2px;box-sizing:border-box}