body{position:fixed;width:100dvw;height:100dvh;margin:0}html{background-image:url(../../../bg.jpg);background-size:cover}.ui{padding:16px;z-index:5;position:fixed;display:flex;flex-direction:column;gap:16px}.secondary-button{width:46px}.profile-card{z-index:5;display:flex;background-color:#be4b53;padding:10px 0 10px 10px;border-radius:10px;width:min-content;box-shadow:var(--shadow)}.profile-card img{height:40px;border-radius:100%;z-index:10;box-shadow:var(--shadow),0 0 0 10px #be4b53}.profile-card a{clip-path:polygon(0 0,100% 0%,90% 100%,0% 100%);text-shadow:var(--shadow);background-color:#a3383f;margin:0;font-size:1.5rem;position:relative;left:-10px;padding-top:5px;padding-right:20px;padding-left:30px;font-family:Jua;color:#f8e9d3;white-space:nowrap;text-overflow:ellipsis;max-width:200px}.login-button{z-index:5;text-shadow:var(--shadow);display:flex;background-color:#be4b53;padding:10px;border-radius:10px;box-shadow:var(--shadow);position:fixed;font-family:Jua;color:#f8e9d3;font-size:1.5rem}.screen{transform-origin:top left;position:fixed;height:100dvh;width:100dvw;top:0;right:0}.tree{width:2000px;-webkit-user-select:none;user-select:none;position:fixed}div.svelte-spx15r{position:fixed;bottom:0;z-index:20;padding:10px;display:flex;flex-direction:column;gap:10px}p.svelte-spx15r{margin:0;border-radius:10px;color:#f8e9d3;font-size:1.25rem;font-family:Jua;padding:8px 24px;background-color:#7b4942;border:4px solid #ad7858}img{-webkit-user-select:none;user-select:none}.no-button{background-color:transparent;border:none;cursor:pointer;padding:0;line-height:0}.info{background-color:#75a843;font-family:Jua;margin-top:20px;padding-top:20px;width:192px;border-radius:0 10px 10px;margin-left:24px;box-shadow:var(--shadow);position:absolute;z-index:10;left:80px}.info a{font-size:1.25rem;color:#f8e9d3;background-color:#75a843;padding:8px 24px 0;position:absolute;overflow-wrap:break-word;min-height:20px;transform:translateY(calc(-100% - 15px));max-width:70%;border-radius:10px 10px 0 0}.info .created-at{display:flex;flex-direction:column;background-color:#d0da90;color:#592c26;font-size:.75rem;padding:8px;border-radius:0 0 10px 10px}.info .likes{margin-bottom:10px;margin-left:20px;display:flex;align-items:center;background-color:#f8e9d3;width:min-content;border-radius:10px;box-shadow:var(--shadow)}.info .likes img{height:36px;width:36px}.info .likes button{background-color:#468132;border:none;padding:0;line-height:0;border-radius:10px 0 0 10px;cursor:pointer}.info .likes button:disabled{cursor:not-allowed}.info .likes p{text-align:center;width:80px;margin:0}.ornament{position:absolute;display:flex}.profile{transition-property:height;transition-duration:.3s;border-radius:50%}.overlay{position:absolute;transition-property:height;transition-duration:.5s;left:-2px;top:1px;scale:1.55;pointer-events:none}img.pulsing{animation:pulse 4s infinite;cursor:move}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(.7)}}div.svelte-1m9bkiw{position:fixed;right:0;top:0;padding:20px;display:flex;gap:16px;z-index:10}button.svelte-1m9bkiw:disabled{cursor:not-allowed}.yellow{--bg: #dd9f40;--text: #f8e9d3;--accent: #bf782b;--subtitle-text: #884b2b;--subtitle-bg: #e7bf6e}.red{--bg: #be4b53;--text: #f8e9d3;--accent: #a3383f;--subtitle-bg: #f9b19f;--subtitle-text: #592c26}.background{width:100dvw;height:100dvh;position:fixed;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20}.preview{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.preview img{width:192px;height:192px}.button-blue{--bg: #3d5e8a;--border: #4f8fba}.button-red{--bg: #a3383f;--border: #be4b53}.buttons{width:100%;display:flex;flex-direction:column;gap:8px}.buttons button{display:flex;align-items:center;justify-content:center;gap:8px;color:#f8e9d3;background-color:var(--bg);border:5px solid var(--border);border-radius:10px;padding:.375rem;width:100%;font-family:Jua;font-size:1.25rem;box-shadow:var(--shadow);cursor:pointer}.buttons button img{height:32px;width:32px}.image-and-overlay{position:relative;display:flex}.image-and-overlay .overlay{position:absolute;scale:1.55;top:5px;left:-8px}.image-and-overlay .profile{transition-property:rotate;transition-duration:30ms;transition-timing-function:ease-out;border-radius:50%;box-shadow:var(--shadow)}.menu{display:grid;gap:16px;grid-template-columns:min(600px,60%) 1fr;font-family:Jua;width:min(792px,80%);padding:32px;background-color:#f8e9d3;background-image:repeating-conic-gradient(from 0deg,rgba(0,0,0,.08) 0deg 90deg,transparent 90deg 180deg);background-size:120px 120px;border:2px solid rgba(139,102,70,.15);border-radius:10px;box-shadow:0 18px 32px #2f221514}.question{display:flex;flex-direction:column;gap:16px;background-color:var(--bg);margin-top:40px;position:relative;border-radius:0 10px 10px;color:#f8e9d3;box-shadow:var(--shadow)}.question h1{font-size:1.25rem;position:absolute;top:-25px;left:0;margin:0;padding:8px 24px;border-radius:10px 10px 0 0;background-color:var(--bg)}.question .spacer{height:4px}.question .subtitle{background-color:var(--subtitle-bg);border-radius:0 0 8px 8px;padding:8px;color:var(--subtitle-text);font-size:.875rem}.checkbox-input,.range-input{display:flex;padding-left:24px}:is(.checkbox-input,.range-input) img{background-color:var(--accent);border-radius:8px 0 0 8px;height:48px;width:48px;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow)}:is(.checkbox-input,.range-input) input{margin:0;padding:0 16px;background-color:var(--text);appearance:none;border-radius:0 8px 8px 0;cursor:pointer;box-shadow:var(--shadow);position:relative}.checkbox-input input{background-color:var(--text);width:48px;cursor:pointer}.checkbox-input input:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid var(--accent);border-radius:8px}.checkbox-input input:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-color:var(--accent);border-radius:8px}.range-input input::-moz-range-track{background-color:var(--accent);height:2px}.range-input input::-moz-range-thumb{background:var(--text);border-radius:50%;border:2px solid var(--accent)}.image-radio{display:flex;flex-wrap:wrap;padding-left:24px;gap:8px}.image-radio label{cursor:pointer;background-color:var(--accent);position:relative;border-radius:10px;line-height:0}.image-radio input{cursor:pointer;width:96px;height:96px;appearance:none;margin:0;line-height:0;border-radius:10px}.image-radio input:checked{outline:2px solid white}.image-radio img{position:absolute;top:0;left:0;width:96px}