:root{color-scheme:light;--bg:#f7f6f1;--card:#fff;--ink:#22221f;--muted:#77766f;--line:#e2e0d8;--soft:#f0eee7;--accent:#e75c34;--success:#258a5b;--danger:#bd3b36;--shadow:0 16px 50px rgba(42,39,28,.07)}
:root.dark{color-scheme:dark;--bg:#171816;--card:#21221f;--ink:#f4f3ed;--muted:#aaa9a1;--line:#353631;--soft:#292a26;--shadow:0 16px 50px rgba(0,0,0,.22)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;transition:background .2s,color .2s}.wrap{width:min(1080px,calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav{height:66px;display:flex;align-items:center;gap:38px}.brand{font:700 23px/1 Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:-.03em}.nav-links{display:flex;gap:8px;flex:1}.nav-links a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:650}.nav-links a:hover,.nav-links a.active{color:var(--ink);background:var(--soft)}button,input,select{font:inherit}.icon-button,.quiet,.address-actions button,#custom-form button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:700}.icon-button span{margin-left:4px}.hero{text-align:center;padding:78px 0 42px}.pill{display:inline-block;border:1px solid #e6c5b8;color:var(--accent);background:#fff3ee;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.09em}.dark .pill{background:#36251f;border-color:#5c3729}.hero h1{font:700 clamp(42px,6vw,68px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:20px 0 16px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:17px;color:var(--muted);max-width:650px;margin:auto}.mail-shell{max-width:780px}.address-card,.inbox-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.address-card{padding:20px 22px}.card-label{font-size:11px;font-weight:850;color:var(--muted);letter-spacing:.09em;margin-bottom:10px}.address-row{display:flex;gap:12px;align-items:center}.address{border:0;background:transparent;padding:0;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:clamp(18px,3vw,25px);font-weight:800;cursor:pointer;flex:1}.address-actions{display:flex;gap:7px}.address-actions button.solid,#custom-form button.solid{background:var(--ink);border-color:var(--ink);color:var(--card)}#custom-form{display:flex;gap:8px;align-items:center}#custom-form input,#custom-form select{min-width:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;padding:10px 11px}#custom-form input{flex:1}.poll-note{text-align:center;color:var(--muted);font-size:12px;padding:14px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 15%,transparent);margin-right:7px}.inbox-card{min-height:330px;overflow:hidden}.inbox-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.inbox-head h2{font-size:15px;margin:0}.count{background:var(--ink);color:var(--card);padding:2px 7px;border-radius:999px;font-size:10px;margin-left:4px}.quiet{padding:7px 10px}.danger{color:var(--danger);margin-right:7px}.empty-state{text-align:center;padding:66px 20px;color:var(--muted)}.empty-icon{width:70px;height:70px;border-radius:22px;background:var(--soft);display:grid;place-items:center;margin:0 auto 15px;font-size:30px}.empty-state h3{font:700 18px Georgia,serif;color:var(--muted);margin:0 0 4px}.empty-state p{margin:0}.message-list{list-style:none;margin:0;padding:0}.message-list li{display:grid;grid-template-columns:1fr auto;gap:3px 18px;padding:16px 18px;border-bottom:1px solid var(--line);cursor:pointer}.message-list li:hover{background:var(--soft)}.sender{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time{grid-column:2;grid-row:1/3;font-size:11px;color:var(--muted)}.detail{padding:20px}.detail h2{font:700 27px Georgia,serif;margin:22px 0 5px}.detail>p{color:var(--muted);margin-top:0}.detail iframe{width:100%;height:560px;border:1px solid var(--line);border-radius:10px;background:#fff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:78px}.features article{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:14px}.feature-icon{width:40px;height:40px;border-radius:10px;background:#fff1eb;color:var(--accent);display:grid;place-items:center;font-weight:900}.features h3{font:700 18px Georgia,serif;margin:16px 0 5px}.features p{color:var(--muted);margin:0}.faq{padding:95px 0}.section-kicker{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.12em}.faq>h2{font:700 36px Georgia,serif;letter-spacing:-.03em;margin:5px 0 30px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq article{background:var(--card);padding:24px}.faq h3{margin:0 0 5px;font:700 17px Georgia,serif}.faq p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between}footer a{color:inherit}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);background:var(--ink);color:var(--card);border-radius:9px;padding:10px 15px;opacity:0;pointer-events:none;transition:.2s;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.wrap{width:min(100% - 24px,1080px)}.nav{gap:14px}.nav-links a:nth-child(2),.nav-links a:nth-child(5){display:none}.icon-button span,.address-actions span{display:none}.hero{padding-top:52px}.address-row{align-items:flex-start;flex-direction:column}.address-actions{width:100%}.address-actions button{flex:1}#custom-form{flex-wrap:wrap}#custom-form input{flex-basis:65%}.features{grid-template-columns:1fr;margin-top:50px}.faq{padding:65px 0}.faq-grid{grid-template-columns:1fr}footer .wrap{gap:10px;flex-direction:column}}
