:root{--primary-50:#e8f4f8;--primary-100:#d1e9f1;--primary-200:#a3d3e3;--primary-300:#8ec3d6;--primary-400:#82b4c9;--primary-500:#76a4bb;--primary-600:#5e8396;--primary-700:#476271;--primary-800:#2f424b;--primary-900:#1a2730;--neutral-50:#f8fbfd;--neutral-100:#f1f5f8;--neutral-200:#e2e8f0;--neutral-300:#cbd5e0;--neutral-400:#a0aec0;--neutral-500:#718096;--neutral-600:#4a5568;--neutral-700:#2d3748;--neutral-800:#1a202c;--neutral-900:#171923;--success:#10b981;--success-light:#d1fae5;--success-dark:#065f46;--error:#ef4444;--error-light:#fee2e2;--error-dark:#991b1b;--warning:#f59e0b;--warning-light:#fef3c7;--info:#3b82f6;--info-light:#dbeafe;--gradient-primary:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-300) 100%);--gradient-hero:linear-gradient(135deg,var(--primary-200) 0%,var(--primary-500) 100%);--gradient-card:linear-gradient(135deg,var(--primary-50) 0%,var(--neutral-50) 100%);--gradient-success:linear-gradient(135deg,var(--success-light) 0%,#a7f3d0 100%);--gradient-error:linear-gradient(135deg,var(--error-light) 0%,#fecaca 100%);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--shadow-xs:0 1px 2px 0 #175a730d;--shadow-sm:0 2px 8px 0 #175a7314;--shadow-md:0 4px 16px 0 #175a731f;--shadow-lg:0 8px 24px 0 #175a7329;--shadow-xl:0 12px 32px 0 #175a7333;--shadow-2xl:0 16px 48px 0 #175a7340;--shadow-primary:0 4px 16px 0 #76a4bb40;--shadow-success:0 4px 16px 0 #10b98140;--shadow-error:0 4px 16px 0 #ef444440;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.125rem;--radius-full:9999px;--transition-fast:0.15s;--transition-normal:0.3s;--transition-slow:0.5s;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--form-width-base:500px;--form-width-lg:650px;--card-width-base:350px;--card-width-lg:400px;--paper-50:#fdfbf6;--paper-100:#f8f3e9;--paper-200:#f1e8d8;--paper-300:#e5d8c0;--paper-card:#fffdf8;--ink-900:#35322b;--ink-700:#55514a;--ink-500:#7c766c;--shadow-paper-sm:0 1px 3px #5a46281a,0 1px 2px #5a46280f;--shadow-paper-md:0 4px 12px #5a46281f,0 2px 4px #5a462814;--shadow-paper-lg:0 10px 28px #5a462829,0 4px 10px #5a462814;--font-accent:"Caveat","Segoe Script",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper-100);color:var(--ink-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);margin:0;min-height:100vh;padding:0}a,button,input,select,textarea{transition:all var(--transition-normal) ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--primary-500);outline-offset:2px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-border{animation:spin .75s linear infinite}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}#root{animation:pageFadeIn .4s ease-out}h1,h2,h3,h4,h5,h6{color:var(--neutral-800);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}p{color:var(--neutral-700);line-height:var(--leading-relaxed)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:var(--radius-full);-webkit-transition:background var(--transition-normal) ease;transition:background var(--transition-normal) ease}::-webkit-scrollbar-thumb:hover{background:var(--primary-600)}img{height:auto;max-width:100%}@media (max-width:768px){body{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.gb-page{background:var(--paper-100);background-image:radial-gradient(circle at 15% 0,#ffffffb3,#0000 45%),radial-gradient(circle at 90% 100%,#76a4bb1a,#0000 50%);color:var(--ink-900);min-height:100vh}.gb-header{align-items:center;background:#fdfbf6f0;border-bottom:1px solid var(--paper-300);box-shadow:var(--shadow-paper-sm);display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:var(--z-sticky)}.gb-logo{border-radius:var(--radius-md);flex-shrink:0;height:44px;width:44px}.gb-header-text{flex:1 1;min-width:0}.gb-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink-900);display:-webkit-box;font-family:var(--font-accent);font-size:clamp(1.35rem,3.5vw,1.9rem);font-weight:600;line-height:1.1;margin:0;overflow:hidden}.gb-count{color:var(--ink-500);margin:0}.gb-count,.gb-sign-cta{font-size:var(--text-sm)}.gb-sign-cta{align-items:center;background:linear-gradient(120deg,var(--primary-600),var(--primary-500));border-radius:var(--radius-full);box-shadow:var(--shadow-paper-md);color:#fff;display:inline-flex;flex-shrink:0;font-weight:var(--font-semibold);justify-content:center;min-height:44px;padding:var(--space-3) var(--space-5);text-decoration:none;white-space:nowrap}.gb-sign-cta:hover{box-shadow:var(--shadow-paper-lg);color:#fff;transform:translateY(-1px)}.gb-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4) 0}.gb-main{margin:0 auto;max-width:var(--container-2xl);padding:var(--space-2) 0 var(--space-6);position:relative}.gb-main .message-grid-container,.gb-main .wall-state{position:relative;z-index:1}.gb-form-section{padding:var(--space-2) var(--space-4) var(--space-8);position:relative;scroll-margin-top:110px}.gb-form-card{background:var(--paper-card);border:1px solid var(--paper-300);border-radius:var(--radius-xl);box-shadow:var(--shadow-paper-md);margin:0 auto;max-width:var(--form-width-lg);padding:var(--space-5) var(--space-4);position:relative}.gb-form-title{color:var(--ink-900);font-family:var(--font-accent);font-size:clamp(1.5rem,4vw,1.9rem);font-weight:600;margin:0 0 var(--space-2);text-align:center}.gb-dedication{color:var(--ink-500);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0 0 var(--space-4);margin-inline:auto;max-width:52ch;text-align:center}@media (min-width:768px){.gb-form-card{padding:var(--space-6) var(--space-8)}}.gb-footer{background:var(--paper-200);border-top:1px solid var(--paper-300);padding:var(--space-7) var(--space-4) var(--space-8)}.gb-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:space-between;margin:0 auto;max-width:var(--container-lg)}.gb-footer-title{color:var(--ink-900);font-weight:var(--font-bold);margin:0 0 var(--space-1)}.gb-footer-text{color:var(--ink-500);font-size:var(--text-sm);margin:0;max-width:460px}.gb-footer-links{align-items:center;display:inline-flex;font-weight:var(--font-semibold);gap:var(--space-3)}.gb-footer-links a{color:var(--primary-700);text-decoration:none}.gb-footer-links a:hover{text-decoration:underline}@media (max-width:480px){.gb-header{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.gb-logo{height:36px;width:36px}.gb-title{font-size:1.2rem}.gb-count,.gb-sign-cta{font-size:var(--text-xs)}.gb-sign-cta{padding:var(--space-2) var(--space-4)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gb-form{display:flex;flex-direction:column;gap:var(--space-3);text-align:start}.form-row{grid-gap:var(--space-3);align-items:start;display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}@media (max-width:340px){.form-row{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{color:var(--ink-700);font-size:var(--text-sm);font-weight:var(--font-semibold)}.form-input{background:#fff;border:1px solid var(--paper-300);border-radius:var(--radius-md);color:var(--ink-900);font:inherit;font-size:max(16px,1em);min-height:48px;padding:var(--space-3) var(--space-4);width:100%}.form-textarea{line-height:var(--leading-relaxed);min-height:96px;resize:vertical}.form-input:focus{border-color:var(--primary-500);box-shadow:var(--shadow-primary);outline:none}.form-input.is-invalid{border-color:var(--error)}.form-error{align-items:center;animation:errorShake .3s ease;color:var(--error);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2)}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.form-meta{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;min-height:1.25rem}.form-meta .form-error{flex:1 1}.form-counter{font-size:var(--text-sm);font-weight:var(--font-medium);margin-inline-start:auto}.form-submit{background:linear-gradient(120deg,var(--primary-600),var(--primary-500));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-paper-md);color:#fff;cursor:pointer;display:grid;font-size:var(--text-lg);font-weight:var(--font-semibold);margin-top:var(--space-2);min-height:56px;padding:var(--space-4) var(--space-6);place-items:center}.form-submit:hover:not(:disabled){box-shadow:var(--shadow-paper-lg);transform:translateY(-2px)}.form-submit:disabled{cursor:default;opacity:.75}.form-spinner{animation:spin .8s linear infinite;border:3px solid #fff6;border-radius:var(--radius-full);border-top-color:#fff;height:22px;width:22px}.form-language{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-1)}.language-chip{background-color:initial;border:1px solid var(--paper-300);border-radius:var(--radius-full);color:var(--ink-700);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);min-height:44px;padding:var(--space-2) var(--space-5)}.language-chip.is-active{background-color:var(--primary-500);border-color:var(--primary-500);box-shadow:var(--shadow-paper-sm);color:#fff}.language-chip:not(.is-active):hover{background-color:var(--paper-200)}@media (hover:hover) and (pointer:fine){.language-chip{min-height:36px;padding:var(--space-1) var(--space-5)}}.message-grid-container{margin:0 auto;max-width:var(--container-2xl);padding:var(--space-4) var(--space-4) var(--space-6)}.message-grid{align-items:flex-start;width:100%}.message-column,.message-grid{display:flex;gap:var(--space-5)}.message-column{flex:1 1;flex-direction:column;min-width:0}.message-card-wrapper{animation:noteFadeIn .5s ease-out both;animation-delay:calc(min(var(--message-index), 8)*60ms);width:100%}@keyframes noteFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.note-card{background:var(--paper-card);border:1px solid var(--paper-300);border-radius:var(--radius-md);box-shadow:var(--shadow-paper-sm);color:var(--ink-900);padding:var(--space-6) var(--space-5) var(--space-4);position:relative;transition:box-shadow var(--transition-fast) ease,transform var(--transition-fast) ease}.note-card[role=button]{cursor:pointer}.message-card-wrapper:nth-child(3n+1) .note-card{transform:rotate(-.5deg)}.message-card-wrapper:nth-child(3n+2) .note-card{transform:rotate(.4deg)}.note-card:focus-visible,.note-card:hover{box-shadow:var(--shadow-paper-md);transform:rotate(0deg) translateY(-2px)}.note-card-tape{background:#76a4bb47;border-left:1px dashed #ffffffb3;border-right:1px dashed #ffffffb3;height:20px;left:50%;position:absolute;top:-9px;transform:translateX(-50%) rotate(-1.5deg);width:84px}.note-card-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.note-card-avatar{border:2px solid #ffffffbf;border-radius:var(--radius-full);box-shadow:var(--shadow-paper-sm);color:#14212e;display:grid;flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-bold);height:38px;place-items:center;width:38px}.note-card-id{display:flex;flex:1 1;flex-direction:column;min-width:0}.note-card-name{color:var(--ink-900);font-family:var(--font-accent);font-size:1.45rem;font-weight:600;line-height:1.15}.note-card-location,.note-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-location{color:var(--ink-500);font-size:var(--text-sm)}.note-card-new{align-self:flex-start;background:var(--success-light);border-radius:var(--radius-full);color:var(--success-dark);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 10px}.note-card-message{color:var(--ink-700);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0;unicode-bidi:plaintext;white-space:pre-line}.note-card-message.is-clamped{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card-expand{align-items:center;align-self:flex-start;background:#0000;border:none;color:var(--primary-600);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--space-1);margin-inline-start:calc(var(--space-3)*-1);min-height:44px;padding:var(--space-3) var(--space-3)}.note-card-expand:hover{color:var(--primary-700);text-decoration:underline}.note-card-date{border-top:1px dashed var(--paper-300);color:var(--ink-500);font-size:var(--text-xs);margin-top:var(--space-3);padding-top:var(--space-2)}.skeleton{animation:skeletonShimmer 1.6s linear infinite;background:linear-gradient(90deg,var(--paper-200) 0,var(--paper-100) 50%,var(--paper-200) 100%);background-size:600px 100%;border-radius:var(--radius-sm);display:block}@keyframes skeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;height:38px;width:38px}.skeleton-name{height:1.1rem;margin-bottom:var(--space-2);width:55%}.skeleton-location{height:.8rem;width:35%}.skeleton-line{height:.9rem;margin-bottom:var(--space-2);width:100%}.skeleton-line.short{width:60%}.load-more-row{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0 var(--space-2)}.load-more-button{background:var(--paper-card);border:1px solid var(--paper-300);border-radius:var(--radius-full);box-shadow:var(--shadow-paper-sm);color:var(--ink-700);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-7)}.load-more-button:hover{box-shadow:var(--shadow-paper-md);transform:translateY(-1px)}.wall-state{color:var(--ink-700);margin:0 auto;max-width:480px;padding:var(--space-9) var(--space-4);text-align:center}.wall-state-icon{font-size:3rem;margin-bottom:var(--space-3)}.wall-state-title{color:var(--ink-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.wall-state-text{color:var(--ink-500);margin:0}.wall-state .load-more-button{margin-top:var(--space-4)}.dollhouse-decor{display:none}@media (min-width:1100px){.dollhouse-decor{align-items:center;display:flex;flex-direction:column;gap:var(--space-8);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.decor-left{left:calc((100% - var(--form-width-lg))/4);translate:-50% 0}.decor-right{right:calc((100% - var(--form-width-lg))/4);translate:50% 0}}.dollhouse{overflow:visible}.dh-lg{width:150px}.dh-md{width:120px}.dh-sm{opacity:.75;width:90px}.dh-xs{opacity:.6;width:64px}.dh-line{stroke:var(--primary-600);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.dh-thin{stroke-width:2;opacity:.35}.dh-roof{stroke:var(--primary-700)}.dh-heart{fill:#d67a7f8c}.dh-dot{fill:var(--primary-600);opacity:.6}.dh-window{stroke:var(--primary-600);stroke-width:2;fill:#f6d69159;animation:windowGlow 5s ease-in-out infinite;opacity:.7}.dh-window-late{animation-delay:2.5s}@keyframes windowGlow{0%,to{fill:#f6d69133}50%{fill:#f6d69199}}.float-a{animation:houseFloat 7s ease-in-out infinite}.float-b{animation:houseFloat 9s ease-in-out 1.5s infinite}.float-c{animation:houseFloat 8s ease-in-out .8s infinite}@keyframes houseFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1.2deg)}}.dollhouse-backdrop{display:none}@media (min-width:1100px){.dollhouse-backdrop{display:block;inset:0;overflow:hidden;pointer-events:none;position:absolute}.backdrop-house{opacity:.16;position:absolute}.bh-1{left:1.5%;top:4%}.bh-2{right:1%;top:34%}.bh-3{left:.5%;top:58%}.bh-4{right:2%;top:84%}}.dollhouse-village{align-items:flex-end;display:flex;gap:var(--space-5);justify-content:center;padding:var(--space-6) var(--space-4) 0;pointer-events:none}.dh-village{opacity:.55}.v-1,.v-7{width:34px}.v-2,.v-6{width:46px}.v-3,.v-5{width:40px}.v-4{width:58px}@media (max-width:600px){.v-1,.v-7{display:none}.dollhouse-village{gap:var(--space-4)}}
/*# sourceMappingURL=main.ae3ceb2d.css.map*/