:root{
  --bg:#f5f9fd;--surface:#fff;--soft:#edf4fb;--ink:#071631;--muted:#60799b;
  --primary:#0c4d88;--primary-2:#1c68a8;--line:#dbe6f1;--success:#26735a;
  --danger:#aa3b48;--warning:#8a651d;--shadow:0 12px 30px rgba(30,76,119,.1);
  --radius:16px;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif
}
*{box-sizing:border-box}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html,body{max-width:100%;overflow-x:hidden;scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0}
html{background:var(--bg)}
body{margin:0;min-height:100dvh;background:linear-gradient(180deg,#fff,#f3f8fd);color:var(--ink);font-size:16px;line-height:1.45}
button,input,textarea{font:inherit}
button{touch-action:manipulation}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-shell{width:100%;max-width:600px;min-height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) 16px calc(96px + env(safe-area-inset-bottom))}
.brand-header{position:relative;z-index:10;display:flex;min-width:0;align-items:center;gap:10px;padding:12px 2px 10px;background:rgba(255,255,255,.86)}
.brand-mark{display:grid;width:42px;height:48px;flex:0 0 42px;place-items:center}
.brand-mark img{display:block;width:28px;height:39px;object-fit:contain}
.brand-copy{display:flex;min-width:0;flex:1;flex-direction:column}
.brand-copy strong{overflow:hidden;font-size:17px;font-weight:800;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}
.brand-copy strong span{color:var(--primary-2)}
.brand-copy small{color:#7890ad;font-size:11px}
.icon-button,.back{display:grid;width:46px;height:46px;flex:none;place-items:center;border:0;background:transparent;color:var(--primary);cursor:pointer}
.icon-button svg,.back svg{width:23px}
.screen{display:none;min-width:0;animation:enter .18s ease-out}
.screen.active{display:block}

.hero{position:relative;min-height:432px;margin:0 -16px;overflow:hidden;background:#fff}
.hero-photo{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero:after{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 70%);pointer-events:none;content:""}
.hero-copy{position:relative;z-index:2;width:66%;padding:32px 0 0 22px;text-align:left}
.eyebrow{display:inline-block;padding:4px 10px;border-radius:999px;background:#e7f1fa;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.12em}
.hero h1{margin:14px 0 12px;font-size:clamp(30px,8.7vw,39px);font-weight:800;line-height:1.03;letter-spacing:-.052em;text-align:left}
.hero-copy p{max-width:260px;margin:0;color:#3e5b7c;font-size:13px;line-height:1.48;text-align:left}
.hero-message{position:absolute;z-index:3;bottom:24px;left:22px;width:172px;padding:12px 14px;border-radius:14px;background:rgba(224,236,248,.9);color:#416589;font-size:12px;line-height:1.33}
.hero-message span{display:block;width:27px;height:2px;margin-top:8px;background:#6085aa}
.hand-note{position:absolute;z-index:3;right:6px;bottom:20px;width:126px;height:auto}

.create-card,.list-link{display:flex;width:100%;align-items:center;gap:13px;border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer}
.create-card{position:relative;min-height:88px;margin-top:12px;padding:13px 16px;border-color:#1b609f;border-radius:15px;background:linear-gradient(145deg,#1a609f,#073e76);box-shadow:0 10px 24px rgba(8,65,118,.18);color:#fff}
.create-icon,.line-icon{display:grid;flex:none;place-items:center;border-radius:12px}
.create-icon{width:44px;height:44px;background:rgba(255,255,255,.13)}
.create-icon svg{width:28px}
.create-card strong{display:block;font-size:17px;line-height:1.2}
.create-card small,.list-link small{display:block;margin-top:3px;color:inherit;font-size:12px;opacity:.72}
.chevron{width:19px;margin-left:auto}
.list-link{min-height:78px;margin:12px 0;padding:13px;border-radius:15px;background:#fff}
.line-icon{width:44px;height:44px;background:var(--soft);color:var(--primary)}
.line-icon svg{width:24px}
.list-link strong{display:block}
.soon-section{margin-top:24px}
.soon-section h2,.info-card h2,.profile-card h2,.detail-card h2{margin:0 0 12px;font-size:18px;letter-spacing:-.025em}
.soon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.soon-card{position:relative;display:flex;min-width:0;min-height:76px;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#7289a6;font-size:12px}
.soon-card svg{width:23px;flex:none}
.soon-card b{position:absolute;top:7px;right:7px;padding:2px 6px;border-radius:8px;background:var(--soft);font-size:9px;font-weight:600}

.page-screen{min-width:0;min-height:calc(100dvh - 150px);padding-top:6px;background:linear-gradient(180deg,rgba(245,249,253,.98),rgba(245,249,253,.9))}
.page-title{display:flex;min-width:0;min-height:54px;align-items:center}
.page-title .back{margin-left:-12px}
.page-title h1{min-width:0;margin:0;font-size:24px;line-height:1.15;letter-spacing:-.035em}
.lead{max-width:520px;margin:3px 0 18px;color:var(--muted);font-size:14px}
form{min-width:0;padding-bottom:16px}
label,legend{display:block;margin:0 0 8px;font-size:14px;font-weight:700}
fieldset{min-width:0;padding:0;margin:18px 0;border:0}
.textarea-wrap{position:relative;min-width:0}
.textarea-wrap textarea{display:block;width:100%;min-height:170px;resize:vertical;padding:14px 14px 34px;border:1px solid var(--line);border-radius:var(--radius);outline:0;background:#fff;color:var(--ink)}
.textarea-wrap textarea:focus{border-color:var(--primary-2);box-shadow:0 0 0 3px rgba(29,104,168,.12)}
.textarea-wrap textarea::placeholder{color:#8ba0b8}
.textarea-wrap>span{position:absolute;right:13px;bottom:9px;color:#8196af;font-size:12px;font-variant-numeric:tabular-nums}
.chips{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.chip{min-width:0;min-height:42px;padding:8px 9px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.chip.selected{border-color:var(--primary);background:var(--soft);color:var(--primary);font-weight:700}
.photo-picker{display:flex;min-width:0;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}
.photo-picker>div{min-width:0;flex:1}
.photo-picker strong,.photo-picker small{display:block}
.photo-picker small{margin-top:2px;color:var(--muted);font-size:11px}
.add-photo{display:flex;min-height:42px;align-items:center;gap:6px;padding:8px 12px;border:1px solid #cdddeb;border-radius:11px;background:var(--soft);color:var(--primary);font-size:13px;font-weight:700;cursor:pointer}
.add-photo svg{width:18px}
.image-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.preview-thumb{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1;background:var(--soft)}
.preview-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.remove-photo{position:absolute;top:5px;right:5px;display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:50%;background:rgba(7,22,49,.78);color:#fff;cursor:pointer}
.remove-photo svg{width:16px}
.add-more-tile{display:grid;width:100%;aspect-ratio:1;place-items:center;border:1px dashed #9cb8d1;border-radius:12px;background:#f7fbff;color:var(--primary);cursor:pointer}
.add-more-tile svg{width:30px;height:30px;margin:auto}
.primary,.secondary{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:9px;margin-top:12px;border-radius:13px;font-weight:750;cursor:pointer}
.primary{border:1px solid var(--primary);background:linear-gradient(180deg,#155b99,#0a4279);color:#fff}
.secondary{border:1px solid var(--line);background:var(--soft);color:var(--primary)}
.primary svg,.secondary svg{width:21px}
.primary:disabled{cursor:not-allowed;opacity:.5}
.form-note{display:flex;gap:9px;margin:14px 0 0;padding:13px;border-radius:14px;background:var(--soft);color:#56708f;font-size:12px}
.form-note svg{width:21px;flex:none}

.post-list{display:grid;gap:10px}.post{display:block;width:100%;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-align:left;cursor:pointer}
.post-head,.detail-head,.post-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.post p{display:-webkit-box;overflow:hidden;margin:12px 0;color:#405a79;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.post-footer{align-items:center;color:var(--muted);font-size:12px}.mini-metrics{display:flex;gap:10px}
.status{padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:11px;font-weight:750;white-space:nowrap}
.status.published{background:#e8f5ef;color:var(--success)}.status.rejected,.status.deleted{background:#f9e9eb;color:var(--danger)}.status.pending{background:#fbf3df;color:var(--warning)}
.detail-card,.info-card,.profile-card{padding:17px;margin-bottom:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.detail-card>p{white-space:pre-wrap;color:#344e6e}
.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:12px 0;overflow:hidden;border-radius:13px;background:var(--soft)}
.remote-image{position:relative;display:grid;min-height:150px;aspect-ratio:1;place-items:center;background:#e8f0f7}
.remote-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}
.remote-image.loaded img{opacity:1}.remote-image.loaded .loader{display:none}.remote-image.failed:after{color:var(--muted);font-size:12px;content:"Не удалось загрузить фото"}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 8px}
.step{position:relative;padding-top:37px;color:#8094ad;font-size:11px;text-align:center}
.step:before{position:absolute;z-index:2;top:0;left:50%;width:28px;height:28px;transform:translateX(-50%);border:2px solid #d6e1ec;border-radius:50%;background:#fff;content:""}
.step:not(:last-child):after{position:absolute;z-index:1;top:13px;left:calc(50% + 14px);width:calc(100% - 28px);height:2px;background:#dce6f0;content:""}
.step.done,.step.current{color:var(--primary);font-weight:700}.step.current:before{border-color:var(--primary);box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 9px var(--primary)}.step.done:before{border-color:var(--primary);background:var(--primary)}.step.done:not(:last-child):after{background:var(--primary-2)}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px;border-radius:14px;background:var(--soft);text-align:center}.metric strong{display:block;color:var(--primary);font-size:24px}.metric span{color:var(--muted);font-size:12px}
.reason{padding:12px;border-radius:12px;background:#f9e9eb;color:#7f2632;font-size:13px}.info-card p,.info-card li,.profile-card p{color:#496481}.info-card ul{padding-left:20px}.info-card li{margin:9px 0}
.profile-card{text-align:center}.profile-logo{display:grid;width:70px;height:86px;margin:0 auto;place-items:center}.profile-logo img{width:50px;height:70px;object-fit:contain}.profile-card h2{margin-top:8px}

.modal{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:14px;background:rgba(7,22,49,.62)}
.sheet{position:relative;width:100%;max-width:568px;max-height:90dvh;overflow:auto;padding:22px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.sheet h2{margin:0 44px 14px 0}.modal-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:28px;cursor:pointer}
.telegram-preview{overflow:hidden;border-radius:16px;background:#0d1119;color:#fff;box-shadow:0 12px 30px rgba(7,22,49,.2)}
.telegram-top{display:flex;min-width:0;align-items:center;gap:8px;padding:10px;background:#18222d}
.telegram-back{color:#57a8eb;font-size:30px;line-height:1}.telegram-avatar{display:grid;width:38px;height:38px;flex:none;place-items:center;overflow:hidden;border-radius:50%;background:#fff}.telegram-avatar img{width:23px;height:31px;object-fit:contain}
.telegram-channel{min-width:0;flex:1}.telegram-top strong,.telegram-top small{display:block}.telegram-top strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.telegram-top small{color:#91a3b5;font-size:10px}.telegram-more{color:#57a8eb;font-weight:800;letter-spacing:1px}
.telegram-feed{min-height:390px;padding:14px 10px 18px;background-color:#0b1018;background-image:radial-gradient(circle at 15% 20%,rgba(82,117,154,.13) 0 2px,transparent 3px),radial-gradient(circle at 78% 68%,rgba(82,117,154,.11) 0 3px,transparent 4px);background-size:42px 42px,58px 58px}
.telegram-day{width:max-content;margin:0 auto 10px;padding:3px 9px;border-radius:11px;background:rgba(33,47,61,.86);color:#dce7f0;font-size:10px}
.telegram-post{max-width:94%;overflow:hidden;border-radius:10px 10px 10px 3px;background:#202b36;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.telegram-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#111923}.telegram-gallery.count-1{grid-template-columns:1fr}.telegram-gallery img{display:block;width:100%;height:145px;object-fit:cover}.telegram-gallery.count-1 img{height:240px}.telegram-gallery.count-3 img:first-child{grid-row:span 2;height:292px}.telegram-gallery.count-3 img:not(:first-child){height:145px}
.telegram-copy{padding:10px 11px 5px;color:#f4f7fa;font-size:13px;line-height:1.4;white-space:pre-wrap}.telegram-copy b{color:#63b1ef}.telegram-copy i{color:#d6dce2}.telegram-reactions{display:flex;gap:5px;padding:3px 10px 7px}.telegram-reactions span{padding:3px 8px;border-radius:12px;background:#2f8bd1;color:#fff;font-size:11px}.telegram-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:0 10px 7px;color:#8fa4b5;font-size:10px}.telegram-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34424f;color:#58a9ea}.telegram-actions span{padding:9px 11px;font-size:12px}.telegram-actions b{padding-right:12px;font-size:22px;font-weight:400}

.bottom-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;width:100%;max-width:600px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;padding:7px 12px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.96);box-shadow:0 -7px 22px rgba(29,73,112,.07);backdrop-filter:blur(12px)}
.bottom-nav.admin-enabled{grid-template-columns:repeat(4,minmax(0,1fr))}
.nav-item{display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#7890ad;font-size:10px;cursor:pointer}.nav-item svg{width:23px}.nav-item.active{color:var(--primary);font-weight:750}
.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.admin-stat{min-width:0;padding:13px 8px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center}.admin-stat strong{display:block;color:var(--primary);font-size:23px}.admin-stat span{display:block;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-toolbar h2{margin:0;font-size:18px}.refresh-admin{margin-right:-10px}.admin-list{display:grid;gap:12px}.admin-card{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 5px 18px rgba(30,76,119,.06)}.admin-card.suspicious{border-color:#e6b4ba}.admin-card-head,.admin-author,.admin-actions{display:flex;align-items:center;justify-content:space-between;gap:9px}.admin-card-head strong{font-size:16px}.admin-category{margin:9px 0 0;color:var(--primary);font-size:12px;font-weight:750}.admin-copy{margin:9px 0;color:#344e6e;white-space:pre-wrap}.admin-author{align-items:flex-start;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.admin-author span{overflow-wrap:anywhere}.admin-alert{margin:10px 0;padding:10px;border-radius:11px;background:#f9e9eb;color:#7f2632;font-size:12px}.admin-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:11px 0;overflow:hidden;border-radius:12px}.admin-gallery .remote-image{min-height:96px}.admin-actions{margin-top:13px}.admin-actions button{min-height:46px;margin:0}.publish-button{flex:1;border:1px solid #1f7257;border-radius:12px;background:#e8f5ef;color:#165f48;font-weight:750;cursor:pointer}.reject-button{flex:1;border:1px solid #dba4ab;border-radius:12px;background:#f9e9eb;color:#8f2e3b;font-weight:750;cursor:pointer}.danger-button{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;margin-top:14px;border:1px solid var(--danger);border-radius:13px;background:var(--danger);color:#fff;font-weight:750;cursor:pointer}.danger-button:disabled,.publish-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.55}.action-sheet select{display:block;width:100%;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.feedback-create{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.feedback-create .textarea-wrap textarea{min-height:130px}.conversation-list{display:grid;gap:10px}.conversation-card{display:block;width:100%;min-height:92px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-align:left;cursor:pointer}.conversation-card-head,.conversation-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation-card p{display:-webkit-box;margin:9px 0 7px;overflow:hidden;color:#405a79;-webkit-box-orient:vertical;-webkit-line-clamp:2}.conversation-card-meta{color:var(--muted);font-size:11px}.conversation-card-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status.open{background:#e8f5ef;color:var(--success)}.status.closed{background:#edf1f5;color:#5f7084}.support-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;border-radius:13px;background:var(--soft)}.support-filter{min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.support-filter.active{background:#fff;box-shadow:0 2px 8px rgba(30,76,119,.1);color:var(--primary)}.admin-feedback-link{margin-top:0}.inbox-count{display:grid;min-width:27px;height:27px;place-items:center;padding:0 7px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:800}.chat-screen{padding-bottom:10px}.chat-title{min-width:0;flex:1}.chat-title h1{font-size:20px}.chat-title .status{display:inline-block;margin-top:3px}.close-feedback{color:var(--danger)}.chat-meta{margin:-2px 0 12px;color:var(--muted);font-size:12px}.message-list{display:flex;min-height:310px;flex-direction:column;gap:8px;padding:14px 10px;margin:0 -4px 10px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#eef5fb,#f8fbfe)}.message-row{display:flex;flex-direction:column;align-items:flex-start}.message-row.mine{align-items:flex-end}.message-bubble{max-width:84%;padding:10px 12px;border:1px solid #d7e3ee;border-radius:15px 15px 15px 4px;background:#fff;color:#223d5d;overflow-wrap:anywhere;white-space:pre-wrap}.message-row.mine .message-bubble{border-color:#155b99;border-radius:15px 15px 4px 15px;background:#155b99;color:#fff}.message-time{margin:3px 6px 0;color:#7187a2;font-size:10px}.message-sender{display:block;margin-bottom:3px;color:var(--primary);font-size:10px;font-weight:800}.message-row.mine .message-sender{color:#dceeff}.message-composer{position:sticky;bottom:calc(75px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:flex-end;gap:8px;padding:8px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(30,76,119,.12)}.message-composer textarea{display:block;min-width:0;min-height:46px;max-height:130px;flex:1;resize:none;padding:11px 8px;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px;line-height:1.35}.message-composer button{display:grid;width:46px;height:46px;flex:none;place-items:center;border:0;border-radius:13px;background:var(--primary);color:#fff;cursor:pointer}.message-composer button svg{width:23px}.message-composer button:disabled{opacity:.5;cursor:not-allowed}.closed-note{padding:13px;border-radius:13px;background:#edf1f5;color:#596d85;text-align:center;font-size:13px}
.toast{position:fixed;z-index:200;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));left:16px;width:auto;max-width:568px;margin:auto;padding:13px 15px;transform:translateY(20px);border-radius:12px;background:var(--ink);box-shadow:var(--shadow);color:#fff;opacity:0;pointer-events:none;transition:.2s ease}.toast.show{transform:none;opacity:1}
.loader{display:inline-block;width:24px;height:24px;border:3px solid rgba(12,77,136,.18);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.loader.light{width:19px;height:19px;border-color:rgba(255,255,255,.35);border-top-color:#fff}
.skeleton{height:112px;border-radius:var(--radius);background:linear-gradient(90deg,#e8f0f7,#f8fbfe,#e8f0f7);background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton.tall{height:330px}.hidden{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(29,104,168,.3);outline-offset:2px}button:active{opacity:.76}
@keyframes enter{from{transform:translateY(5px);opacity:0}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:430px){.chips{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{width:61%}}
@media(min-width:600px){.app-shell{padding-right:24px;padding-left:24px}.hero{margin:0;border-radius:20px}.hero-copy{padding-left:28px}.hero-message{left:28px}.hand-note{right:20px}.create-card{margin-top:14px}.bottom-nav{border-right:1px solid var(--line);border-left:1px solid var(--line);border-radius:18px 18px 0 0}}
@media(max-width:360px){.hero{min-height:440px}.hero-copy{width:70%;padding-left:18px}.hero-message{left:18px;width:158px}.hand-note{right:1px;width:112px}.create-card{padding-right:12px;padding-left:12px}.create-card strong{font-size:16px}.soon-card{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}