#build .projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:transparent;border:0}.prototype-card{min-width:0;padding:20px;border:1px solid var(--line);background:#111513;overflow:hidden}.prototype-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.prototype-card>header span{font:500 .7rem var(--mono);color:var(--muted)}.prototype-card>header h3{font-size:2rem;letter-spacing:-.06em;margin:.35rem 0 0}.prototype-card>header>b{display:flex;align-items:center;gap:6px;color:var(--mint);font:500 .65rem var(--mono);white-space:nowrap}.prototype-card>header>b i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.prototype-card>p{color:var(--muted);font-size:.9rem;min-height:45px;margin:.6rem 0 1.2rem}.app-phone{--phone-bg:#f4f5f3;--phone-ink:#15201b;position:relative;width:min(100%,310px);height:590px;margin:auto;border:7px solid #303532;border-radius:36px;background:var(--phone-bg);color:var(--phone-ink);overflow:hidden;box-shadow:0 30px 60px #0007;font-family:var(--sans)}.phone-speaker{position:absolute;z-index:4;top:8px;left:50%;width:78px;height:20px;transform:translateX(-50%);border-radius:18px;background:#1c211f}.app-status{height:42px;padding:14px 18px 0;display:flex;justify-content:space-between;font-size:.62rem;font-weight:700}.app-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.app-head small,.app-head strong{display:block}.app-head small{font-size:.68rem;color:#738078}.app-head strong{font-size:1.05rem}.app-head button,.trip-hero .app-head button{width:40px;height:40px;border:0;border-radius:50%;background:#e7ebe8;color:inherit;font-size:1rem;cursor:pointer}.balance-card{margin:0 14px;padding:18px;border-radius:20px;background:#19372d;color:white;overflow:hidden}.balance-card small{font-size:.7rem;color:#b8c9c2}.balance-card strong{display:block;margin:7px 0 2px;font-size:2rem;letter-spacing:-.06em}.balance-card>span{font-size:.65rem;color:#83f3c4}.balance-card svg{display:block;width:100%;height:54px;margin-top:7px}.balance-card path{fill:none;stroke:#83f3c4;stroke-width:3}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 14px}.quick-actions button{min-height:72px;border:1px solid #dfe4e0;border-radius:15px;background:white;color:#26312b;cursor:pointer}.quick-actions i,.quick-actions span{display:block}.quick-actions i{font-style:normal;font-size:1.2rem;color:#1d6e50}.quick-actions span{font-size:.7rem;margin-top:3px}.app-list{padding:2px 16px}.list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.list-title strong{font-size:.78rem}.list-title span{font-size:.62rem;color:#7b8680}.app-list ul{list-style:none;margin:0;padding:0}.app-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #e0e4e1;font-size:.68rem}.app-list li>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffe8df;color:#9b4b2c;font-style:normal}.app-list li>i.income{background:#ddf3e8;color:#26704f}.app-list li span,.app-list li small{display:block}.app-list li small{color:#87908b;font-size:.58rem}.app-list li b{font-size:.65rem}.new-activity{animation:item-in .28s ease-out}@keyframes item-in{from{opacity:0;transform:translateY(-8px)}}.app-nav{position:absolute;left:0;right:0;bottom:0;height:58px;padding:7px 16px 11px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #dfe3e0;background:#fafbfa}.app-nav button{min-width:44px;min-height:40px;border:0;background:transparent;color:#8b948f;font-size:.67rem;cursor:pointer}.app-nav button.active{color:#197251;font-weight:700}
.meridian-phone{background:#f7f2eb}.trip-hero{height:235px;padding-top:2px;background:linear-gradient(145deg,#172c38,#315b65 58%,#c48e64);color:white}.trip-hero .app-head{padding-top:7px}.trip-hero .app-head button{background:#ffffff20;color:white}.trip-hero>span{display:block;padding:6px 20px 0;font:500 .62rem var(--mono);color:#d6ecea}.trip-hero h4{margin:7px 20px 14px;font-size:1.65rem;line-height:1.02;letter-spacing:-.05em}.route-line{display:flex;align-items:center;gap:10px;margin:0 20px}.route-line strong{font:600 .72rem var(--mono)}.route-line i{height:1px;flex:1;border-top:1px dashed #fff9}.day-tabs{display:flex;gap:7px;padding:12px 14px 8px}.day-tabs button{flex:1;min-height:38px;border:1px solid #ddd5cb;border-radius:12px;background:transparent;color:#766f67;font-size:.68rem;cursor:pointer}.day-tabs button.active{background:#253f46;border-color:#253f46;color:white}.trip-detail{margin:0 14px;padding:13px 14px;border-radius:16px;background:white;min-height:145px}.trip-detail>span{font-size:.62rem;color:#9c6b43}.trip-detail h5{font-size:1rem;margin:5px 0}.trip-detail p{font-size:.68rem;line-height:1.45;color:#6e756f;margin:0}.trip-meta{display:flex;gap:6px;margin-top:10px}.trip-meta span{padding:4px 7px;border-radius:8px;background:#eef0ed;font-size:.58rem}.trip-progress{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;margin:12px 16px;font-size:.62rem}.trip-progress>b{height:5px;border-radius:5px;background:#dedbd6;overflow:hidden}.trip-progress>b i{display:block;height:100%;background:#c07849;transition:width .25s}.trip-progress>strong{grid-row:1/3;grid-column:2;font-size:.64rem}.meridian-phone .app-nav button.active{color:#9e6037}
.pulse-phone{background:#eef0f4}.pulse-phone .app-head button{background:#dde2e8}.recovery{display:grid;grid-template-columns:108px 1fr;align-items:center;gap:12px;padding:8px 16px}.score-ring{--score:274deg;width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#eef0f4 58%,transparent 60%),conic-gradient(#7556d8 var(--score),#d9dde4 0)}.score-ring strong{font-size:1.8rem;line-height:1}.score-ring span{font-size:.58rem;color:#6b7280}.recovery>div:last-child small{font-size:.6rem;color:#777f88}.recovery h4{font-size:.95rem;line-height:1.15;margin:4px 0}.recovery p{font-size:.64rem;line-height:1.4;color:#717985;margin:0}.mood-picker{margin:10px 14px;padding:13px;border-radius:16px;background:white}.mood-picker>span{font-size:.68rem;font-weight:700}.mood-picker>div{display:flex;gap:6px;margin-top:9px}.mood-picker button{flex:1;min-height:36px;border:1px solid #dce0e6;border-radius:10px;background:white;color:#68717d;font-size:.62rem;cursor:pointer}.mood-picker button.active{border-color:#7456d8;background:#efeaff;color:#6044bf}.breath-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;margin:10px 14px;padding:12px;border-radius:16px;background:#302b47;color:white}.breath-orb{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#ffffff12}.breath-orb i{width:25px;height:25px;border-radius:50%;background:#a992ff}.breath-card.running .breath-orb i{animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.55);opacity:.65}}.breath-card span,.breath-card strong,.breath-card small{display:block}.breath-card span{font-size:.56rem;color:#bcb4dc}.breath-card strong{font-size:.72rem}.breath-card small{font-size:.56rem;color:#d1cbea}.breath-card>button{min-width:52px;min-height:36px;border:0;border-radius:10px;background:#a992ff;color:#251d42;font-size:.62rem;font-weight:700;cursor:pointer}.weekly-bars{height:68px;display:flex;align-items:flex-end;gap:9px;padding:6px 22px 0}.weekly-bars i{flex:1;max-width:18px;border-radius:5px 5px 0 0;background:#c9cdd6}.weekly-bars i.today{background:#7556d8}.pulse-phone .app-nav button.active{color:#6747cb}
@media(max-width:1040px){#build .projects{grid-template-columns:1fr}.prototype-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-template-rows:auto 1fr;gap:0 30px}.prototype-card>header,.prototype-card>p{grid-column:1}.prototype-card>.app-phone{grid-column:2;grid-row:1/3}.prototype-card>p{align-self:start;max-width:260px}}
@media(max-width:699px){#build .projects{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-bottom:18px;scrollbar-width:thin}.prototype-card{display:block;flex:0 0 92%;padding:15px;scroll-snap-align:start}.prototype-card>p{min-height:0}.app-phone{height:590px}.prototype-card>header h3{font-size:1.7rem}.prototype-card>header>b{font-size:.58rem}}
.app-head button,.trip-hero .app-head button,.day-tabs button,.mood-picker button,.breath-card>button,.app-nav button{min-height:44px}.quick-actions span,.day-tabs button,.mood-picker button,.breath-card>button{font-size:.75rem}
@media(prefers-reduced-motion:reduce){.new-activity,.breath-card.running .breath-orb i{animation:none}.trip-progress>b i{transition:none}}
