:root{--blue:#0a7cff;--blue-dark:#0067e8;--blue-soft:#eaf4ff;--text:#16181d;--muted:#7b8492;--line:#e7ebf0;--bg:#f3f5f9;--surface:#fff;--danger:#c93636;--ok:#2e8b57;--radius:14px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app{background:var(--surface);width:100%;max-width:520px;min-height:100vh;margin:0 auto}.page{padding:16px 16px 32px}.page--form{padding-bottom:96px}.topbar{align-items:center;gap:10px;min-height:36px;margin-bottom:14px;display:flex}.back{color:var(--muted);background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font-size:14px;display:inline-flex}.back:hover{color:var(--text)}.page-title{letter-spacing:-.02em;margin:0;font-size:22px;line-height:1.15}.muted{color:var(--muted)}.tabs{background:#f2f4f8;border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:4px;display:grid}.tab{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:10px 8px;font-size:12px;font-weight:600;line-height:1.2}.tab--active{background:var(--blue);color:#fff}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.card{text-align:left;background:0 0;border:0;flex-direction:column;gap:7px;min-width:0;padding:0;display:flex}.card__image-wrap{aspect-ratio:1;border-radius:var(--radius);background:linear-gradient(135deg,#e8effa,#f5f7fb);width:100%;position:relative;overflow:hidden}.card__image{object-fit:cover;width:100%;height:100%;display:block}.card__placeholder{color:#8fa9c7;text-align:center;place-items:center;width:100%;height:100%;padding:12px;font-size:12px;font-weight:700;display:grid}.card__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card__meta{color:var(--muted);margin:0;font-size:11px;line-height:1.35}.card__price{font-size:13px;font-weight:700}.card__button{background:var(--blue);color:#fff;border:0;border-radius:8px;width:100%;padding:8px 6px;font-size:12px;font-weight:600}.card__button:hover,.btn--primary:hover{background:var(--blue-dark)}.card__button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.archive-card,.want-card{border-radius:var(--radius);text-align:left;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:18px;padding:16px;display:flex}.archive-card{background:#f4f7fb}.want-card{background:var(--blue-soft)}.archive-card__title,.want-card__title{margin:0 0 4px;font-size:14px;font-weight:700;display:block}.archive-card__text,.want-card__text{color:var(--muted);margin:0;font-size:11px;line-height:1.4;display:block}.arrow{color:var(--blue);font-size:22px;line-height:1}.empty{border-radius:var(--radius);color:var(--muted);text-align:center;background:#f7f9fc;padding:28px 14px;font-size:13px;line-height:1.5}.detail-image{aspect-ratio:1.25;object-fit:cover;background:#eef2f8;border-radius:18px;width:100%}.detail-image--placeholder{color:#8fa9c7;place-items:center;font-weight:700;display:grid}.detail-head{padding:18px 0 4px}.detail-title{letter-spacing:-.03em;margin:0 0 10px;font-size:24px;line-height:1.12}.meta-row{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:13px;line-height:1.45;display:flex}.meta-row span{align-items:center;gap:6px;display:inline-flex}.detail-price{margin:16px 0;font-size:18px;font-weight:700}.description{color:#353a42;white-space:pre-line;margin:14px 0 0;font-size:14px;line-height:1.65}.btn{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;line-height:1.1;display:inline-flex}.btn--primary{background:var(--blue);color:#fff}.btn--secondary{color:var(--text);background:#edf1f6}.btn--ghost{color:var(--blue);background:0 0;padding-left:0;padding-right:0}.btn--block{width:100%}.detail-cta{background:linear-gradient(180deg, transparent, var(--surface) 30%);margin-top:22px;padding:12px 0 4px;position:sticky;bottom:0}.archive-list{flex-direction:column;gap:10px;display:flex}.archive-item{border:1px solid var(--line);border-radius:var(--radius);padding:14px}.archive-item__date{color:var(--blue);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:700}.archive-item__title{margin:0 0 5px;font-size:15px;line-height:1.3}.archive-item__text{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.want-page{flex-direction:column;justify-content:center;min-height:70vh;padding:16px;display:flex}.want-page h1{letter-spacing:-.03em;margin:0 0 14px;font-size:28px;line-height:1.08}.want-page p{color:var(--muted);white-space:pre-line;margin:0 0 24px;font-size:15px;line-height:1.6}.modal{z-index:100;background:#0d16237a;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.modal__sheet{background:var(--surface);border-radius:22px 22px 16px 16px;width:100%;max-width:520px;max-height:92vh;padding:20px 16px 18px;overflow-y:auto;box-shadow:0 20px 50px #0a1e3c33}.modal__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal__title{margin:0;font-size:21px;line-height:1.15}.modal__subtitle{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.4}.icon-button{color:var(--muted);background:#f0f3f7;border:0;border-radius:50%;width:30px;height:30px;font-size:18px;line-height:1}.form-stack{flex-direction:column;gap:13px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:13px;font-weight:700}.input{width:100%;color:var(--text);background:#fff;border:1px solid #dce3eb;border-radius:10px;outline:none;padding:12px 13px;font-size:14px}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0a7cff1a}.input--error{border-color:#df7777}.hint{color:var(--muted);font-size:11px;line-height:1.35}.error-text{color:var(--danger);font-size:12px;line-height:1.35}.checkbox-row a{color:var(--blue)}.checkbox-row{color:var(--muted);align-items:flex-start;gap:9px;font-size:11px;line-height:1.45;display:flex}.checkbox{width:16px;height:16px;accent-color:var(--blue);flex:none;margin-top:1px}.success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 8px 8px;display:flex}.success__mark{width:58px;height:58px;color:var(--ok);background:#e9f8ef;border-radius:50%;place-items:center;font-size:28px;display:grid}.success h2{margin:0;font-size:22px;line-height:1.2}.notice{color:var(--muted);background:#f4f7fb;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.5}.notice--error{color:var(--danger);background:#fff1f1}.admin{max-width:1120px;margin:0 auto;padding:24px 18px 60px}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px;display:flex}.admin-head h1{letter-spacing:-.03em;margin:0;font-size:26px}.admin-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.admin-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:18px;padding-bottom:12px;display:flex}.admin-tab{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.admin-tab--active{background:var(--blue-soft);color:var(--blue-dark)}.admin-panel{gap:18px;display:grid}.admin-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:18px;display:grid}.admin-box{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px}.admin-box h2{margin:0 0 12px;font-size:16px}.admin-row{border-bottom:1px solid #f0f2f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.admin-row:last-child{border-bottom:0}.admin-row__title{font-size:14px;font-weight:700}.admin-row__meta{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.4}.admin-actions{flex-wrap:wrap;gap:6px;display:flex}.btn--small{border-radius:8px;padding:8px 10px;font-size:12px}.btn--danger{color:var(--danger);background:#fff0f0}.admin-form{gap:12px;display:grid}.admin-form__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-form__row--three{grid-template-columns:1fr 1fr 1fr}.admin-check{align-items:center;gap:8px;font-size:13px;display:flex}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eef1f5;padding:9px 8px}.admin-table th{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.badge{color:var(--muted);white-space:nowrap;background:#f1f4f8;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge--blue{background:var(--blue-soft);color:var(--blue-dark)}.badge--green{color:var(--ok);background:#eaf8ef}.image-preview{aspect-ratio:1;object-fit:cover;background:#eef2f8;border-radius:10px;width:100%;max-width:180px}.audience-list{border:1px solid var(--line);border-radius:10px;max-height:320px;overflow-y:auto}.audience-row{cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:flex-start;gap:9px;padding:9px 10px;display:flex}.audience-row:last-child{border-bottom:0}.audience-row__name{font-size:12px;font-weight:700}.audience-row__meta{color:var(--muted);font-size:10px}.filter-row{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.filter-chip--active{background:var(--blue);color:#fff;border-color:#0000}.progress-line{background:#edf1f6;border-radius:999px;height:6px;overflow:hidden}.progress-line span{border-radius:inherit;background:var(--blue);height:100%;transition:width .3s;display:block}@media (width<=760px){.admin{padding:18px 12px 48px}.admin-grid,.admin-form__row,.admin-form__row--three{grid-template-columns:1fr}}@media (width<=360px){.page{padding-left:12px;padding-right:12px}.grid{gap:12px 8px}.card__title{font-size:12px}}