@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=Quicksand:wght@500;600&display=swap";
:root{--color-primary:#aaa0bc;--color-primary-strong:#b4a6c4;--color-primary-soft:#e8e3ee;--color-accent:#d9c39e;--color-accent-soft:#f0e8d9;--color-text:#56505e;--color-text-strong:#403a48;--color-text-muted:#89828f;--color-border:#ddd8e0;--color-border-strong:#c6bdcd;--color-control-bg:#f7f4f7;--color-control-bg-hover:#f4f0f6;--color-control-bg-focus:#faf8fb;--color-control-border:#d9d2df;--color-control-border-hover:#c2b5ce;--color-control-border-focus:#a9b;--color-control-text:#504858;--color-control-placeholder:#9e96a3;--color-option-selected:#e9e2ee;--color-featured-card:#ffffff6b;--color-featured-card-hover:#ffffff9e;--color-surface:#ffffffe0;--color-surface-solid:transparent;--color-danger:#a56f79;--color-page:transparent;--radius-card:0;--radius-card-inner:0;--radius-card-mobile:0;--radius-card-inner-mobile:0;--radius-field:12px;--radius-choice:14px;--radius-pill:999px;--radius-round:50%;--shadow-card:none;--shadow-field-focus:0 0 0 2px #b9a7dd26;--shadow-field-inset:none;--shadow-button:none;--shadow-button-hover:none;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--page-gutter:24px;--card-padding-x:0;--card-padding-top:20px;--card-padding-bottom:20px;--content-max-width:1700px;--embed-max-height:700px;--page-vertical-padding:16px;--transition-fast:.18s ease;--ink:var(--color-text);--ink-deep:var(--color-text-strong);--muted:var(--color-text-muted);--lavender:var(--color-primary);--lavender-light:var(--color-primary-soft);--champagne:var(--color-accent);--champagne-light:var(--color-accent-soft);--silver:#d8d5dc;--paper:var(--color-surface);--danger:var(--color-danger);--shadow:var(--shadow-card)}*{box-sizing:border-box;box-shadow:none!important}html{background:var(--color-page);min-width:320px}body{color:var(--ink);margin:0;font-family:Noto Serif SC,Songti SC,serif;background:0 0!important}.notion-embed-wrapper{background:0 0;border:none;min-height:240px;margin:0;padding:0}input,select,textarea{color:#3b334a;appearance:none!important;box-shadow:none!important;background:#fff6!important;border:1px solid #786ea040!important;border-radius:12px!important;outline:none!important}button,input,select,textarea{font:inherit}.page-shell{width:100%;max-width:var(--content-max-width);background:0 0;min-height:240px;margin:0 auto;padding:0}.page-shell--featured{width:min(1700px,100%);max-width:1700px;min-height:420px;padding:0;overflow-x:hidden}.featured-section{width:min(1700px,100%);max-width:1700px;min-height:420px;color:var(--color-text);opacity:1;visibility:visible;background:0 0;margin-top:0;margin-left:auto;margin-right:auto;padding:12px 0 18px}.featured-board{width:min(1700px,100%);max-width:1700px;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 auto;padding:18px clamp(18px,4vw,54px) 20px;position:relative}.embed-test-page{color:#3b334a;background:0 0;min-height:240px;padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}.featured-header{text-align:right;margin-bottom:20px}.featured-kicker{color:#a89576;letter-spacing:.28em;text-transform:uppercase;margin:0 0 6px;font-family:Quicksand,sans-serif;font-size:10px;font-weight:600}.featured-header h1,.featured-header h2{color:var(--color-text-strong);letter-spacing:.12em;margin:0;font-size:clamp(22px,3vw,30px);font-weight:500;line-height:1.45}.featured-header p:not(.featured-kicker){color:var(--color-text-muted);letter-spacing:.06em;margin:7px 0 0;font-size:13px}.featured-status{min-height:170px;color:var(--color-text-muted);background:#ffffff4d;border:1px dashed #786ea038;border-radius:12px;place-items:center;margin:18px auto 0;padding:15px 16px;font-size:13px;line-height:1.8;display:grid}.featured-status--error{color:var(--color-danger);border-color:#a56f7942}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.featured-carousel{padding:0 46px;position:relative}.featured-grid--carousel{min-height:204px}.carousel-button{z-index:2;color:#74687f;cursor:pointer;width:34px;height:34px;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:#ffffffbd;border:1px solid #786ea038;border-radius:999px;place-items:center;font-family:Quicksand,sans-serif;font-size:25px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button:hover{color:#5f536d;background:#ffffffe6;border-color:#786ea05c;transform:translateY(-50%)scale(1.03)}.carousel-button:focus-visible{outline-offset:3px;outline:2px solid #b9a7dd38}.carousel-button--prev{left:0}.carousel-button--next{right:0}.featured-card{background:var(--color-featured-card);text-align:left;height:204px;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border:1px solid #786ea033;border-radius:16px;flex-direction:column;justify-content:space-between;padding:17px 18px 16px;display:flex;overflow:hidden}.featured-card:hover{background:var(--color-featured-card-hover);border-color:#786ea057;transform:translateY(-2px)}.featured-card-topline,.featured-card-footer{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.featured-type{color:#665d72;text-overflow:ellipsis;white-space:nowrap;background:#e8e3ee59;border:1px solid #b9a7dd40;border-radius:999px;align-items:center;max-width:72%;padding:4px 9px;font-size:11px;line-height:1.35;display:inline-flex;overflow:hidden}.featured-card time{color:#aaa3ad;flex:none;font-family:Quicksand,sans-serif;font-size:11px}.featured-message{color:#5d5664;letter-spacing:.035em;white-space:pre-wrap;flex:auto;margin:15px 0 14px;font-size:13px;line-height:1.75;overflow:hidden}.featured-message.is-clamped{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featured-card-footer{color:#8d8594;letter-spacing:.04em;font-size:12px}.featured-card-footer span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.featured-card-footer button{color:#897b93;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #897b938c;flex:none;padding:0;font-size:12px}.featured-card-footer button:hover{color:#6c5d78;border-color:#6c5d78bf}.carousel-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.carousel-dot{cursor:pointer;background:#ffffffb3;border:1px solid #b9a7dd94;border-radius:999px;width:7px;height:7px;padding:0}.carousel-dot.is-active{background:#b9a7dde6;border-color:#b9a7dde6}.message-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff2e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.message-modal{width:min(720px,90vw);max-height:82vh;color:var(--color-text);background:#fffffff5;border:1px solid #b9a7dd6b;border-radius:22px;padding:24px 26px 22px;position:relative;box-shadow:0 16px 46px #382d4729!important}.message-modal-close{color:#6f637a;cursor:pointer;background:#ffffffb8;border:1px solid #786ea033;border-radius:999px;width:30px;height:30px;font-size:20px;line-height:1;position:absolute;top:14px;right:16px}.message-modal-meta{align-items:center;gap:12px;padding-right:44px;display:flex}.message-modal-meta time{color:#aaa3ad;font-family:Quicksand,sans-serif;font-size:12px}.message-modal h2{color:var(--color-text-strong);letter-spacing:.08em;margin:14px 0 12px;font-size:21px;font-weight:500}.message-modal-content{color:#504858;letter-spacing:.035em;white-space:pre-wrap;max-height:50vh;padding:14px 2px;font-size:14px;line-height:1.95;overflow:auto}.message-modal-footer{color:#8d8594;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:13px;display:flex}.message-modal-footer button{color:#6d6078;cursor:pointer;background:#e8e3ee61;border:1px solid #b9a7dd59;border-radius:999px;padding:8px 18px}.message-card{isolation:isolate;padding:var(--card-padding-top) var(--card-padding-x) var(--card-padding-bottom);border-radius:var(--radius-card);box-shadow:none;background:0 0;border:none;grid-template-columns:minmax(300px,.72fr) minmax(600px,1.55fr);align-items:center;column-gap:clamp(38px,4vw,72px);display:grid;position:relative;overflow:hidden}.message-card:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.message-card:after{content:none;display:none}.card-header{z-index:2;max-width:650px;position:relative}.intro-panel{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding-right:clamp(12px,2vw,34px);display:flex;position:relative}.character-mark{margin:0 0 var(--space-2) 2px;color:var(--color-text-strong);letter-spacing:.12em;font-family:Noto Serif SC,Songti SC,serif;font-size:15px;font-weight:500}.eyebrow{color:#ab9a7d;letter-spacing:.28em;margin:0 0 8px 3px;font-family:Quicksand,sans-serif;font-size:10px;font-weight:600}.title-row{align-items:center;gap:var(--space-3);display:flex}h1{color:var(--ink-deep);letter-spacing:.15em;margin:0;font-size:clamp(28px,5vw,38px);font-weight:500;line-height:1.3}.title-icon{color:#a89bb8;filter:drop-shadow(0 2px 4px #9182a42e);place-items:center;width:35px;height:35px;font-size:29px;display:inline-grid;transform:rotate(-13deg)}.title-star{color:var(--champagne);align-self:flex-start;margin-top:1px;font-size:13px}.intro{color:#77707d;letter-spacing:.035em;max-width:615px;margin:17px 0 0;font-size:13px;line-height:2}.gold-divider{align-items:center;gap:calc(var(--space-2) + 2px);color:#cdb891;margin:28px 0 0;display:flex}.gold-divider span{border-top:1px dashed #c8b189a3;width:100%}.gold-divider i{font-size:9px;font-style:normal}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.field{margin-bottom:var(--space-4)}.honeypot{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.field label,.field legend{color:#625c67;letter-spacing:.05em;font-size:13px;font-weight:500}.field label>span{color:#9b949e;margin-left:5px;font-size:11px;font-weight:400}.field strong{color:#b2929d;font-weight:400}input.form-input,textarea.form-input,select.form-input{width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);appearance:none!important;color:#3b334a!important;box-shadow:none!important;background:#fff6!important;border:1px solid #786ea040!important;border-radius:12px!important;outline:none!important}input.form-input--single,select.form-input--single{height:48px;margin-top:9px;padding:0 15px;font-size:13px}textarea.form-input{resize:vertical;min-height:116px;padding:15px 16px;font-size:13px;line-height:1.8}input.form-input::placeholder,textarea.form-input::placeholder{color:var(--color-control-placeholder);opacity:1}input.form-input:hover:not(:focus):not(:disabled),textarea.form-input:hover:not(:focus):not(:disabled),select.form-input:hover:not(:focus):not(:disabled){box-shadow:none!important;background:#ffffff85!important;border-color:#786ea06b!important}input.form-input:focus,input.form-input:focus-visible,textarea.form-input:focus,textarea.form-input:focus-visible,select.form-input:focus,select.form-input:focus-visible{background:#ffffff8f!important;border-color:#b9a7dd99!important;box-shadow:0 0 0 2px #b9a7dd26!important}input.form-input:disabled,textarea.form-input:disabled,select.form-input:disabled{cursor:not-allowed;opacity:.58}.field,.select-wrap{background:0 0}.select-wrap{position:relative}.select-wrap:after{content:none;display:none}.select-wrap:focus-within:after{display:none}select.form-input.form-select{appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%238F82AA' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important}select.form-input.form-select::-ms-expand{display:none}select.form-input.form-select option{color:var(--color-control-text);background-color:var(--color-control-bg-focus);font-family:Noto Serif SC,Songti SC,serif}select.form-input.form-select option:checked{color:var(--color-text-strong);background-color:var(--color-option-selected)}.label-row{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.counter{color:#aaa4ad;letter-spacing:.04em;font-family:Quicksand,sans-serif;font-size:11px}.counter b{font-weight:500}.field-error{min-height:14px;color:var(--danger);margin:5px 2px 0;font-size:11px}.has-error textarea.form-input{border-color:#c89aa3!important;box-shadow:0 0 0 3px #b16f7c14!important}.field--privacy{border:0;min-width:0;padding:0}.field--privacy legend{margin-bottom:11px}.radio-grid{gap:calc(var(--space-3) + 2px);grid-template-columns:1fr 1fr;display:grid}.radio-card{align-items:center;gap:var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-choice);background:var(--color-control-bg);cursor:pointer;min-height:62px;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);padding:10px 42px 10px 15px;display:flex;position:relative}.radio-card:hover{border-color:var(--color-control-border-hover);background:var(--color-control-bg-hover);transform:translateY(-1px)}.radio-card:has(input:checked){box-shadow:none;background:#f4f0f79e;border-color:#b8aac5}.radio-card input{opacity:0;width:1px;height:1px;position:absolute}.radio-dot{border-radius:var(--radius-round);background:#fff;border:1px solid #bdb5c1;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.radio-card input:checked+.radio-dot:after{border-radius:var(--radius-round);content:"";background:linear-gradient(135deg,#a898b9,#d0b98f);width:8px;height:8px}.radio-card:has(input:focus-visible){outline-offset:2px;outline:3px solid #ae9dc233}.radio-copy{gap:var(--space-1);flex-direction:column;display:flex}.radio-copy b{color:#5f5864;font-size:13px;font-weight:500}.radio-copy small{color:#969099;font-size:11px;font-weight:400}.radio-spark{color:#c2ab81b3;font-size:10px;position:absolute;top:11px;right:15px}.form-footer{text-align:center;margin-top:0}.submit-button{justify-content:center;align-items:center;gap:calc(var(--space-3) - 1px);border-radius:var(--radius-pill);color:#544962;min-width:218px;height:46px;box-shadow:none;cursor:pointer;letter-spacing:.13em;transition:box-shadow var(--transition-fast), transform var(--transition-fast), filter var(--transition-fast);background:#b9a7dd3d;border:1px solid #a391aa33;font-size:14px;display:inline-flex;position:relative;overflow:hidden}.submit-button:before{content:none;display:none}.submit-button:hover{box-shadow:none;filter:none;background:#b9a7dd57;border-color:#9684b966;transform:none}.submit-button:hover:before{left:110%}.submit-button:active{transform:translateY(0)}.submit-button:focus-visible,#write-again:focus-visible{outline-offset:3px;outline:3px solid #ac9ac140}.submit-button:disabled{cursor:wait;filter:grayscale(.15);opacity:.75;transform:none}.submit-button.is-loading .button-icon{animation:.7s ease-in-out infinite alternate letter-float}.button-icon{font-size:15px}.button-star{font-size:8px}.privacy-note{color:#9a949d;letter-spacing:.035em;margin:11px 0 0;font-size:11px}.privacy-note span{color:#c6b28e;margin:0 7px}.submit-error{min-height:19px;color:var(--danger);margin:5px 0 0;font-size:11.5px;line-height:1.7}.success-panel{text-align:center;padding:32px 18px 17px;animation:.5s both reveal;display:none}.success-panel.is-visible{display:block}.success-panel+*{display:none}.success-icon{border-radius:var(--radius-round);color:#665773;width:58px;height:58px;box-shadow:none;background:#b9a7dd2e;border:1px solid #b7a4c180;place-items:center;margin:0 auto 18px;font-size:20px;display:grid}.success-panel p{color:#625a68;letter-spacing:.05em;margin:0;font-size:15px;line-height:2}#write-again{color:#897b93;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #b8a9c2;margin-top:19px;padding:7px 18px;font-size:12px}form.is-complete>:not(.success-panel){display:none}@keyframes letter-float{to{transform:translateY(-3px)}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1051px){.page-shell{max-height:var(--embed-max-height)}.message-card{max-height:calc(var(--embed-max-height) - (var(--page-vertical-padding) * 2))}}@media (max-width:1050px){.message-card{display:block}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-button--prev{left:-14px}.carousel-button--next{right:-14px}.intro-panel{padding-right:0;display:block}.gold-divider{margin-bottom:30px}.field{margin-bottom:var(--space-6)}textarea.form-input{min-height:150px}.radio-card{min-height:70px;padding-top:13px;padding-bottom:13px}.submit-button{height:50px}}@media (max-width:700px){.page-shell{padding:18px 14px}.page-shell--featured{min-height:360px;padding:0 10px}.message-card{border-radius:var(--radius-card-mobile);padding:39px 24px 34px}.message-card:after{border-radius:var(--radius-card-inner-mobile);inset:7px}.card-header{padding-right:40px}.intro{font-size:12.5px;line-height:1.9}.desktop-break{display:none}.form-grid,.radio-grid,.featured-grid{grid-template-columns:1fr;gap:0}.featured-grid{gap:12px}.featured-section{min-height:360px;padding-bottom:14px}.featured-carousel{padding:0 36px}.featured-board{background:0 0;border:none;border-radius:0;padding:20px 14px 18px}.featured-card{height:198px}.message-modal{border-radius:18px;width:90vw;padding:22px 18px 18px}.message-modal-content{max-height:50vh}.carousel-button--prev{left:0}.carousel-button--next{right:0}.radio-grid{gap:10px}.field--nickname{margin-bottom:20px}.radio-card{min-height:67px}.submit-button{width:100%}}@media (max-width:420px){.page-shell{padding:10px}.message-card{padding:34px 19px 29px}.card-header{padding-right:10px}h1{font-size:27px}.title-icon{width:29px;height:29px;font-size:25px}.gold-divider{margin:25px 0}.privacy-note{padding:0 10px;line-height:1.8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}