.sy-page{background:var(--bg);min-height:70vh;padding:2.5rem 1rem 4rem}.sy-container{max-width:720px;margin:0 auto}.sy-topbar{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;display:flex}.sy-back-link{color:var(--navy-mid);font-weight:700;text-decoration:none}.sy-back-link:hover{text-decoration:underline}.sy-head{text-align:center;margin-bottom:2rem}.sy-title{color:var(--navy);margin:0 0 .6rem;font-size:2.1rem;font-weight:900}.sy-sub,.sy-text{color:var(--text-mid);margin:0;font-size:1.05rem;line-height:1.7}.sy-hint{color:var(--text-mid);margin:.5rem 0;font-size:.95rem}.sy-kicker{color:var(--navy);background:var(--gold);border-radius:999px;margin:0 0 .4rem;padding:.1rem .8rem;font-weight:800;display:inline-block}.sy-h2{color:var(--navy);margin:0 0 1rem;font-size:1.4rem;font-weight:900}.sy-h3{color:var(--navy);margin:0 0 .75rem;font-size:1.15rem;font-weight:800}.sy-text+.sy-field{margin-top:1.25rem}.sy-card{background:var(--white);border-radius:20px;margin-bottom:1.25rem;padding:1.5rem 1.25rem;box-shadow:0 2px 10px #0000000f}.sy-center{text-align:center}.sy-flow{flex-direction:column;display:flex}.sy-field{border:0;margin:0 0 1.25rem;padding:0}.sy-legend{color:var(--navy);margin-bottom:.6rem;font-weight:800}.sy-chips{flex-wrap:wrap;gap:.6rem;display:flex}.sy-chip,.sy-tab{border:2px solid var(--navy-mid);background:var(--white);min-height:52px;color:var(--navy);cursor:pointer;border-radius:999px;padding:0 1.2rem;font-size:1.05rem;font-weight:700}.sy-chip-on,.sy-tab-on{background:var(--navy);color:var(--white);border-color:var(--navy)}.sy-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.sy-occasions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:560px){.sy-occasions{grid-template-columns:repeat(3,minmax(0,1fr))}}.sy-occasion{border:2px solid var(--navy-mid);background:var(--white);min-height:84px;color:var(--navy);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:1.1rem;font-weight:800;display:flex}.sy-occasion-on{background:var(--navy);color:var(--white);border-color:var(--navy)}.sy-emoji{font-size:1.6rem}.sy-input{border:2px solid var(--navy-mid);background:var(--white);width:100%;min-height:56px;color:var(--navy);border-radius:12px;margin-top:.75rem;padding:0 1rem;font-size:1.1rem}.sy-text-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.sy-text-row .sy-input{flex:14rem;margin-top:0}.sy-btn{cursor:pointer;border:2px solid var(--navy);padding:0 1.4rem;text-wrap:balance;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;min-height:56px;padding-block:.5rem;font-size:1.1rem;font-weight:800;line-height:1.35;text-decoration:none;display:inline-flex}.sy-btn:disabled,.sy-chip:disabled,.sy-tab:disabled,.sy-occasion:disabled,.sy-wcard:disabled,.sy-link:disabled{opacity:.5;cursor:not-allowed}.sy-btn:focus-visible,.sy-chip:focus-visible,.sy-tab:focus-visible,.sy-occasion:focus-visible,.sy-wcard:focus-visible,.sy-link:focus-visible,.sy-back-link:focus-visible,.sy-input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sy-btn-primary{background:var(--navy);color:var(--white)}.sy-btn-ghost{background:var(--white);color:var(--navy)}.sy-btn-big{text-align:center;width:100%;min-height:64px;font-size:1.2rem}.sy-mic-on{background:var(--gold);border-color:var(--gold);color:var(--navy)}.sy-link{min-height:44px;color:var(--navy-mid);cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-size:1rem;font-weight:700;text-decoration:underline}.sy-actions{flex-wrap:wrap;gap:.75rem;margin:.5rem 0 1.5rem;display:flex}.sy-error{color:#b42318;margin:0 0 1rem;font-weight:700}.sy-topup{color:inherit;white-space:nowrap;text-decoration:underline}.sy-saved{color:var(--navy);align-self:center;font-weight:700}.sy-login-form{margin-top:1.5rem}.sy-photo-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.sy-photo-preview{border-radius:12px;max-width:180px;margin-top:.75rem;display:block}.sy-avatar-box{text-align:center;margin:0 0 1.25rem}.sy-avatar-lg{background:var(--bg);border-radius:18px;width:min(260px,70%);margin:0 auto;display:block}.sy-avatar-md{background:var(--white);border-radius:16px;flex:0 0 140px;width:140px}.sy-avatar-sm{object-fit:cover;object-position:top;background:var(--white);border-radius:50%;width:56px;height:56px}.sy-me{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.sy-result-head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.sy-result-head>div{overflow-wrap:anywhere;min-width:0}.sy-look{background:var(--white);border-radius:18px;width:min(320px,100%)}@media (max-width:420px){.sy-result-head{text-align:center;flex-direction:column}}.sy-list{color:var(--navy);margin:0;padding-left:1.2rem;font-size:1.05rem;line-height:1.8}.sy-card-avoid{border-left:6px solid #d9534f}.sy-card-outfit{border-left:6px solid #2e8b57}.sy-card-tip{border-left:6px solid var(--gold)}.sy-outfit{margin:0}.sy-outfit-row{border-bottom:1px solid #0000000f;grid-template-columns:4.5rem 1fr;gap:.5rem;padding:.5rem 0;display:grid}.sy-outfit-row:last-child{border-bottom:0}.sy-outfit dt{color:var(--navy-mid);font-weight:800}.sy-outfit dd{overflow-wrap:anywhere;min-width:0;color:var(--navy);margin:0;font-size:1.05rem}.sy-wardrobe-pick,.sy-wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:560px){.sy-wardrobe-pick,.sy-wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sy-wcard{text-align:left;background:var(--white);color:var(--navy);cursor:pointer;overflow-wrap:anywhere;border:2px solid #0000001a;border-radius:14px;flex-direction:column;align-items:stretch;gap:.4rem;padding:.6rem;font-size:1rem;display:flex}.sy-wcard-on{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}.sy-wthumb{aspect-ratio:1;object-fit:cover;background:var(--bg);border-radius:10px;width:100%}.sy-wthumb-text{justify-content:center;align-items:center;font-size:2.2rem;display:flex}.sy-wcard-static{cursor:default}.sy-wdelete{align-self:flex-start}.sy-wconfirm{flex-direction:column;gap:.5rem;display:flex}.sy-wconfirm-q{color:#b42318;margin:0;font-weight:700}.sy-wconfirm .sy-btn{width:100%;padding:0 .5rem}.sy-btn-danger{color:var(--white);background:#b42318;border-color:#b42318}.sy-runs{margin:0;padding:0;list-style:none}.sy-runs li{border-bottom:1px solid #0000000f}.sy-runs span{overflow-wrap:anywhere;min-width:0}.sy-runs a{color:var(--navy);justify-content:space-between;gap:1rem;padding:.9rem 0;font-weight:700;text-decoration:none;display:flex}.sy-runs time{color:var(--text-mid);white-space:nowrap;font-weight:400}